/* Scoped to the Appwright journey; flat color, original HTML illustration. */
.build-journey{display:block!important;grid-template-columns:none!important;overflow:hidden;background:#f6f5ef;border:1px solid #e3e2d8;border-radius:20px;color:#262b29;max-width:100%;min-width:0}
.build-journey *{box-sizing:border-box}.build-journey button{font-family:Arial,Helvetica,sans-serif;color:inherit;cursor:pointer;touch-action:manipulation}.build-journey button:focus-visible{outline:3px solid #398394;outline-offset:4px}.build-journey button:disabled{cursor:default}.build-journey h3,.build-journey h4,.build-journey p{margin:0}.build-journey h4{line-height:1.2}.build-journey p{color:#5c625c}.bj-shell{padding:34px;min-width:0}.bj-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.bj-eyebrow,.bj-mini-label,.bj-stage-count{font:600 9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.11em;display:block}.bj-eyebrow{color:#656a60;margin-bottom:12px}.bj-heading h3{font:400 34px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1px}.bj-heading h3 em{font-weight:400;font-style:italic;position:relative}.bj-heading h3 em:after{content:'';position:absolute;bottom:-5px;left:0;right:0;border-bottom:3px solid #ecc85c;border-radius:50%;transform:rotate(-2deg)}.bj-heading p{font:13px/1.6 Arial,Helvetica,sans-serif;margin-top:15px}.bj-play{display:flex;align-items:center;gap:9px;border:1px solid #d9dbd0;border-radius:30px;background:#fffef9;padding:10px 16px;font-size:11px;flex-shrink:0}.bj-play:hover:not(:disabled){background:#f7df8c}.bj-play:disabled{color:#777b70;opacity:.75}.bj-timeline{padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:30px 0 28px;border-bottom:1px solid #d8dbcf;gap:10px}.bj-timeline li{min-width:0}.bj-step{width:100%;text-align:left;border:0;border-bottom:3px solid transparent;background:none;padding:13px 4px 17px;display:flex;gap:10px;align-items:center;position:relative;font-size:13px;transition:border-color .3s,color .3s}.bj-step-number{font:10px/1 monospace;border:1px solid #d8dace;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;background:#fffef9}.bj-step strong{font-weight:500}.bj-step-arrow{margin-left:auto;font-size:15px;color:#8b9084}.bj-timeline li:last-child .bj-step-arrow{display:none}.bj-step[aria-pressed=true]{border-color:#b49339}.bj-step[aria-pressed=true] .bj-step-number{background:#f3d773;border-color:#f3d773}.bj-step[aria-pressed=true] strong{font-weight:700}.bj-step.is-complete .bj-step-number{background:#dbe6d9;border-color:#dbe6d9}.bj-stage-intro{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-height:103px;margin-bottom:24px}.bj-stage-count{color:#73796c;margin-bottom:10px}.bj-stage-title{font:400 25px/1.2 Georgia,serif;letter-spacing:-.6px;max-width:360px}.bj-stage-description{font:13px/1.65 Arial,sans-serif;max-width:440px}.bj-workspace{border:1px solid #d5d8ca;border-radius:13px;overflow:hidden;background:#fffef9;box-shadow:0 8px 0 #e8eadf}.bj-workspace-bar{height:40px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fffef9;border-bottom:1px solid #e0e2d7;font:8px/1.5 Arial,sans-serif;letter-spacing:.11em;color:#74796e}.bj-workspace-bar>span:first-child{display:flex;gap:5px;min-width:42px}.bj-workspace-bar i{width:6px;height:6px;border-radius:50%;background:#dedfd5}.bj-workspace-bar i:first-child{background:#e7b59e}.bj-workspace-bar i:nth-child(2){background:#e9cd77}.bj-workspace-bar i:nth-child(3){background:#a6c4a9}.bj-workspace-label{min-width:75px;text-align:right}.bj-panels{position:relative;height:395px;isolation:isolate}.bj-panel{position:absolute;inset:0;padding:30px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none;overflow:hidden}.bj-panel.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;z-index:1}.bj-tone-yellow{background:#f5e9bc}.bj-tone-peach{background:#f5e3d7}.bj-tone-blue{background:#e2eceb}.bj-tone-green{background:#e5ecdf}.bj-panel h4{font-family:Georgia,serif;font-weight:400}.bj-idea-board{max-width:640px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;height:100%;align-items:center}.bj-note{background:#fff9dd;padding:29px 30px 25px;box-shadow:4px 7px 0 #cabd812b;transform:rotate(-3deg);position:relative}.bj-note-pin{width:42px;height:16px;background:#ebcd919c;position:absolute;top:-9px;left:calc(50% - 21px);transform:rotate(4deg)}.bj-hand-label{font:italic 15px/1.5 Georgia,serif;color:#776c49;display:block}.bj-note h4{font:italic 31px/1.15 Georgia,serif;letter-spacing:-1px;margin:12px 0}.bj-note p{font:12px/1.7 Arial,sans-serif;max-width:220px;color:#696249}.bj-note-rule{border-bottom:2px solid #ddc371;width:90px;margin:18px 0 9px;transform:rotate(-3deg)}.bj-margin-notes{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:22px}.bj-circle-sketch{width:134px;height:134px;border:2px solid #ae9b55;border-radius:48% 52% 45% 55%;display:flex;align-items:center;justify-content:center;flex-direction:column;font:italic 50px/1 Georgia,serif;transform:rotate(6deg);color:#6e694d}.bj-circle-sketch small{font:italic 15px/1.4 Georgia,serif;margin-top:5px}.bj-pencil{height:12px;width:135px;background:#d99c74;border:1px solid #a77653;transform:rotate(-18deg);position:absolute;right:0;bottom:13px}.bj-pencil:after{content:'';position:absolute;right:-17px;top:-1px;border-left:17px solid #b49b70;border-top:6px solid transparent;border-bottom:6px solid transparent}.bj-pencil:before{content:'';position:absolute;left:-17px;top:-1px;width:17px;height:12px;background:#ead1c6;border:1px solid #a77653;border-radius:3px 0 0 3px}.bj-conversation{max-width:655px;margin:auto}.bj-conversation-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.bj-claude-mark{font-size:32px;color:#bd7758}.bj-conversation-heading strong{font:600 15px/1.4 Arial,sans-serif}.bj-conversation-heading small{display:block;font:9px/1.5 Arial,sans-serif;color:#876f62;margin-top:3px}.bj-message{border-radius:10px;padding:16px 20px;font:13px/1.6 Arial,sans-serif}.bj-message>span{font-size:8px;letter-spacing:.08em;color:#82766d}.bj-message p{margin-top:6px;color:#514c47}.bj-message-user{background:#fbf8ef;margin-left:70px;border:1px solid #e5d8c9}.bj-message-ai{background:#fffef9;margin-right:45px;margin-top:12px;border:1px solid #e9dccd}.bj-prompt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bj-prompt-chips span{font-size:9px;background:#f3e7d8;padding:4px 9px;border-radius:20px}.bj-conversation-foot{font:10px/1.5 Arial,sans-serif;margin-top:15px;color:#7a6d62}.bj-conversation-foot>span{margin-right:7px}.bj-blueprint{display:grid;grid-template-columns:.85fr 1.2fr;max-width:690px;margin:auto;border:1px solid #baccca;background:#fcfdf7;border-radius:9px;overflow:hidden;height:100%}.bj-file-tree{padding:23px 19px;background:#d8e4e2;display:flex;flex-direction:column;gap:12px;font:10px/1.4 monospace;min-width:0}.bj-file-tree .bj-mini-label{font-size:8px;margin-bottom:5px;color:#557574}.bj-file-tree strong{font-weight:600}.bj-selected-file{color:#315f66;background:#eff5ed;border-radius:3px;padding:5px 7px;margin:-5px -7px}.bj-context-tag{font:italic 12px/1.5 Georgia,serif;margin-top:auto;color:#587976}.bj-plan{padding:22px 26px}.bj-plan>.bj-mini-label{font-size:8px;color:#6e827b}.bj-plan h4{font-size:21px;letter-spacing:-.4px;margin:10px 0 15px}.bj-wireframe{width:175px;max-width:100%;border:1px solid #b7c8c0;padding:11px;background:#f4f8ee;border-radius:7px;float:right;margin-left:15px}.bj-wireframe-top{font:8px/1.5 Arial,sans-serif;display:flex;justify-content:space-between}.bj-wireframe-circle{height:70px;width:70px;border:1px dashed #9db1a3;border-radius:50%;display:grid;place-items:center;margin:14px auto;font:22px Georgia,serif;color:#768e7c}.bj-wireframe-button{text-align:center;font:8px/1.6 Arial,sans-serif;background:#dce8d6;padding:5px;border:1px solid #b7c8c0;border-radius:3px}.bj-plan-lines{display:grid;gap:13px;font:9px/1.65 Arial,sans-serif;color:#657b70;padding-top:4px}.bj-build{height:100%;display:grid;grid-template-columns:1.3fr .8fr;gap:22px;max-width:775px;margin:auto;align-items:center}.bj-editor{background:#2a3434;color:#e9eee1;border:1px solid #394646;border-radius:9px;overflow:hidden;min-width:0}.bj-editor-tab{display:flex;align-items:center;gap:8px;font:10px/1.5 monospace;padding:13px 16px;border-bottom:1px solid #455151;color:#d3dfcd}.bj-editor-tab>span:last-child{margin-left:auto;font:7px Arial,sans-serif;letter-spacing:.1em;color:#b3c4b5}.bj-editor-dot{height:6px;width:6px;background:#d9bb76;border-radius:50%}.bj-editor pre{font:10px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:17px 19px;color:#e9eee1}.bj-code-blue{color:#a4ced4}.bj-code-peach{color:#e3b39a}.bj-code-yellow{color:#e6d59c}.bj-editor-footer{padding:10px 16px;border-top:1px solid #455151;font:8px/1.5 Arial,sans-serif;color:#b7c6b4;display:flex;justify-content:space-between;gap:8px}.bj-built-screen{background:#fbfcf5;border-radius:11px;padding:20px;border:1px solid #c4d3bd;box-shadow:4px 5px 0 #c7d5c0;min-width:0}.bj-built-screen>.bj-mini-label{font-size:7px;color:#87957d;margin-bottom:17px}.bj-preview-top{display:flex;justify-content:space-between;align-items:center;font:14px/1.4 Arial,sans-serif}.bj-preview-top>span{color:#8b9e81;font-size:18px}.bj-built-screen>p{font:9px/1.5 Arial,sans-serif;margin-top:12px}.bj-preview-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:118px;border:2px solid #b4c8a5;border-radius:50%;font:35px/1.2 Georgia,serif;margin:16px auto;color:#3a523d}.bj-preview-timer small{font:5px/1.6 Arial,sans-serif;letter-spacing:.06em;margin-top:6px}.bj-preview-button{display:flex;justify-content:space-between;align-items:center;font:9px Arial,sans-serif;background:#dce8cc;border-radius:7px;padding:11px;color:#344a35}.bj-preview-button b{font-size:14px;font-weight:400}.bj-preview-intention{display:grid;gap:4px;margin-top:13px}.bj-preview-intention small{font:6px Arial,sans-serif;letter-spacing:.07em;color:#819177}.bj-preview-intention strong{font:9px/1.5 Arial,sans-serif}.bj-release{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;max-width:710px;margin:auto;height:100%;align-items:center}.bj-release-cover{background:#f8f2dd;border:1px solid #ded0ac;border-radius:9px;padding:25px;position:relative;transform:rotate(-2deg)}.bj-release-cover>.bj-mini-label{font-size:7px;color:#8c7d59}.bj-app-icon{display:grid;place-items:center;width:57px;height:57px;font-size:37px;border-radius:13px;background:#d8e4cd;color:#52674f;margin:18px 0}.bj-release-cover h4{font-size:29px;letter-spacing:-.8px}.bj-release-version{display:block;font:9px/1.5 Arial,sans-serif;margin-top:10px;color:#87765d}.bj-release-stamp{font:9px/1.4 Arial,sans-serif;background:#e8c2a4;border-radius:20px;padding:7px 11px;display:inline-block;margin-top:16px}.bj-release-checks>.bj-mini-label{font-size:8px;color:#8f786a}.bj-release-checks h4{font-size:25px;letter-spacing:-.5px;margin-top:10px}.bj-release-checks ul{list-style:none;padding:0;margin:15px 0}.bj-release-checks li{font:11px/1.5 Arial,sans-serif;padding:10px 0;border-bottom:1px solid #decec1;display:flex;align-items:center;gap:10px}.bj-release-checks li>span{width:18px;height:18px;border-radius:50%;background:#d7e5cd;display:grid;place-items:center;color:#516c4d;font-size:9px;flex-shrink:0}.bj-release-checks p{font:10px/1.6 Arial,sans-serif;color:#856c5d}.bj-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px}.bj-outcome{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.bj-outcome-icon{display:grid;place-items:center;width:33px;height:33px;background:#f3da83;border-radius:50%;font-size:19px;flex-shrink:0}.bj-outcome .bj-mini-label{font-size:7px;color:#798071;letter-spacing:.08em}.bj-outcome-text{font:500 13px/1.5 Arial,sans-serif;display:block;margin-top:3px}.bj-progress-block{width:175px;max-width:30%}.bj-cycle-label{font:9px/1.6 Arial,sans-serif;color:#77806f;display:block;margin-bottom:7px}.bj-progress{height:4px;border-radius:8px;background:#dce0d2;overflow:hidden}.bj-progress>span{display:block;height:100%;width:20%;background:#869c76;transition:width .5s ease}.bj-nav{display:flex;gap:7px}.bj-nav button{width:36px;height:36px;border:0;border-radius:50%;background:#f3d777;font-size:20px;display:grid;place-items:center}.bj-nav button:hover{background:#eec858}.bj-disclaimer{font:9px/1.6 Arial,sans-serif!important;color:#858b7b!important;margin-top:20px!important;max-width:710px}.bj-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1200px){.bj-shell{padding:38px 40px}.bj-panels{height:420px}.bj-panel{padding:34px}.bj-idea-board{max-width:670px}.bj-note{padding:35px}.bj-note h4{font-size:35px}.bj-build{gap:30px}.bj-editor pre{font-size:11px}.bj-built-screen{padding:23px}.bj-preview-timer{width:130px;height:130px}}
@media(max-width:760px){.build-journey{border-radius:15px}.bj-shell{padding:23px 18px}.bj-heading{gap:12px}.bj-heading h3{font-size:28px;letter-spacing:-.8px}.bj-heading p{font-size:11px;max-width:210px}.bj-eyebrow{font-size:7px;letter-spacing:.09em}.bj-play{padding:9px 11px;font-size:9px;gap:6px;margin-top:1px}.bj-timeline{gap:3px;margin:24px 0 20px}.bj-step{padding:10px 0 13px;display:flex;flex-direction:column;gap:8px;text-align:center;font-size:10px}.bj-step strong{font-size:10px}.bj-step-number{width:26px;height:26px;font-size:9px}.bj-step-arrow{display:none}.bj-stage-intro{grid-template-columns:1fr;gap:12px;min-height:153px;margin-bottom:20px;align-content:start}.bj-stage-count{font-size:8px;margin-bottom:7px}.bj-stage-title{font-size:23px;max-width:100%}.bj-stage-description{font-size:11px;line-height:1.65;max-width:100%}.bj-workspace-bar{padding:0 12px;height:35px;font-size:6px;letter-spacing:.07em;gap:8px}.bj-workspace-bar>span:first-child{min-width:25px;gap:3px}.bj-workspace-bar i{height:5px;width:5px}.bj-workspace-label{min-width:47px}.bj-panels{height:415px}.bj-panel{padding:20px 15px}.bj-idea-board{grid-template-columns:1fr;gap:18px;align-content:center;position:relative}.bj-note{max-width:235px;margin:auto;padding:28px 24px;z-index:1}.bj-note h4{font-size:29px}.bj-note p{font-size:11px}.bj-hand-label{font-size:13px}.bj-margin-notes{align-self:auto;flex-direction:row;align-items:center;gap:15px;justify-content:center;height:68px}.bj-circle-sketch{width:66px;height:66px;font-size:27px;flex-shrink:0;border-width:1px}.bj-circle-sketch small{font-size:10px;margin-top:1px}.bj-margin-notes .bj-hand-label{font-size:12px;max-width:95px}.bj-pencil{display:none}.bj-conversation-heading{gap:9px;margin-bottom:17px}.bj-conversation-heading strong{font-size:12px}.bj-conversation-heading small{font-size:8px;max-width:190px}.bj-claude-mark{font-size:28px}.bj-message{padding:14px 13px;font-size:11px;line-height:1.7}.bj-message>span{font-size:7px}.bj-message-user{margin-left:22px}.bj-message-ai{margin-right:8px;margin-top:14px}.bj-prompt-chips{gap:4px;margin-top:13px}.bj-prompt-chips span{padding:4px 6px;font-size:7px}.bj-conversation-foot{font-size:9px;line-height:1.7;margin-top:18px}.bj-blueprint{grid-template-columns:1fr;height:100%;grid-template-rows:127px 1fr}.bj-file-tree{padding:13px 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;font-size:8px;align-content:start}.bj-file-tree>.bj-mini-label{grid-column:1/-1;font-size:7px;margin:0}.bj-file-tree strong{grid-column:1/-1}.bj-file-tree .bj-selected-file{padding:0;background:none;margin:0;font-weight:700}.bj-context-tag{display:none}.bj-plan{padding:17px 15px}.bj-plan>.bj-mini-label{font-size:7px}.bj-plan h4{font-size:18px;margin:8px 0 14px}.bj-wireframe{width:113px;padding:9px;margin-left:10px}.bj-wireframe-top{font-size:6px}.bj-wireframe-circle{width:58px;height:58px;font-size:19px;margin:10px auto}.bj-wireframe-button{font-size:6px;padding:4px}.bj-plan-lines{font-size:8px;gap:12px;padding-top:1px}.bj-build{grid-template-columns:1fr;grid-template-rows:auto auto;gap:14px;align-content:center}.bj-editor-tab{padding:9px 12px;font-size:8px}.bj-editor pre{padding:10px 12px;font-size:8px;line-height:1.45}.bj-editor-footer{font-size:7px;padding:7px 12px}.bj-built-screen{padding:12px 14px;display:grid;grid-template-columns:1fr 95px;column-gap:10px;align-items:center}.bj-built-screen>.bj-mini-label{grid-column:1/-1;margin-bottom:8px;font-size:6px}.bj-preview-top{font-size:12px}.bj-built-screen>p{font-size:8px;margin-top:3px}.bj-preview-timer{grid-column:2;grid-row:2/5;width:83px;height:83px;margin:0;font-size:26px;border-width:1px}.bj-preview-timer small{font-size:4px;max-width:60px;text-align:center}.bj-preview-button{grid-column:1;font-size:8px;padding:8px;margin-top:8px}.bj-preview-intention{grid-column:1/-1;margin-top:9px;border-top:1px solid #e2e9da;padding-top:7px}.bj-preview-intention small{font-size:5px}.bj-preview-intention strong{font-size:8px}.bj-release{grid-template-columns:1fr;gap:20px;align-content:start;height:auto}.bj-release-cover{padding:16px 18px;min-height:139px;transform:rotate(-1deg)}.bj-release-cover>.bj-mini-label{font-size:6px;margin-bottom:9px}.bj-app-icon{float:right;width:48px;height:48px;margin:13px 0 0 12px;font-size:30px}.bj-release-cover h4{font-size:24px;line-height:1.15}.bj-release-version{font-size:8px;margin-top:7px}.bj-release-stamp{font-size:8px;padding:5px 9px;margin-top:9px}.bj-release-checks>.bj-mini-label{font-size:7px}.bj-release-checks h4{font-size:21px;margin-top:7px}.bj-release-checks ul{margin:7px 0 10px}.bj-release-checks li{font-size:9px;padding:7px 0;gap:8px}.bj-release-checks li>span{height:16px;width:16px;font-size:8px}.bj-release-checks p{font-size:8px}.bj-footer{flex-wrap:wrap;gap:15px 10px;margin-top:23px}.bj-outcome{flex:1 1 calc(100% - 90px)}.bj-outcome-icon{width:29px;height:29px;font-size:16px}.bj-outcome-text{font-size:11px}.bj-outcome .bj-mini-label{font-size:6px}.bj-nav{order:2}.bj-nav button{width:31px;height:31px;font-size:18px}.bj-progress-block{order:3;width:100%;max-width:none;display:flex;align-items:center;gap:12px}.bj-cycle-label{font-size:8px;margin:0;flex-shrink:0}.bj-progress{flex:1}.bj-disclaimer{font-size:8px!important;margin-top:16px!important}}
@media(max-width:360px){.bj-shell{padding:20px 13px}.bj-heading h3{font-size:25px}.bj-play{padding:8px 9px}.bj-stage-intro{min-height:165px}.bj-step strong{font-size:9px}.bj-panel{padding:18px 12px}.bj-prompt-chips span{font-size:6px}.bj-message{font-size:10px}.bj-plan-lines{font-size:7px}.bj-cycle-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.build-journey *,.build-journey *:before,.build-journey *:after{animation:none!important;transition:none!important}.bj-panel{transform:none}.bj-note,.bj-release-cover,.bj-circle-sketch{transform:none}}
.bj-reduced-motion .bj-panel{transition:none;transform:none}