@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#14283d;--navy-dark:#102133;--ivory:#f7f6f0;--gold:#c8a65d;--gold-light:#f3ead7;--ink:#203247;--muted:#6d777d;--line:#dfe2dc;--white:#fff;--green:#648175;--radius:15px;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--ivory);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b38a3c;outline-offset:4px}input:focus,textarea:focus{outline:3px solid #c8a65d40;border-color:#ad8a47}input,textarea{border:1px solid #ccd2cc;border-radius:10px;background:#fff;padding:14px 16px;color:var(--ink);width:100%;line-height:1.6;transition:border .15s}textarea{resize:vertical;min-height:156px}input::placeholder,textarea::placeholder{color:#919a9e}button{border:0;background:none}svg{display:block}.skip-link{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:20}.skip-link:focus{top:15px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);color:#f5f7f4;padding:32px 22px 23px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:750 19px 'Manrope',sans-serif;letter-spacing:-.6px}.brand small{display:block;font:500 7.8px 'DM Sans',sans-serif;letter-spacing:1.35px;margin-top:7px;color:#a8b4bb}.brand-mark{display:grid;place-items:center;background:#25394b;border:1px solid #526052;border-radius:10px;width:39px;height:39px;color:var(--gold);flex:none}.brand-mark svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.4}.nav-label{font-size:9px;letter-spacing:1.8px;color:#81949f;margin:51px 13px 17px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;position:relative;padding:13px 14px;border-radius:8px;font-size:12px;text-decoration:none;text-align:left;color:#bdc9cf;margin-bottom:7px}.nav-item span{font-size:21px;line-height:18px;color:#c3cfd3}.nav-item.active{background:#2b3f50;color:#fff}.nav-item.active:before{content:'';position:absolute;left:-22px;width:3px;height:23px;border-radius:0 3px 3px 0;background:var(--gold)}.nav-item:hover{background:#263c4e;color:white}.nav-item i{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:auto;display:none}.sidebar-note{margin-top:auto;padding:30px 12px 25px;border-bottom:1px solid #344656}.tiny-orbit{color:var(--gold);font-size:24px;margin-bottom:18px}.sidebar-note h2{font:600 18px/1.5 'Manrope',sans-serif;letter-spacing:-.4px;margin:0 0 10px}.sidebar-note p{font-size:11px;line-height:1.8;color:#a1b1bb;max-width:164px;margin:0}.sidebar-bottom{display:flex;gap:8px;align-items:center;margin:23px 11px 0;color:#aebcc3;font-size:10px}.status-dot{height:5px;width:5px;border-radius:50%;background:#bfa56a}.version{margin-left:auto;color:#778d9d}.workspace{grid-column:2;min-width:0;display:flex;flex-direction:column}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 47px;gap:14px}.breadcrumb{display:flex;gap:12px;font-size:9px;letter-spacing:1.2px;color:#7a858b}.breadcrumb strong{font-weight:600;color:#45565e}.breadcrumb span{color:#b1b6b3}.preview-pill{font-size:10px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e4dece;border-radius:5px;background:#faf8f1;color:#776a4b}.preview-pill span{height:5px;width:5px;border-radius:50%;background:#b39760}main{width:100%;max-width:1310px;padding:53px 47px 28px;margin:0 auto;flex:1;outline:none}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.1px;color:#92743b;display:flex;align-items:center;gap:9px;margin:0 0 18px}.eyebrow:before{content:'';height:1px;width:24px;background:var(--gold)}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:43px;font-weight:650;letter-spacing:-1.9px;line-height:1.18;margin:0 0 18px;max-width:710px}h1 em{font-style:normal;color:#9b7a3e}.intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:580px;margin:0}.hero-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.small-art{position:relative;width:120px;height:120px;flex:none;display:grid;place-items:center;margin:4px 8px 0;transform:rotate(-8deg)}.art-square{position:absolute;width:68px;height:82px;border:1px solid #d5d7cf;border-radius:9px;background:#fffaf0;transform:rotate(-15deg) translate(-10px,0)}.art-front{transform:rotate(12deg) translate(7px,0);background:#fff;border-color:#c4c9bd;box-shadow:5px 6px 0 #e9e7dc;display:grid;place-items:center;color:#aa8948;font-size:31px}.art-star{position:absolute;right:3px;top:0;color:#b6995b;font-size:24px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.path-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;display:flex;flex-direction:column;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}.path-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #162c3f07;border-color:#b8c4bd}.path-card.primary{border-top:3px solid var(--navy);padding-top:25px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-icon{display:grid;place-items:center;width:44px;height:44px;background:#eff2ef;border-radius:11px;color:#324d56}.card-icon.gold{background:var(--gold-light);color:#a48449}.card-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-tag{font-size:8px;letter-spacing:1.1px;font-weight:700;color:#8c9392}.path-card h2{font-size:21px;letter-spacing:-.7px;font-weight:650;margin:23px 0 10px}.path-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px;max-width:320px}.card-example{font-size:11px;color:#73807b;line-height:1.7;display:block;padding:12px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;min-height:44px;padding:12px 19px;text-decoration:none;font-size:12px;font-weight:650;line-height:1.4;transition:background .15s,transform .15s}.btn .arrow{margin-left:auto;font-size:18px;font-weight:400;line-height:12px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#28445a}.btn-outline{border:1px solid #d6dcd4;background:white;color:#253f4b}.btn-outline:hover{background:#f3f5ef;border-color:#a6b5ab}.btn-soft{background:#f0eee6;color:#676443}.btn-link{color:#596c73;padding-left:0;padding-right:0;font-weight:500;text-decoration:underline;text-decoration-color:#b9c0b9;text-underline-offset:5px}.path-card .btn{width:100%;margin-top:auto;justify-content:space-between}.journey{margin-top:31px;background:#eeefe8;border:1px solid #e0e3d9;padding:21px 24px;border-radius:12px;display:flex;align-items:center;gap:20px}.journey-label{font-size:9px;letter-spacing:1.2px;color:#708071;line-height:1.7;width:88px;flex:none}.journey-steps{display:flex;justify-content:space-between;align-items:center;gap:16px;flex:1}.journey-step{display:flex;gap:10px;align-items:center}.journey-step b{display:grid;place-items:center;font-size:10px;font-weight:500;width:26px;height:26px;border-radius:50%;border:1px solid #ccd3c6;background:#f7f8f0;color:#687865}.journey-step span{font-size:11px;color:#46584f}.journey-sep{color:#bdc6b8;font-size:14px}.home-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.quiet-note{font-size:10px;color:#849087;line-height:1.8;max-width:410px}.text-action{font-size:11px;color:#5c7069;display:flex;gap:8px;align-items:center;padding:10px 0;white-space:nowrap}.text-action:hover{text-decoration:underline;text-underline-offset:4px}.page-footer{margin:22px 47px 0;padding:20px 0 24px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:9px;color:#98a096;letter-spacing:.15px}.draft-card{display:flex;gap:15px;align-items:center;border:1px solid #d7dbd1;background:#fff;padding:15px 18px;border-radius:10px;margin-top:23px}.draft-card .draft-copy{min-width:0;flex:1}.draft-card strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.draft-card p{font-size:10px;color:var(--muted);margin:4px 0 0}.draft-card .btn{min-height:35px;font-size:10px;padding:9px 13px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.back{font-size:11px;color:#738077;display:flex;align-items:center;gap:8px;padding:5px 0;min-height:36px}.back:hover{color:var(--navy)}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:35px;align-items:start}.question-card{background:white;border:1px solid var(--line);border-radius:16px;padding:33px;min-width:0}.question-count{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8f7849;margin-bottom:15px}.question-card h1{font-size:30px;letter-spacing:-1px;line-height:1.28;margin-bottom:13px}.question-hint{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 25px;max-width:450px}.field-label{display:block;font-size:11px;font-weight:650;margin-bottom:9px}.field-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#879188;margin-top:9px}.examples{margin:20px 0 24px}.examples-label{font-size:9px;color:#889184;margin-bottom:8px}.example-chip{display:block;text-align:left;font-size:10px;line-height:1.6;border:1px solid #e4e6dd;background:#f8f9f4;padding:9px 12px;border-radius:7px;margin:6px 0;max-width:100%;color:#657467}.example-chip:hover{background:#eef1e5;border-color:#bac7ac}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;padding-top:19px;border-top:1px solid #eceee7}.question-actions .btn-primary{min-width:145px}.help-button{font-size:11px;color:#69796e;padding:10px 0}.help-button:hover{text-decoration:underline;text-underline-offset:4px}.error{color:#a54939;font-size:11px;line-height:1.6;margin:10px 0}.aside-heading{font-size:10px;letter-spacing:1.3px;font-weight:700;margin:6px 0 19px}.progress-track{height:5px;background:#e0e5da;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:#9fae8e;border-radius:4px;transition:width .3s}.progress-caption{font-size:10px;color:#778577;margin:0 0 26px}.step-list{list-style:none;margin:0;padding:0}.step-list li{position:relative;padding-bottom:21px;display:flex;gap:12px;align-items:center}.step-list li:not(:last-child):before{content:'';position:absolute;left:10px;top:21px;bottom:0;width:1px;background:#d8ded2}.step-list button{display:flex;align-items:center;gap:12px;text-align:left;padding:0;font-size:11px;width:100%;color:#859180}.step-list .step-n{display:grid;place-items:center;height:21px;width:21px;border:1px solid #d3d9cc;border-radius:50%;font-size:9px;flex:none;background:var(--ivory)}.step-list .current{color:var(--navy);font-weight:650}.step-list .current .step-n{background:var(--navy);border-color:var(--navy);color:white}.step-list .complete .step-n{background:#e6ecde;border-color:#d1dbc5;color:#637755}.helper-box{border-top:1px solid #dce1d5;padding-top:24px;margin-top:7px}.helper-box h3{font-size:12px;line-height:1.6;margin:0 0 8px}.helper-box p{font-size:10px;line-height:1.9;color:#879080;margin:0}.mock-note{display:flex;gap:9px;font-size:9px;color:#8b8d80;line-height:1.75;border:1px solid #e1e2d4;background:#f3f3e9;border-radius:8px;padding:12px;margin-top:20px}.mock-note .info-icon{font-family:Georgia,serif;border:1px solid #a9b098;border-radius:50%;width:14px;height:14px;line-height:12px;text-align:center;flex:none;margin-top:2px}.plan-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.plan-top h1{font-size:34px;letter-spacing:-1.3px}.plan-top .intro{font-size:12px;max-width:520px}.plan-badge{font-size:9px;background:#e7eddf;color:#607650;border-radius:4px;padding:7px 9px;white-space:nowrap}.plan-grid{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:29px}.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-field{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.plan-field.full{grid-column:1/-1}.plan-field textarea{min-height:118px;padding:10px 11px;font-size:11px;background:#fbfcf8;border-color:#e1e5da}.plan-field input{font-size:17px;font-weight:600;padding:10px 12px}.plan-field label{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:650;line-height:1.4;margin-bottom:11px}.suggestion{font-size:8px;font-weight:400;color:#9f8654;background:#f5eedf;padding:2px 5px;border-radius:3px}.plan-aside{position:sticky;top:24px;border:1px solid #dddccd;border-radius:12px;padding:23px;background:#f0f0e5}.plan-aside h2{font-size:14px;margin:0 0 16px;letter-spacing:-.2px}.assumption-list{list-style:none;padding:0;margin:0}.assumption-list li{font-size:10px;line-height:1.8;padding:10px 0;border-top:1px solid #dfe0d1;color:#718069;display:flex;gap:8px}.assumption-list li span:first-child{color:#91a080}.aside-footnote{font-size:9px;color:#8f927d;line-height:1.8;margin:13px 0 0}.plan-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:25px}.save-text{font-size:10px;color:#82917b}.handoff-hero{background:var(--navy);border-radius:16px;color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px;position:relative;overflow:hidden}.handoff-hero .eyebrow{color:#dbc28d}.handoff-hero h1{font-size:32px;letter-spacing:-1px;margin:0 0 12px}.handoff-hero p{font-size:12px;line-height:1.8;color:#becbd1;max-width:590px;margin:0}.handoff-check{width:65px;height:65px;flex:none;display:grid;place-items:center;border:1px solid #69816f;border-radius:50%;background:#2d4350;color:#d7c397;font-size:26px}.handoff-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.handoff-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:27px;display:flex;flex-direction:column}.handoff-card h2{font-size:18px;letter-spacing:-.5px;margin:0 0 13px}.handoff-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 21px}.handoff-card .btn{margin-top:auto;width:100%}.download-row{display:flex;gap:9px}.download-row .btn{flex:1;font-size:10px}.summary-line{border-top:1px solid #e6e9e1;padding:13px 0}.summary-line small{font-size:8px;letter-spacing:1px;color:#939b8e;display:block;margin-bottom:6px}.summary-line strong{font-size:12px;font-weight:550;line-height:1.6;display:block;white-space:pre-wrap;overflow-wrap:anywhere}.prompt-view{margin-top:20px}.prompt-view summary{font-size:11px;color:#73816a;cursor:pointer;min-height:40px;display:flex;align-items:center;gap:10px}.prompt-view textarea{font-family:ui-monospace,monospace;font-size:10px;min-height:280px;background:#f7f8f1}.handoff-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:16px}.pill-row{display:flex;gap:6px;margin:-6px 0 22px}.tiny-pill{font-size:8px;border:1px solid #e2e5d9;border-radius:4px;padding:5px 7px;color:#87917b}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);padding:13px 20px;background:#203c42;color:white;border-radius:10px;box-shadow:0 6px 20px #0002;z-index:20;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-progress{display:none}.local-warning{font-size:10px;color:#7e8070;line-height:1.8;margin:18px 0 0}.empty-draft{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.empty-draft p{font-size:12px;color:var(--muted)}@media(min-width:1450px){main{padding-top:65px}.hero-grid{margin-top:42px}.path-card{padding:33px}.path-card.primary{padding-top:31px}.path-card h2{font-size:24px}h1{font-size:48px}}@media(max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding:29px 16px}.brand{font-size:17px;gap:9px}.brand small{font-size:6.5px}.brand-mark{width:32px;height:35px}.sidebar-note{padding-left:9px}.topbar{padding:0 30px}main{padding:38px 30px 20px}.page-footer{margin-left:30px;margin-right:30px}.path-card{padding:23px}.path-card.primary{padding-top:21px}.path-card h2{font-size:19px}.flow-layout,.plan-grid{grid-template-columns:minmax(0,1fr) 205px;gap:23px}.question-card{padding:26px}.small-art{width:90px}.journey{gap:12px;padding:19px 20px}.journey-label{width:70px}.journey-steps{gap:9px}.journey-step{gap:7px}.journey-step span{font-size:10px}.journey-sep{display:none}.toast{left:calc(50% + 80px)}}@media(max-width:870px){.app-shell{grid-template-columns:176px minmax(0,1fr)}.sidebar{width:176px;padding:25px 14px}.brand{font-size:15px;letter-spacing:-.6px}.brand small{font-size:5.5px;letter-spacing:.8px}.brand-mark{width:29px;height:32px}.sidebar-note h2{font-size:15px}.sidebar-note p{font-size:10px}.nav-label{font-size:8px;letter-spacing:1.2px;margin-left:10px}.nav-item{font-size:11px;padding:11px 10px}.sidebar-bottom{font-size:8px;margin-left:5px;margin-right:5px}.topbar{padding:0 24px;height:67px}.breadcrumb{font-size:8px;gap:8px;letter-spacing:.6px}.preview-pill{font-size:8px;padding:6px 7px}main{padding:30px 24px 15px}h1{font-size:35px}.intro{font-size:12px}.small-art{display:none}.hero-grid{gap:13px;margin-top:25px}.path-card{padding:20px}.path-card.primary{padding-top:18px}.path-card h2{font-size:18px;line-height:1.5}.path-card p{font-size:11px}.card-tag{font-size:6px}.card-example{font-size:10px}.btn{font-size:11px;padding:11px 13px}.journey{padding:17px;gap:12px}.journey-label{width:65px;font-size:8px}.journey-step b{width:21px;height:21px;font-size:8px}.journey-step{gap:5px}.journey-step span{font-size:9px}.home-bottom{align-items:flex-start}.quiet-note{font-size:9px}.text-action{font-size:10px}.page-footer{margin-left:24px;margin-right:24px;font-size:8px}.flow-layout,.plan-grid{grid-template-columns:1fr}.flow-aside{display:none}.mobile-progress{display:block;font-size:10px;color:#839175}.plan-aside{position:static}.assumption-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.plan-aside h2{font-size:13px}.plan-fields{gap:12px}.question-card h1{font-size:28px}.plan-top h1{font-size:29px}.handoff-grid{grid-template-columns:1fr}.handoff-hero{padding:26px}.handoff-hero h1{font-size:28px}.handoff-check{width:45px;height:45px;font-size:20px}.toast{left:calc(50% + 65px)}}@media(max-width:620px){.app-shell{display:block}.sidebar{position:relative;width:auto;height:66px;padding:0 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:17px;gap:9px}.brand small{display:none}.brand-mark{width:30px;height:32px}.sidebar .nav-label,.sidebar-note,.sidebar-bottom,#draft-nav{display:none}.sidebar nav{margin-left:auto}.nav-item{width:auto;margin:0;padding:8px 10px;font-size:10px}.nav-item span{display:none}.nav-item.active:before{display:none}.workspace{display:block}.topbar{padding:0 21px;height:51px}.breadcrumb{font-size:7px;letter-spacing:.5px;gap:7px}.preview-pill{font-size:7px;padding:5px 7px}main{padding:32px 21px 15px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:16px}h1{font-size:35px;line-height:1.17;letter-spacing:-1.35px;max-width:390px}.intro{font-size:12px;line-height:1.8}.hero-grid{grid-template-columns:1fr;gap:16px;margin-top:27px}.path-card{padding:24px}.path-card.primary{padding-top:22px}.path-card h2{font-size:22px;margin:18px 0 10px}.path-card p{font-size:12px}.card-tag{font-size:8px}.card-example{font-size:10px;padding:6px 0 19px}.path-card .btn{min-height:46px;font-size:12px}.card-icon{height:40px;width:40px}.journey{padding:19px 17px;display:block;margin-top:24px}.journey-label{width:auto;margin-bottom:13px;font-size:8px}.journey-steps{justify-content:space-between;gap:7px}.journey-step b{width:24px;height:24px;font-size:9px}.journey-step{gap:7px}.journey-step span{font-size:9px}.home-bottom{flex-direction:column;gap:3px;margin-top:18px}.quiet-note{font-size:9px;max-width:100%}.text-action{font-size:11px;min-height:37px}.page-footer{margin:17px 21px 0;flex-direction:column;gap:9px;padding-bottom:22px;font-size:8px}.page-heading{margin-bottom:17px;gap:10px}.back{font-size:10px}.mobile-progress{font-size:9px}.question-card{padding:23px 19px}.question-count{font-size:8px}.question-card h1{font-size:26px;line-height:1.25}.question-hint{font-size:11px;margin-bottom:22px}.question-card textarea{font-size:14px;min-height:157px}.question-actions{gap:6px}.question-actions .btn-primary{min-width:125px}.help-button{font-size:10px}.example-chip{font-size:10px;padding:10px}.plan-top{display:block}.plan-top .plan-badge{display:inline-block;margin-top:16px}.plan-top h1{font-size:30px}.plan-fields{grid-template-columns:1fr}.plan-field{padding:19px}.plan-fields .full{grid-column:auto}.plan-field textarea{font-size:12px}.plan-field input{font-size:16px}.plan-grid{gap:18px}.assumption-list{grid-template-columns:1fr}.plan-bottom{align-items:flex-start;flex-direction:column;gap:15px;padding-top:18px}.plan-bottom .btn{width:100%;min-height:46px}.handoff-hero{padding:26px 22px}.handoff-hero h1{font-size:27px}.handoff-check{display:none}.handoff-hero p{font-size:11px}.handoff-card{padding:22px}.handoff-bottom{align-items:flex-start;flex-direction:column;gap:5px}.download-row{flex-direction:column}.draft-card{padding:14px;gap:9px}.draft-card .btn{font-size:9px;white-space:nowrap}.toast{left:50%;bottom:20px;width:max-content}.plan-badge{font-size:8px}.question-card .field-label{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Local inspiration collection */
.references-panel{margin:25px 0 10px;border:1px solid #dedfd1;border-radius:13px;padding:22px;background:#faf9f4;min-width:0}.references-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.references-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:10px}.references-heading h2{font-size:19px;line-height:1.4;letter-spacing:-.5px;margin:0}.reference-count{font-size:9px;padding:5px 8px;background:#efe7d5;color:#856b38;border-radius:20px;white-space:nowrap}.reference-intro{font-size:11px;line-height:1.8;color:#748074;margin:10px 0 20px}.reference-link-row{display:flex;gap:8px}.reference-link-row input{min-width:0;font-size:12px;padding:11px}.reference-link-row .btn{white-space:nowrap;font-size:11px}.reference-dropzone{margin-top:15px;border:1px dashed #b8c0ae;background:#f3f4eb;border-radius:10px;padding:21px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:background .15s,border-color .15s}.reference-dropzone.dragover{border:2px solid #9b7a3e;background:#f1e7cf}.reference-drop-icon{color:#9b824d;font-size:28px}.reference-dropzone strong{font-size:13px}.reference-dropzone>span:not(.reference-drop-icon){font-size:10px;color:#77816e}.reference-dropzone small{font-size:9px;line-height:1.8;color:#7f8776}.reference-dropzone .btn{font-size:11px;min-height:44px;margin:3px 0}.reference-privacy{font-size:10px;line-height:1.7;color:#747d70;margin:14px 0}.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-card{border:1px solid #dce2d7;border-radius:10px;background:#fff;padding:14px;min-width:0}.reference-card-top{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}.reference-kind{font-size:8px;letter-spacing:.6px;font-weight:700;color:#92805a}.reference-remove{font-size:10px;min-height:36px;padding:7px;color:#83635c;text-decoration:underline;text-underline-offset:3px}.reference-image{width:100%;height:150px;object-fit:contain;background:#f1f2ed;border-radius:6px;display:block}.reference-name{font-size:11px;font-weight:600;overflow-wrap:anywhere;margin:10px 0}.reference-link{font-size:13px;font-weight:650;display:block;color:#234755;text-decoration:none;overflow-wrap:anywhere;margin:5px 0 15px}.reference-link small{display:block;font-size:9px;line-height:1.6;font-weight:400;color:#879184;margin-top:6px;overflow-wrap:anywhere}.reference-link:hover{text-decoration:underline}.reference-card label{font-size:10px;display:block;font-weight:600;margin:13px 0 7px}.reference-card textarea{min-height:85px!important;font-size:11px!important;padding:9px;line-height:1.6;resize:vertical}.reference-caption{font-size:8px;color:#899183;line-height:1.7;margin:10px 0 0}.reference-note{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.reference-message{font-size:10px;color:#56725b;line-height:1.6}.reference-export{border-top:1px solid #e0e2d5;padding-top:12px;margin-top:15px}.reference-export[hidden]{display:none}.reference-export>span{font-size:9px;line-height:1.7;color:#879080;display:block}.storage-notice{padding:15px;background:#f6ead2;color:#775f33;font-size:12px;line-height:1.7;border:1px solid #dfcfa9;border-radius:9px;margin:0 0 22px}@media(min-width:871px) and (max-width:1150px){.question-card .reference-list{grid-template-columns:1fr}.question-card .reference-link-row{flex-wrap:wrap}.question-card .reference-link-row input{flex:1 1 100%}}@media(max-width:620px){.references-panel{padding:17px 13px;margin-top:22px}.references-heading h2{font-size:18px}.reference-list{grid-template-columns:1fr}.reference-link-row{flex-wrap:wrap}.reference-link-row input{font-size:16px;flex:1 1 100%}.reference-link-row .btn{width:100%}.reference-card textarea{font-size:16px!important}.reference-image{height:190px}.reference-intro,.reference-privacy{font-size:11px}.reference-remove{min-height:44px}.reference-card{padding:14px}}
.qa-banner{display:flex;flex-direction:column;gap:8px;background:#fff0c7;border:2px solid #a67b23;color:#65470e;border-radius:10px;padding:17px 19px;margin-bottom:24px;font-size:12px;line-height:1.7}.qa-banner strong{letter-spacing:1.4px;font-size:12px}.qa-banner span{max-width:740px}
/* Three small steps, one active panel. */
.handoff-shell{max-width:780px;margin:0 auto;min-width:0}.handoff-shell .page-heading{margin-bottom:24px}.handoff-shell .back,.handoff-shell .text-action{font-size:13px;min-height:44px;line-height:1.4}.handoff-shell .save-text{font-size:11px;color:#64706e;line-height:1.5;text-align:right}.handoff-progress{margin:0 0 26px}.handoff-progress ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}.handoff-progress li{position:relative;min-width:0}.handoff-progress li:not(:last-child):after{content:'';position:absolute;top:19px;left:calc(50% + 27px);right:calc(-50% + 17px);height:1px;background:#d8d7ca;pointer-events:none}.handoff-progress button{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 4px;text-align:center;font-size:12px;line-height:1.5;min-height:66px;color:#69746e;opacity:1}.handoff-step-number{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;border:1px solid #d0d4cb;background:var(--ivory);color:#6c7670;font-size:14px;font-weight:650}.handoff-progress .current button{font-weight:700;color:var(--navy)}.handoff-progress .current .handoff-step-number{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 0 0 4px #e5dfd0}.handoff-progress .visited .handoff-step-number{background:var(--gold-light);border-color:#c4ab72;color:var(--navy)}.handoff-progress button:disabled{cursor:default;color:#64716f}.handoff-panel{border:1px solid #dcded5;background:#fff;border-radius:20px;box-shadow:0 8px 28px #14283d05;padding:34px 38px;min-width:0}.handoff-panel-heading{margin-bottom:27px}.handoff-panel-heading .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:15px;color:#866827}.handoff-panel-heading h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:0 0 10px;max-width:none}.handoff-panel-heading>p:last-child{margin:0;font-size:15px;line-height:1.6;color:#657078}.handoff-panel .btn{font-size:14px;min-height:50px;line-height:1.4;padding:14px 19px;gap:12px}.handoff-panel .btn-primary{background:var(--navy);color:white}.handoff-panel .btn-primary:hover{background:#254159}.handoff-panel .btn-primary:disabled{opacity:1;background:#e8ebe6;color:#748079;cursor:not-allowed}.handoff-panel .btn-outline{border-color:#b9c3bf;color:var(--navy);background:white}.handoff-panel .btn-outline:hover{background:#f5f5ef}.handoff-panel button,.handoff-panel a,.handoff-panel summary{touch-action:manipulation}.handoff-panel summary:focus-visible{outline:3px solid #b38a3c;outline-offset:3px;border-radius:4px}.idea-preview{background:#f7f7f1;border:1px solid #e4e5da;border-radius:13px;padding:22px 24px}.idea-preview-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #dedfd4}.idea-preview-heading h2{font-size:19px;line-height:1.45;letter-spacing:-.35px;margin:0;min-width:0;overflow-wrap:anywhere;flex:1}.idea-preview-heading .text-action{margin-left:auto;flex-shrink:0;color:#6c572b}.handoff-mini-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--gold-light);color:#8b6a2b}.handoff-mini-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.idea-summary{margin:0}.idea-summary>div{margin-top:17px}.idea-summary dt{font-size:11px;font-weight:700;letter-spacing:.25px;color:#656e68;margin-bottom:5px}.idea-summary dd{font-size:14px;line-height:1.55;color:#253a45;margin:0;overflow-wrap:anywhere}.handoff-actions{display:flex;justify-content:flex-end;margin-top:26px}.handoff-actions .btn{min-width:225px}.handoff-details{margin-top:18px;border-top:1px solid #e4e6de;padding-top:5px}.handoff-details>summary,.nested-detail>summary{cursor:pointer;min-height:48px;padding:13px 24px 13px 0;font-size:13px;font-weight:600;line-height:1.65;color:#52605f;list-style:none;position:relative}.handoff-details>summary::-webkit-details-marker,.nested-detail>summary::-webkit-details-marker{display:none}.handoff-details>summary:after,.nested-detail>summary:after{content:'+';position:absolute;right:2px;top:12px;font-size:20px;font-weight:400;color:#8a743e}.handoff-details[open]>summary:after,.nested-detail[open]>summary:after{content:'−'}.detail-body{padding:5px 0 12px;min-width:0}.detail-body p,.detail-body li,.contract-copy{font-size:13px;line-height:1.8;color:#58676a;overflow-wrap:anywhere}.detail-body h3{font-size:15px;margin:21px 0 10px;color:var(--ink)}.detail-body h3:first-child{margin-top:4px}.detail-body>.text-action{margin-right:20px}.full-plan{margin:0}.full-plan>div{margin:0 0 17px}.full-plan dt{font-size:12px;font-weight:700;color:#334955;margin:0 0 6px}.full-plan dd{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#58666a}.compact-builders{display:flex;flex-direction:column;gap:11px}.compact-builder{display:flex;align-items:center;gap:16px;border:1px solid #d6ddd6;border-radius:12px;padding:17px 18px;background:white;text-align:left;min-height:86px;transition:background .15s,border-color .15s}.compact-builder:hover{border-color:#ac915a;background:#fcfbf7}.compact-builder.selected{background:#faf6ec;border-color:#b49656;box-shadow:0 0 0 1px #b49656}.builder-symbol{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;background:#f0f3ef;color:var(--navy);border-radius:10px;font:650 18px 'Manrope',system-ui}.compact-builder.selected .builder-symbol{background:#eee4ca}.builder-label{min-width:0;flex:1}.builder-label strong{display:block;font-size:16px;line-height:1.4;font-weight:700}.builder-label>span{display:block;font-size:13px;line-height:1.6;color:#647075;margin-top:4px}.choice-indicator{width:23px;height:23px;border:1px solid #c8d0c8;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px}.compact-builder.selected .choice-indicator{background:var(--navy);border-color:var(--navy);color:white}.compact-subchoice{border:0;margin:22px 0 0;padding:0;min-width:0}.compact-subchoice legend{font-size:13px;font-weight:650;margin-bottom:12px}.compact-subchoice>div{display:flex;gap:10px}.builder-subbutton{flex:1;min-height:48px;border:1px solid #d3d9d1;border-radius:9px;padding:12px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px;background:white}.builder-subbutton.selected{border-color:#b39658;background:#f6efdf;font-weight:650}.builder-subbutton span{font-size:12px}.handoff-help{font-size:12px;line-height:1.7;color:#66736f;margin:18px 0 0}.selected-destination{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid #e0e4db;margin-bottom:22px;flex-wrap:wrap}.selected-destination>span{font-size:9px;letter-spacing:1px;font-weight:700;color:#6c7872}.selected-destination strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.selected-destination .text-action{margin-left:auto}.kit-start{display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px;background:var(--navy);border-radius:13px;padding:23px;color:white}.kit-start .handoff-mini-icon{background:#2e4150;color:#dac185}.kit-start h2,.copy-start h2{font-size:18px;letter-spacing:-.3px;margin:0 0 7px;line-height:1.5}.kit-start p{font-size:13px;line-height:1.65;margin:0;color:#d7dee0}.kit-start .btn-primary{grid-column:1/-1;background:var(--gold-light);color:var(--navy);margin-top:2px;width:100%;font-weight:700}.kit-start .btn-primary:hover{background:#e7d6b0}.kit-start .kit-file-note{grid-column:1/-1;font-size:11px;line-height:1.6;color:#c3cfd3;text-align:center;margin:-2px 0 0}.kit-start .error{grid-column:1/-1;color:#ffe0d9}.copy-start{margin:24px 0 0}.copy-start>p{font-size:14px;line-height:1.75;margin:0 0 17px;color:#596b71}.copy-start .btn{width:100%}.copy-start .sharing-note{font-size:11px;line-height:1.7;margin:10px 0 0;text-align:center;color:#66716c}.handoff-boundary{font-size:12px;line-height:1.8;color:#4b5e64;background:#f3f5f0;border-radius:9px;padding:14px 16px;margin:21px 0 0}.phone-note{font-size:12px;line-height:1.8;color:#647069;margin:18px 0 22px;padding-left:14px;border-left:2px solid #c7aa6c}.phone-note strong{color:#354d56}.builder-docs{font-size:13px;line-height:1.7;display:inline-block;min-height:44px;padding:9px 0;color:#465a60;text-underline-offset:3px}.full-setup-steps{padding-left:22px}.full-setup-steps li{padding-left:5px;margin-bottom:13px}.more-downloads{display:flex;flex-direction:column;gap:10px;margin:18px 0}.handoff-panel .more-downloads .btn{font-size:13px;min-height:48px}.nested-detail{border:1px solid #e1e3d8;border-radius:8px;padding:0 12px;margin-top:15px}.contract-copy{white-space:pre-wrap;padding:8px 0 14px}.handoff-panel #prompt-text{font:12px/1.7 ui-monospace,monospace;min-height:280px;background:#f8f9f5}.handoff-panel .field-label{font-size:13px}.open-decisions{padding-left:18px}.open-decisions li{margin:12px 0}.open-decisions strong,.open-decisions span{display:block}.open-decisions strong{color:#344a55}.handoff-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px}.handoff-footer>span{font-size:10px;color:#727d73;line-height:1.7;text-align:right}.handoff-shell .references-panel{margin-top:18px}.handoff-shell .reference-count{white-space:normal}.handoff-shell .reference-export .text-action{font-size:12px}
@media(max-width:870px){.handoff-panel{padding:30px 27px}.handoff-panel-heading h1{font-size:31px}.handoff-progress button{font-size:11px}.handoff-shell .page-heading{margin-bottom:24px}.handoff-actions .btn{width:100%}.idea-preview{padding:20px}}
@media(max-width:620px){.handoff-shell{margin:0 -6px}.handoff-shell .page-heading{margin-bottom:23px;align-items:center}.handoff-shell .back{font-size:12px;padding:4px 0}.handoff-shell .save-text{font-size:10px;max-width:125px}.handoff-progress{margin-bottom:24px}.handoff-progress ol{gap:5px}.handoff-progress button{padding:0 2px;font-size:10px;line-height:1.5;gap:9px;min-height:70px}.handoff-step-number{width:34px;height:34px;font-size:13px}.handoff-progress li:not(:last-child):after{top:17px;left:calc(50% + 24px);right:calc(-50% + 19px)}.handoff-panel{padding:25px 19px;border-radius:15px}.handoff-panel-heading{margin-bottom:23px}.handoff-panel-heading .eyebrow{font-size:9px;margin-bottom:14px}.handoff-panel-heading h1{font-size:28px;letter-spacing:-.9px;line-height:1.23}.handoff-panel-heading>p:last-child{font-size:14px;line-height:1.65}.handoff-panel .btn{font-size:13px;min-height:50px;padding:14px}.idea-preview{padding:18px 16px}.idea-preview-heading{gap:10px;flex-wrap:wrap}.idea-preview-heading .handoff-mini-icon{width:32px;height:32px}.idea-preview-heading .handoff-mini-icon svg{width:20px;height:20px}.idea-preview-heading h2{font-size:17px}.idea-preview-heading .text-action{font-size:12px}.idea-summary>div{margin-top:15px}.idea-summary dd{font-size:13px}.idea-summary dt{font-size:11px}.handoff-details>summary,.nested-detail>summary{font-size:12px;min-height:48px}.handoff-actions{margin-top:22px}.compact-builder{gap:12px;padding:16px 13px;min-height:88px}.builder-symbol{width:34px;height:34px;font-size:16px}.builder-label strong{font-size:15px}.builder-label>span{font-size:12px;line-height:1.65}.choice-indicator{width:21px;height:21px;font-size:12px}.compact-subchoice>div{gap:8px}.builder-subbutton{font-size:12px;padding:12px 8px;gap:7px;min-height:48px}.selected-destination{gap:8px}.selected-destination>span{width:100%;font-size:9px}.selected-destination strong{font-size:15px}.selected-destination .text-action{font-size:12px}.kit-start{padding:20px 16px;gap:13px;grid-template-columns:32px minmax(0,1fr)}.kit-start .handoff-mini-icon{width:32px;height:32px}.kit-start h2,.copy-start h2{font-size:17px}.kit-start p{font-size:12px}.kit-start .kit-file-note{font-size:10px}.copy-start>p{font-size:13px}.handoff-boundary,.phone-note{font-size:11px}.handoff-footer{align-items:flex-start;gap:12px}.handoff-footer .text-action{font-size:11px}.handoff-footer>span{font-size:9px;max-width:132px;margin-top:10px}.detail-body p,.detail-body li,.contract-copy{font-size:12px}.full-plan dd{font-size:13px}.handoff-panel #prompt-text{font-size:16px}.handoff-shell .reference-list{grid-template-columns:1fr}.handoff-shell .references-panel{padding:15px 12px}.handoff-shell .references-heading{flex-wrap:wrap}.handoff-shell .references-heading h2{font-size:17px}}
/* Keep phone labels legible and controls comfortably tappable. */
@media (max-width:620px) {
  .breadcrumb,.preview-pill,.eyebrow,.card-tag,.journey-label,
  .journey-step b,.journey-step span,.page-footer,.question-count,
  .field-meta,.examples-label,.mobile-progress,.plan-badge,.suggestion,
  .save-text,.reference-count,.reference-kind,.reference-link small,
  .reference-caption,.reference-dropzone small,.reference-export>span,
  .references-heading .eyebrow,.handoff-panel-heading .eyebrow,
  .handoff-shell .save-text,.idea-summary dt,.full-plan dt,
  .selected-destination>span,.kit-start .kit-file-note,
  .copy-start .sharing-note,.handoff-footer>span {
    font-size:12px;
    line-height:1.5;
  }

  .intro,.path-card p,.card-example,.quiet-note,.draft-card strong,
  .draft-card p,.question-hint,.field-label,.question-card .field-label,
  .error,.mock-note,.plan-top .intro,.plan-field label,.plan-aside h2,
  .assumption-list li,.aside-footnote,.local-warning,.empty-draft p,
  .reference-intro,.reference-privacy,.reference-dropzone strong,
  .reference-dropzone>span:not(.reference-drop-icon),.reference-name,
  .reference-link,.reference-card label,.reference-note,.reference-message,
  .storage-notice,.toast,.idea-summary dd,.full-plan dd,.builder-label>span,
  .compact-subchoice legend,.handoff-help,.kit-start p,.copy-start>p,
  .handoff-boundary,.phone-note,.detail-body p,.detail-body li,
  .contract-copy,.handoff-panel .field-label {
    font-size:14px;
  }

  .nav-item,.btn,.path-card .btn,.draft-card .btn,.text-action,.back,
  .help-button,.example-chip,.reference-link-row .btn,.reference-dropzone .btn,
  .reference-remove,.handoff-shell .back,.handoff-shell .text-action,
  .idea-preview-heading .text-action,.selected-destination .text-action,
  .handoff-footer .text-action,.handoff-shell .reference-export .text-action,
  .handoff-panel .btn,.handoff-panel .more-downloads .btn,.builder-subbutton,
  .builder-docs,.handoff-details>summary,.nested-detail>summary {
    font-size:14px;
  }

  .brand,.nav-item,.btn,.draft-card .btn,.text-action,.back,.help-button,
  .example-chip,.reference-remove,.reference-link {
    min-height:44px;
    min-width:44px;
  }
  .handoff-progress button {font-size:12px;}
  input,textarea,.question-card textarea,.plan-field input,.plan-field textarea,
  .reference-link-row input,.handoff-panel #prompt-text {font-size:16px;}
  input {min-height:44px;}

  /* Let larger text wrap instead of widening the phone viewport. */
  .topbar {height:auto;min-height:51px;flex-wrap:wrap;padding:12px 21px;gap:8px 12px;}
  .breadcrumb {flex-wrap:wrap;}
  .preview-pill {flex-shrink:0;}
  .card-head {gap:12px;}
  .card-tag {text-align:right;}
  .journey-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;}
  .journey-step {min-width:0;align-items:flex-start;}
  .journey-step b {flex-shrink:0;}
  .journey-step span {overflow-wrap:anywhere;}
  .page-heading,.field-meta,.references-heading,.plan-field label {flex-wrap:wrap;}
  .mobile-progress {margin-left:auto;text-align:right;}
  .field-meta>span:last-child {white-space:nowrap;}
  .text-action {white-space:normal;text-align:left;}
  .draft-card {flex-wrap:wrap;}
  .draft-card .draft-copy {flex-basis:calc(100% - 50px);}
  .draft-card .btn {width:100%;}
  .handoff-actions .btn,.builder-subbutton {min-width:0;}
  .handoff-footer {flex-wrap:wrap;}
}
/* Device-local build history. The same navy, ivory and warm-gold workspace. */
.builds-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.builds-heading h1{margin-bottom:12px}.builds-heading>.btn{flex-shrink:0;margin-top:26px}.local-builds-note{font-size:13px;line-height:1.8;color:#65716d;max-width:790px;margin:24px 0 28px}.build-group{margin-top:35px}.build-group-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.build-group-heading h2{font-size:22px;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:10px}.build-group-heading h2 span{font-family:'DM Sans',system-ui;font-size:12px;display:grid;place-items:center;min-width:25px;min-height:25px;border-radius:50%;background:#e8eadf;color:#5f7064}.build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.build-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0;display:flex;flex-direction:column}.build-card-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.build-status{font-size:11px;line-height:1.5;font-weight:650;background:var(--gold-light);color:#735d2c;border:1px solid #e5d7b7;border-radius:20px;padding:5px 10px;display:inline-block;width:fit-content}.build-status.is-complete{background:#edf3ec;color:#3f664f;border-color:#cbdcc8}.build-recorded-label{font-size:11px;color:#737b73}.build-card h3{font-size:20px;letter-spacing:-.4px;line-height:1.5;margin:18px 0 9px;overflow-wrap:anywhere}.build-date{font-size:12px;color:#748075;line-height:1.8;margin:0 0 7px}.build-note{font-size:13px;line-height:1.75;color:#64716c;margin:4px 0 12px}.build-result-link{min-height:44px;display:flex;align-items:center;gap:9px;font-size:13px;color:#526658;text-underline-offset:4px;width:fit-content}.build-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}.build-card .build-actions{margin-top:auto;padding-top:18px}.build-actions .text-action,.build-group-heading .text-action{font-size:13px;min-height:44px;white-space:normal}.build-actions .btn{min-height:44px;font-size:13px}.build-empty{font-size:14px;line-height:1.8;color:#69776d;border:1px dashed #cdd5c7;border-radius:12px;padding:23px;background:#f3f4ed;margin:0}.my-builds-link{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:23px}.my-builds-link span{font-size:12px;color:#68756d;line-height:1.7}.my-builds-link .btn span{font-size:16px}.build-form{background:#fff;border:1px solid #c5b17e;border-radius:14px;padding:27px;margin:27px 0;max-width:760px}.build-form h2{font-size:24px;letter-spacing:-.6px;margin:0 0 13px;line-height:1.4}.build-form p{font-size:14px;line-height:1.75;color:#65726e}.build-form>label{display:block;font-size:14px;font-weight:650;line-height:1.7;margin-top:19px}.build-form>label>span{font-weight:400}.build-form input:not([type=checkbox]){margin-top:8px;min-height:48px}.build-form .completion-confirm{display:flex;align-items:flex-start;gap:11px;min-height:44px;cursor:pointer;margin-top:20px}.completion-confirm input{width:22px;height:22px;min-height:22px;flex:0 0 22px;accent-color:var(--navy);margin:2px 0}.build-form .completion-confirm span{font-weight:500}.build-form .completion-build-name{font-size:18px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.build-form .error{color:#a54939}.recorded-detail{margin:25px 0 0;padding:30px;background:white;border:1px solid var(--line);border-radius:14px;max-width:780px}.recorded-detail .intro{margin:23px 0 16px}.recorded-detail h1{overflow-wrap:anywhere;font-size:34px}.legacy-recovery{margin:20px 0;color:#65726e;font-size:13px;line-height:1.8}.legacy-recovery summary{cursor:pointer;min-height:44px;padding:11px 0;font-weight:600}.storage-notice p{margin:0 0 10px}.storage-notice p:last-child{margin-bottom:0}.storage-notice .btn{min-height:44px}.nav-item,.back,.text-action,.reference-remove{min-height:44px}.draft-card .btn{min-height:44px}
@media(max-width:870px){.build-grid{grid-template-columns:1fr}.builds-heading{flex-wrap:wrap}.builds-heading>.btn{margin-top:0}.build-group-heading{flex-wrap:wrap;gap:8px}.build-card{padding:23px}.build-group-heading h2{font-size:21px}}
@media(max-width:620px){.builds-heading h1{font-size:34px}.builds-heading>.btn{width:100%}.builds-heading{gap:20px}.local-builds-note,.build-note,.build-empty,.build-form p,.build-form>label,.legacy-recovery,.my-builds-link span{font-size:14px}.build-date,.build-status,.build-recorded-label{font-size:12px}.build-card{padding:21px 18px}.build-card h3{font-size:21px}.build-actions{gap:10px}.build-actions .btn,.build-actions .text-action,.build-group-heading .text-action,.build-result-link{font-size:14px}.build-card .build-actions{align-items:stretch}.build-card .build-actions .btn{flex:1 1 100%}.build-form{padding:24px 18px}.build-form input:not([type=checkbox]){font-size:16px}.build-form .build-actions .btn{width:100%}.build-form h2{font-size:23px}.recorded-detail{padding:25px 19px}.recorded-detail h1{font-size:28px}.build-group{margin-top:29px}.my-builds-link{align-items:flex-start;gap:10px}}
/* Browser-only backups: a quiet, closed-by-default control with explicit review. */
.build-backup{border:1px solid var(--line);border-radius:12px;background:#f6f5ed;margin:20px 0 28px;max-width:850px}.build-backup>summary{cursor:pointer;font-size:14px;font-weight:650;line-height:1.6;min-height:48px;padding:14px 18px}.build-backup>summary:focus-visible,.build-backup button:focus-visible,.backup-choice input:focus-visible{outline:3px solid #9b7b39;outline-offset:4px}#build-backup-body{padding:0 18px 18px}.backup-privacy,.backup-preview p,.backup-message,.backup-choice{font-size:14px;line-height:1.75;color:#53645d;overflow-wrap:anywhere}.backup-privacy{margin:2px 0 8px}.build-backup .build-actions{margin:13px 0}.build-backup .btn{min-height:44px;white-space:normal}.build-backup .build-note{margin:8px 0}.backup-message{margin:16px 0 6px}.backup-preview{border-top:1px solid var(--line);margin-top:20px;padding-top:19px}.backup-preview h3{font-size:20px;margin:0 0 10px}.backup-preview-list{list-style:none;padding:0;margin:14px 0;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.backup-preview-list li{padding:12px 14px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.backup-preview-list li:last-child{border-bottom:0}.backup-preview-list strong{display:block;font-size:14px;line-height:1.6}.backup-preview-list span{display:block;font-size:13px;line-height:1.7;color:#65716d}.backup-choice{display:flex;gap:11px;align-items:flex-start;min-height:44px;cursor:pointer;padding:11px 0}.backup-choice input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:2px 0;accent-color:var(--navy)}.build-backup .error{line-height:1.7;font-size:14px}.build-backup [tabindex="-1"]:focus{outline:2px solid #9b7b39;outline-offset:4px}
@media(max-width:620px){.build-backup>summary{padding:14px 16px}#build-backup-body{padding:0 16px 17px}.build-backup .build-actions{align-items:stretch}.build-backup .btn{width:100%;font-size:14px}.backup-preview-list{max-height:280px}.backup-preview-list span{font-size:14px}}