:root{--ink:#18242f;--muted:#65717d;--paper:#f7f3ea;--surface:#fff;--line:#ded7c9;--teal:#285c62;--sage:#75a58d;--gold:#e3aa3e;--coral:#cf634d;--blue:#2f5876;--shadow:0 18px 48px #18242f21;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, #e3aa3e1f, transparent 34%), linear-gradient(225deg, #285c621f, transparent 42%), var(--paper);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;flex-direction:column;gap:28px;height:100svh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--teal);color:#fff;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand strong,.topbar strong{font-size:15px;display:block}.brand small{color:var(--muted);font-size:12px}nav{gap:8px;display:grid}.nav-button{min-height:44px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.nav-button:hover,.nav-button.is-active{color:var(--ink);border-color:var(--line);background:var(--surface);box-shadow:0 6px 18px #18242f14}.nav-icon{width:24px;height:24px;color:var(--teal);background:#75a58d2e;border-radius:6px;place-items:center;display:grid}.content{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3ead1;justify-content:space-between;align-items:center;gap:18px;height:76px;padding:0 34px;display:flex}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:0;margin:0 0 7px;font-size:12px;font-weight:800;line-height:1.3}.status-pill{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--teal);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.status-pill span{background:var(--sage);border-radius:999px;width:9px;height:9px}.band{padding:44px 42px}.overview-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:34px;min-height:calc(100svh - 76px);display:grid}.overview-copy h1{letter-spacing:0;margin:0;font-size:64px;line-height:.95}.lead{color:#354553;max-width:680px;margin:22px 0 0;font-size:19px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.platform-badge,.feature-pills span{border:1px solid var(--line);min-height:31px;color:var(--blue);background:#ffffffb8;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:750;display:inline-flex}.decision-strip{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;display:grid;overflow:hidden}.decision-strip div{align-content:center;gap:8px;min-height:104px;padding:18px;display:grid}.decision-strip div+div{border-left:1px solid var(--line)}.decision-strip strong{color:var(--teal);font-size:13px}.decision-strip span{color:var(--muted);font-size:14px;line-height:1.5}.scene-panel{border:1px solid var(--line);min-height:520px;box-shadow:var(--shadow);background:linear-gradient(#ffffffbd,#ffffff42),#e8eee7;border-radius:8px;place-items:center;display:grid;overflow:hidden}.scene-panel img{width:min(100%,760px);height:auto;display:block}.section-heading{max-width:850px;margin-bottom:28px}.section-heading h2{letter-spacing:0;margin:0;font-size:38px;line-height:1.18}.loop-grid,.art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.step-card,.estimate-card,.protagonist-box,.word-console,.art-preview,.check-item,.cost-note{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;box-shadow:0 12px 30px #18242f14}.step-card{align-content:start;gap:14px;min-height:210px;padding:20px;display:grid}.step-index{background:var(--gold);color:#1f2930;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}h3{letter-spacing:0;margin:0;font-size:21px;line-height:1.25}p{margin:0}.step-card p,.word-console p,.layer-row p,.protagonist-box p,.art-preview p,.art-card small,.estimate-card dd,.check-item small{color:var(--muted);line-height:1.65}.word-console{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:22px;display:grid}.word-choice{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.word-button{border:1px solid var(--line);min-width:74px;min-height:38px;color:var(--ink);background:#fff;border-radius:999px}.word-button.is-selected{background:var(--teal);color:#fff;border-color:var(--teal)}#word-output{color:#604b22;background:#f3ead7;border-radius:8px;grid-column:1/-1;width:100%;min-height:48px;padding:12px 14px;font-weight:750}.story-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px;display:grid}.story-layout .section-heading{grid-column:1/-1}.layer-stack{gap:12px;display:grid}.layer-row{border-bottom:1px solid var(--line);background:#ffffff8a;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;min-height:118px;padding:18px;display:grid}.layer-row:first-child{border-top:1px solid var(--line)}.layer-row span{min-height:42px;color:var(--teal);background:#285c621f;border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.protagonist-box{align-self:start;padding:22px}.protagonist-box h3{margin-bottom:12px}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.art-card{border:1px solid var(--line);text-align:left;width:100%;min-height:214px;color:var(--ink);background:#ffffffb3;border-radius:8px;gap:11px;padding:18px;display:grid}.art-card:hover,.art-card.is-active{border-color:var(--teal);box-shadow:var(--shadow)}.swatches{gap:6px;display:inline-flex}.swatches i{border:2px solid #fff;border-radius:999px;width:26px;height:26px;box-shadow:0 0 0 1px #18242f1f}.art-card strong{font-size:19px}.art-card span:not(.swatches){color:var(--teal);font-size:14px;font-weight:800}.art-preview{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;min-height:176px;margin-top:18px;padding:18px;display:grid}.lowpoly-mark{background:linear-gradient(145deg, transparent 48%, var(--c3) 49%), linear-gradient(35deg, var(--c1) 0 42%, transparent 43%), linear-gradient(155deg, var(--c2) 0 58%, var(--c1) 59%);clip-path:polygon(8% 72%,24% 18%,52% 4%,84% 28%,96% 76%,62% 94%,28% 88%);border-radius:8px;width:160px;height:120px}.estimate-layout{grid-template-columns:320px minmax(0,1fr);gap:20px;display:grid}.estimate-layout .section-heading{grid-column:1/-1}.scope-control{border:1px solid var(--line);background:#fff9;border-radius:8px;align-self:start;padding:20px}.scope-control label{margin-bottom:18px;font-weight:850;display:block}.scope-control input{width:100%;accent-color:var(--teal)}.scope-labels{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.estimate-card{padding:22px}.estimate-card h3{margin-bottom:20px}.estimate-card dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.estimate-card dt{color:var(--teal);font-size:12px;font-weight:850}.estimate-card dd{color:var(--ink);margin:4px 0 0;font-weight:700}.feature-pills{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.cost-note{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:18px;min-height:72px;padding:16px 18px;display:flex}.cost-note strong{color:var(--coral)}.check-progress{color:var(--teal);grid-template-columns:auto minmax(0,280px);align-items:center;gap:14px;margin-bottom:18px;font-weight:900;display:grid}progress{width:100%;height:12px;accent-color:var(--sage)}.check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.check-item{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:96px;padding:16px;display:grid}.check-item input{width:20px;height:20px;accent-color:var(--teal)}.check-item strong,.check-item small{display:block}@media (width<=1040px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid,.story-layout,.estimate-layout{grid-template-columns:1fr}.overview-copy h1{font-size:46px}.loop-grid,.art-grid,.check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-panel{min-height:360px}}@media (width<=680px){.topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:72px;padding:14px 18px}.band{padding:28px 18px}nav,.loop-grid,.art-grid,.check-list{grid-template-columns:1fr}.nav-button{min-height:42px}.overview-grid{min-height:auto}.overview-copy h1{font-size:38px}.lead{font-size:16px}.decision-strip,.estimate-card dl{grid-template-columns:1fr}.decision-strip div+div{border-left:0;border-top:1px solid var(--line)}.word-console,.art-preview{grid-template-columns:1fr}.word-choice{justify-content:flex-start}.layer-row{grid-template-columns:1fr}.cost-note{flex-direction:column;align-items:flex-start}}