:root{--canvas: #FAF8F4;--canvas-deep: #F2EEE6;--ink: #1A1814;--ink-soft: #44403B;--ink-quiet: #8B857B;--rule: #E8E2D6;--burnt: #B8542C;--burnt-quiet: #D89E7C;--moss: #5A6B47;--signal: #8B5A3C;--ok: #5A6B47;--watch: #B8854C;--warn: #B85439;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px;mix-blend-mode:multiply}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-quiet);font-weight:500}.numeric{font-family:var(--font-mono);font-feature-settings:"tnum","zero";letter-spacing:-.01em}.positive{color:var(--ok)}.negative{color:var(--warn)}.atelier-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh;position:relative;z-index:1}.atelier-sidebar{background:var(--canvas-deep);border-right:1px solid var(--rule);padding:2rem 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:0 2rem 2rem;border-bottom:1px solid var(--rule);margin-bottom:1rem}.brand-name{font-family:var(--font-display);font-weight:350;font-size:2.5rem;line-height:.95;letter-spacing:-.03em;font-variation-settings:"opsz" 144,"SOFT" 70,"WONK" 1;color:var(--ink);margin-bottom:.5rem}.brand-sub{font-family:var(--font-display);font-style:italic;font-size:.875rem;color:var(--ink-quiet);line-height:1.3;max-width:22ch;font-variation-settings:"opsz" 36}.nav{display:flex;flex-direction:column;flex:1;padding:0 1rem;gap:2px}.nav-item{text-align:left;background:transparent;border:none;padding:.85rem 1rem;cursor:pointer;border-radius:8px;display:flex;flex-direction:column;gap:.15rem;transition:all .18s ease;font-family:var(--font-body);color:var(--ink);position:relative}.nav-item:hover{background:#b8542c0a}.nav-item.active{background:var(--canvas);box-shadow:0 1px 2px #1a18140a,0 4px 16px #1a18140a}.nav-item.active:before{content:"";position:absolute;left:-4px;top:12px;bottom:12px;width:2px;background:var(--burnt);border-radius:2px}.nav-item.primary .nav-label{font-family:var(--font-display);font-weight:400;font-size:1.25rem;font-variation-settings:"opsz" 36;letter-spacing:-.02em}.nav-label{font-size:.95rem;font-weight:500}.nav-sub{font-size:.75rem;color:var(--ink-quiet)}.sidebar-footer{padding:1rem 2rem;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:.4rem}.status-line{display:flex;align-items:center;gap:.6rem;font-size:.75rem;color:var(--ink-soft)}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.ok{background:var(--ok)}.status-dot.watch{background:var(--watch)}.status-dot.warn{background:var(--warn)}.status-quiet{font-family:var(--font-mono);font-size:.65rem;color:var(--ink-quiet);letter-spacing:.05em;margin-top:.3rem}.canvas{padding:4rem 4rem 6rem;max-width:1400px;width:100%;position:relative}.view-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--rule);position:relative}.view-header:after{content:"";position:absolute;bottom:-1px;left:0;width:48px;height:1px;background:var(--burnt)}.view-title{font-family:var(--font-display);font-weight:300;font-size:clamp(3rem,6vw,5.5rem);line-height:.95;letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 50;margin:0}.view-deck{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.1rem;color:var(--ink-soft);max-width:60ch;font-variation-settings:"opsz" 72;margin:0}.card{background:var(--canvas);border:1px solid var(--rule);border-radius:14px;padding:2rem;position:relative;transition:box-shadow .2s,transform .2s}.card.lift:hover{box-shadow:0 2px 4px #1a18140d,0 12px 32px #1a181412;transform:translateY(-1px)}.card-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-quiet);margin-bottom:.75rem}.card-title{font-family:var(--font-display);font-weight:350;font-size:1.5rem;letter-spacing:-.02em;font-variation-settings:"opsz" 60;margin:0 0 .4rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.rule-glyph{display:flex;align-items:center;gap:1rem;margin:4rem 0}.rule-glyph:before,.rule-glyph:after{content:"";flex:1;height:1px;background:var(--rule)}.rule-glyph span{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--ink-quiet);font-variation-settings:"opsz" 144}.hero-block{padding:2rem 0}.hero-figure-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.hero-figure{font-family:var(--font-mono);font-size:4rem;line-height:1;letter-spacing:-.04em;font-weight:400;color:var(--ink);margin:.4rem 0}.hero-sub{font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--ink-soft);font-variation-settings:"opsz" 36;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.runway-pill{font-family:var(--font-mono);font-size:.7rem;padding:.25rem .6rem;border-radius:999px;letter-spacing:.02em;text-transform:none;font-style:normal}.runway-pill.ok{background:#5a6b471f;color:var(--ok)}.runway-pill.watch{background:#b8854c1f;color:var(--watch)}.runway-pill.warn{background:#b854391f;color:var(--warn)}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding:1.5rem;background:var(--canvas-deep);border-radius:8px}.editor-field{display:flex;flex-direction:column;gap:.4rem}.editor-field input{padding:.6rem .8rem;border:1px solid var(--rule);border-radius:6px;font-family:var(--font-mono);font-size:.95rem;background:var(--canvas);color:var(--ink)}.editor-field input:focus{outline:none;border-color:var(--burnt)}.btn-primary,.btn-quiet{font-family:var(--font-body);font-size:.9rem;padding:.6rem 1.2rem;border-radius:999px;cursor:pointer;transition:all .15s;border:1px solid}.btn-primary{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--burnt);border-color:var(--burnt)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-quiet{background:transparent;color:var(--ink);border-color:var(--rule)}.btn-quiet:hover{background:var(--canvas-deep);border-color:var(--ink)}.scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem}.scenario-tab{padding:1rem;background:transparent;border:1px solid var(--rule);border-radius:8px;cursor:pointer;text-align:left;transition:all .15s;font-family:var(--font-body);color:var(--ink)}.scenario-tab:hover{border-color:var(--ink-soft)}.scenario-tab.active{border-color:var(--burnt);background:#b8542c0a}.scenario-tab-name{font-size:.85rem;font-weight:500;margin-bottom:.25rem}.scenario-tab-runway{font-size:1.1rem;color:var(--burnt)}.scenario-detail{padding:2.5rem}.scenario-narrative{font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--ink-soft);margin:0;max-width:70ch;font-variation-settings:"opsz" 36}.scenario-figure{font-size:2rem;margin-top:.4rem}.scenario-notes{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.scenario-notes ul{margin:0;padding-left:1.2rem}.scenario-notes li{font-size:.9rem;color:var(--ink-soft);margin-bottom:.4rem}.atelier-empty{padding:1rem 0 2rem}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.prompt-card{text-align:left;padding:1.25rem;background:var(--canvas);border:1px solid var(--rule);border-radius:12px;cursor:pointer;transition:all .15s;display:flex;gap:1rem;align-items:flex-start;font-family:var(--font-body);color:var(--ink)}.prompt-card:hover{border-color:var(--burnt);background:var(--canvas-deep)}.prompt-num{font-family:var(--font-mono);font-size:.75rem;color:var(--burnt);flex-shrink:0;padding-top:.15rem}.prompt-text{font-family:var(--font-display);font-size:.95rem;line-height:1.4;font-variation-settings:"opsz" 36}.chat-thread{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0;max-height:60vh;overflow-y:auto}.chat-message{padding:0}.chat-message.user{padding-left:2rem;border-left:2px solid var(--burnt)}.chat-message.assistant{padding-left:2rem;border-left:2px solid var(--rule)}.chat-role{margin-bottom:.5rem}.chat-content{font-size:.95rem;line-height:1.65;color:var(--ink);white-space:pre-wrap}.thinking{color:var(--ink-quiet);font-style:italic}.chat-composer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--rule)}.chat-composer textarea{width:100%;padding:1rem;border:1px solid var(--rule);border-radius:8px;font-family:var(--font-body);font-size:.95rem;line-height:1.5;resize:vertical;background:var(--canvas);color:var(--ink)}.chat-composer textarea:focus{outline:none;border-color:var(--burnt)}.chat-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;align-items:center}.chat-model-row{display:flex;align-items:center;gap:.6rem}.chat-model-row select{font-family:var(--font-mono);font-size:.75rem;padding:.35rem .6rem;border:1px solid var(--rule);border-radius:6px;background:var(--canvas);color:var(--ink);cursor:pointer}.chat-model-row select:focus{outline:none;border-color:var(--burnt)}.pipeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.pipeline-card{padding:1.5rem;position:relative}.pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.pipeline-source{font-family:var(--font-display);font-size:1.2rem;font-weight:400;border:none;background:transparent;flex:1;padding:0;color:var(--ink);font-variation-settings:"opsz" 36}.pipeline-source:focus{outline:none}.pipeline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.pipeline-stat{font-size:1.05rem;font-weight:500;margin-top:.2rem}.inline-num{width:80%;font-family:var(--font-mono);border:none;background:transparent;font-size:1.05rem;padding:0;color:var(--ink)}.inline-num:focus{outline:none;border-bottom:1px solid var(--burnt)}.inline-when,.inline-next{width:100%;border:none;background:transparent;font-family:var(--font-body);padding:0;color:var(--ink);font-size:.85rem}.inline-when:focus,.inline-next:focus{outline:none;border-bottom:1px solid var(--burnt)}.pipeline-next{padding-top:.75rem;border-top:1px solid var(--rule);display:flex;gap:.5rem;align-items:center}.pipeline-remove{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--ink-quiet);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;opacity:0;transition:opacity .15s}.pipeline-card:hover .pipeline-remove{opacity:1}.pill{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.pill.ok{background:#5a6b471f;color:var(--ok)}.pill.watch{background:#b8854c1f;color:var(--watch)}.pill.warn{background:#b854391f;color:var(--warn)}.project-tier{margin-bottom:4rem}.tier-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--rule)}.tier-label{font-family:var(--font-display);font-weight:350;font-size:1.5rem;letter-spacing:-.02em;font-variation-settings:"opsz" 60;margin:0}.tier-desc{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-quiet);letter-spacing:.05em}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.project-card{padding:1.75rem}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.project-name{font-family:var(--font-display);font-size:1.35rem;font-weight:400;font-variation-settings:"opsz" 36;letter-spacing:-.02em;margin:0}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.meta-value{font-size:.85rem;color:var(--ink);margin-top:.2rem;line-height:1.4}.project-next{padding:.75rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.project-next .eyebrow{display:block;margin-bottom:.3rem}.project-notes{font-family:var(--font-display);font-style:italic;font-size:.85rem;color:var(--ink-soft);margin:1rem 0 0;line-height:1.5;font-variation-settings:"opsz" 36}.decisions-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.decision-item{padding:2rem}.decision-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.decision-title-input{width:100%;font-family:var(--font-display);font-size:1.5rem;font-weight:350;letter-spacing:-.02em;border:none;background:transparent;padding:0;color:var(--ink);font-variation-settings:"opsz" 60}.decision-title-input:focus{outline:none;border-bottom:1px solid var(--burnt)}.decision-reasoning{width:100%;padding:1rem 0;border:none;background:transparent;font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--ink-soft);line-height:1.5;resize:vertical;font-variation-settings:"opsz" 36}.decision-reasoning:focus{outline:none}.decision-remove{background:transparent;border:1px solid var(--rule);color:var(--ink-quiet);padding:.4rem .8rem;border-radius:4px;font-size:.75rem;cursor:pointer;margin-top:.5rem;font-family:var(--font-mono)}.decision-remove:hover{color:var(--warn);border-color:var(--warn)}.boot-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:4rem}.boot-card{max-width:480px;text-align:left}.boot-card h1{font-family:var(--font-display);font-weight:300;font-size:3rem;line-height:.95;letter-spacing:-.035em;font-variation-settings:"opsz" 144;margin:.5rem 0 1rem}.boot-card p{font-family:var(--font-display);font-style:italic;color:var(--ink-soft);font-variation-settings:"opsz" 36}@media(max-width:1024px){.atelier-shell{grid-template-columns:1fr}.atelier-sidebar{position:relative;height:auto}.grid-2,.grid-3,.pipeline-grid,.project-grid,.editor-grid,.scenario-tabs,.prompt-grid{grid-template-columns:1fr}.canvas{padding:2rem}}