:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#16242d;--paper-strong:#1b2c36;--canvas:#0f1a21;--ink:#edf7fc;--ink-soft:#acc1cd;--ink-faint:#7f95a1;--line:#81c8ff29;--line-strong:#81c8ff47;--accent:#4ca6ff;--accent-soft:#4ca6ff24;--accent-strong:#6bb6ff;--warm:#ff9b5f;--warm-soft:#ff9b5f29;--good:#35d5c0;--good-soft:#35d5c024;--panel:#12222be6;--panel-strong:#162933f5;--field:#0c1920e6;--shadow:0 18px 44px #03090e57;--radius-xl:16px;--radius-lg:12px;--radius-md:10px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--rail-stepper:264px;--rail-guide:380px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:360px;color:var(--ink);background:radial-gradient(circle at 8% 0%, #4ca6ff24, transparent 22%), radial-gradient(circle at 100% 18%, #35d5c01a, transparent 20%), linear-gradient(#4ca6ff0d 1px, transparent 1px), linear-gradient(90deg, #4ca6ff0d 1px, transparent 1px), linear-gradient(180deg, #0d171d 0%, var(--canvas) 100%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-size:auto,auto,44px 44px,44px 44px,auto;margin:0;font-family:Aptos,Segoe UI,Helvetica Neue,Arial,sans-serif}button,textarea,select,input{font:inherit}button{cursor:pointer;background:0 0;border:0}textarea,select{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--field);width:100%;color:var(--ink)}textarea{resize:vertical;min-height:136px;padding:14px 16px;line-height:1.55}select{min-height:46px;padding:0 12px}textarea:focus,select:focus{border-color:#4ca6ff5c;outline:2px solid #4ca6ff2e}.app-shell{gap:var(--space-md);width:min(1920px,100vw - 24px);margin:0 auto;padding:12px 0 24px;display:grid}.topbar,.stepper,.canvas-card,.artifact-card,.field-card,.guide-card,.progress-strip,.import-card,.review-card,.preview-card,.utility-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.topbar,.canvas-card,.stepper,.progress-strip,.import-card,.review-card,.preview-card,.utility-card{padding:20px}.topbar{align-items:center;gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;padding:14px 16px;display:grid}.brand,.stack,.review-grid,.artifact-layout,.artifact-main,.guide-stack,.step-list,.preview-stack{gap:var(--space-md);display:grid}.workspace-main{gap:18px;display:grid}.brand h1,.section-title,.field-label,.artifact-heading,.step-name,.guide-card h3,.review-card h3,.preview-card h3{font-family:Iowan Old Style,Book Antiqua,Palatino Linotype,Georgia,serif}.brand h1{letter-spacing:-.03em;max-width:none;margin:0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05}.eyebrow{color:var(--blue,var(--accent));letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.lede,.muted,.field-copy,.guide-card p,.guide-card li,.artifact-card p,.review-card p,.review-card li,.preview-card p{color:var(--ink-soft);margin:0;line-height:1.6}.brand{gap:6px}.lede{max-width:72ch;font-size:.95rem;line-height:1.45}.topbar-meta{justify-items:end;gap:10px;display:grid}.chip-row,.utility-actions,.review-actions,.artifact-actions,.toggle-row,.import-actions,.choice-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip,.badge{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);white-space:nowrap;background:#ffffff09;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.badge.good{background:var(--good-soft);color:var(--good);border-color:#0000}.badge.warm{background:var(--warm-soft);color:var(--warm);border-color:#0000}.badge.accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.is-hidden{display:none}.layout{grid-template-columns:minmax(228px, var(--rail-stepper)) minmax(0, 1fr);align-items:start;gap:18px;display:grid}.stepper{background:var(--panel-strong);position:sticky;top:14px}.step-list{margin:0;padding:0;list-style:none}.step-button{text-align:left;gap:var(--space-xs);border-radius:var(--radius-lg);border:1px solid #0000;width:100%;padding:12px 13px;transition:background .12s,border-color .12s,transform .12s;display:grid}.step-button:hover{background:#ffffff09;transform:translateY(-1px)}.step-button.active{background:#4ca6ff1a;border-color:#4ca6ff33}.step-top{justify-content:space-between;gap:var(--space-sm);align-items:flex-start;display:flex}.step-name{margin:0;font-size:1.02rem}.progress-strip{justify-content:space-between;align-items:flex-start;gap:var(--space-md);background:#ffffff06;padding:14px 16px;display:flex}.canvas-card{gap:var(--space-lg);display:grid}.section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.section-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1}.primary-button,.secondary-button,.quiet-button,.choice-button{border-radius:14px;min-height:48px;padding:0 16px;transition:background .12s,border-color .12s,transform .12s}.primary-button{background:var(--accent);color:#08151d;font-weight:700}.secondary-button,.quiet-button,.choice-button{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff08}.primary-button:hover,.secondary-button:hover,.quiet-button:hover,.choice-button:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--accent-strong)}.artifact-grid,.review-grid{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.artifact-card,.review-card{gap:var(--space-sm);padding:18px;display:grid}.artifact-card.active{background:linear-gradient(180deg, #4ca6ff14, var(--panel));border-color:#4ca6ff3d}.field-stack{gap:var(--space-md);display:grid}.field-card{gap:var(--space-sm);padding:16px;scroll-margin-top:18px;display:grid}.field-card.active{background:linear-gradient(180deg, #4ca6ff14, var(--panel-strong));border-color:#4ca6ff3d;box-shadow:0 0 0 1px #4ca6ff33,0 18px 36px #03090e47}.field-top{justify-content:space-between;gap:var(--space-sm);align-items:flex-start;display:flex}.field-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.field-label{margin:0;font-size:1.08rem}.field-card.active .field-label{color:var(--ink)}.guide-card{background:var(--panel-strong);padding:16px}.guide-card ul,.review-card ul{margin:0;padding-left:18px}.guide-card+.guide-card{margin-top:var(--space-sm)}.import-card{gap:var(--space-md);background:#ffffff06;display:grid}.import-item{border-radius:var(--radius-lg);border:1px solid var(--line);gap:var(--space-sm);background:#ffffff08;padding:16px;display:grid}.choice-button.active{color:var(--accent);background:#4ca6ff14;border-color:#4ca6ff3d}.review-grid{align-items:start}.preview-card{padding:18px}.preview-card pre{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--field);white-space:pre-wrap;margin:0;padding:16px;font:.92rem/1.55 Cascadia Code,Consolas,monospace;overflow:auto}.workspace-shell{grid-template-columns:minmax(0, 1fr) minmax(320px, var(--rail-guide));align-items:start;gap:18px;display:grid}.workspace-shell.is-single{grid-template-columns:minmax(0,1fr)}.workspace-main{min-width:0}.guide-rail{align-self:start;max-height:calc(100vh - 28px);padding-right:2px;position:sticky;top:14px;overflow:auto}.hidden-input{display:none}@media (width<=1520px){:root{--rail-stepper:240px;--rail-guide:344px}.app-shell{width:calc(100vw - 20px)}}@media (width<=1280px){.layout,.workspace-shell,.workspace-shell.is-single{grid-template-columns:1fr}.stepper{position:static}.guide-rail{max-height:none;position:static;overflow:visible}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.artifact-grid,.review-grid{grid-template-columns:1fr}}@media (width<=820px){.app-shell{width:calc(100vw - 20px)}.topbar{grid-template-columns:1fr}.section-head,.progress-strip,.field-top,.step-top{flex-direction:column;align-items:flex-start}.topbar-meta{justify-items:stretch;width:100%}.chip-row{width:100%}.chip{white-space:normal}.utility-actions,.review-actions,.artifact-actions,.import-actions,.choice-grid{width:100%}.field-badges{justify-content:flex-start}.primary-button,.secondary-button,.quiet-button,.choice-button{width:100%}.step-list{grid-template-columns:1fr}textarea{min-height:120px}}@media (width<=560px){.app-shell{width:calc(100vw - 14px)}.topbar,.canvas-card,.stepper,.progress-strip,.import-card,.review-card,.preview-card,.utility-card{padding:16px}.primary-button,.secondary-button,.quiet-button,.choice-button,.chip,.badge{width:100%}}
