@layer base{*{box-sizing:border-box;margin:0;padding:0}}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink-1);font-family:var(--font);-webkit-font-smoothing:antialiased}.page{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.corner{z-index:20;align-items:center;gap:22px;display:flex;position:fixed}.corner.tl{top:22px;left:26px}.corner.tr{top:22px;right:26px}.corner.br{bottom:22px;right:26px}.corner.bl{bottom:22px;left:26px}.nav-links{align-items:center;gap:22px;display:flex}.nav-link{color:var(--ink-3);letter-spacing:-.01em;transition:color .12s var(--ease);font-size:14px;text-decoration:none}.nav-link:hover{color:var(--ink-1)}.about{color:var(--ink-3);letter-spacing:-.01em;border-radius:var(--r-full);border:1px solid var(--border-m);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .15s var(--ease), color .15s var(--ease);padding:8px 15px;font-size:14px;text-decoration:none}.about:hover{box-shadow:var(--shadow-md);color:var(--ink-1)}.bl-tag{font-family:var(--mono);color:var(--ink-5);letter-spacing:0;font-size:11px}.rail{z-index:25;flex-direction:column;align-items:flex-start;gap:4px;height:100vh;padding:20px 16px;display:flex;position:fixed;top:0;left:0}.rail-logo{margin-bottom:16px;padding:4px 6px;text-decoration:none;display:block}.rail-nav{flex-direction:column;gap:4px;display:flex}.rail-about{margin-top:auto}.rail-btn{width:40px;height:40px;color:var(--ink-3);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;border-radius:12px;place-items:center;text-decoration:none;display:grid;position:relative}.rail-btn:hover{color:var(--ink-1);background:#0000000d}.tip{background:var(--ink-1);color:#fff;letter-spacing:-.01em;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-md);transition:opacity .12s var(--ease), transform .12s var(--ease);z-index:30;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:500;position:absolute;top:50%;left:48px;transform:translateY(-50%)translate(-4px)}.rail-btn:hover .tip{opacity:1;transform:translateY(-50%)translate(0)}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:96px 24px;display:flex}.stage-inner{flex-direction:column;align-items:center;width:100%;max-width:860px;display:flex}h1{letter-spacing:-.035em;color:var(--ink-1);text-align:center;text-wrap:balance;max-width:820px;margin-bottom:34px;font-size:clamp(1.9rem,4vw,2.85rem);font-weight:600;line-height:1.1}.composer{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:720px;box-shadow:var(--shadow-md);transition:box-shadow var(--dur-normal) var(--ease)}.composer:focus-within{box-shadow:var(--shadow-lg)}.composer-row{align-items:flex-end;gap:14px;padding:18px 18px 16px 22px;display:flex}.composer textarea{font-family:var(--font);color:var(--ink-1);letter-spacing:-.01em;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:160px;font-size:16px;line-height:1.5;overflow-y:auto}.composer textarea::placeholder{color:var(--ink-4)}.cta-frame{border-radius:var(--r-full);background:var(--ink-1);color:#fff;height:40px;font-family:var(--font);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:none;flex-shrink:0;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.cta-frame:hover{opacity:.82}.cta-frame:active{transform:scale(.97)}.composer-foot{color:var(--ink-3);align-items:center;gap:9px;padding:0 22px 16px;display:flex}.composer-foot svg{color:var(--ink-3);flex-shrink:0}.deliver{letter-spacing:-.005em;color:var(--ink-3);font-size:13px}.deliver b{color:var(--ink-2);font-weight:600}.chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin-top:20px;display:flex}.chip{border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border-m);color:var(--ink-2);box-shadow:var(--shadow-sm);letter-spacing:-.01em;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);padding:8px 15px;font-size:13px}.chip:hover{box-shadow:var(--shadow-md);color:var(--ink-1)}.chat-stage{font-family:var(--font);flex-direction:column;padding-left:72px;display:flex;position:absolute;inset:0;overflow:hidden}.convo-inner{flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;padding:40px 24px 168px;display:flex;overflow-y:auto}.thread{flex-direction:column;gap:1.25rem;display:flex}.composer-dock{z-index:30;background:linear-gradient(to top, var(--canvas) 74%, #f2ede800);pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:72px;right:0}.composer-dock>*{pointer-events:auto;width:100%;max-width:720px}.gate{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-md);align-items:center;gap:.5rem;min-height:56px;padding:6px 6px 6px .5rem;display:flex}.gate input{font-family:var(--font);color:var(--ink-1);background:0 0;border:0;outline:0;flex:1;padding:0 .75rem;font-size:.9375rem;line-height:1.5}.gate input::placeholder{color:var(--ink-4)}.gate input.code{font-family:var(--mono);letter-spacing:.3em;font-size:1.0625rem}.gate textarea{font-family:var(--font);color:var(--ink-1);resize:none;background:0 0;border:0;outline:0;flex:1;max-height:120px;padding:.5rem .75rem;font-size:.9375rem;line-height:1.5;overflow-y:auto}.gate textarea::placeholder{color:var(--ink-4)}.gate .btn-send{border-radius:var(--r-full);background:var(--ink-1);color:#fff;height:40px;font-family:var(--font);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:opacity .15s var(--ease);border:none;flex-shrink:0;padding:0 18px;font-size:14px;font-weight:600}.gate .btn-send:disabled{opacity:.3;cursor:default}.gate-meta{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.gate-meta a{color:var(--ink-3);text-underline-offset:2px;cursor:pointer;font-size:.8125rem;text-decoration:underline}.gen-shell{flex:1;padding-left:0;overflow-y:auto}.gen-stage{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:2.5rem;max-width:1060px;margin:0 auto;padding:2rem 2.5rem 4rem;display:grid}.gen-head{border-bottom:1px solid var(--border-s);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1rem;display:flex}.gen-head .gen-status{color:var(--ink-2);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.gen-pulse{background:var(--ink-3);width:8px;height:8px;animation:genPulse 1.2s var(--ease) infinite;border-radius:50%}@keyframes genPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.gen-title{align-items:center;gap:12px;display:flex}.gen-spinner{border:2px solid var(--border-m);border-top-color:var(--ink-1);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite genSpin}@keyframes genSpin{to{transform:rotate(360deg)}}.doc-toc{flex-direction:column;gap:1rem;display:flex;position:sticky;top:2rem}.doc-toc .toc-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin:0 0 .25rem;font-size:11px;font-weight:600}.doc-toc ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.doc-toc li button{text-align:left;cursor:pointer;width:100%;color:var(--ink-3);font-family:var(--font);border-radius:var(--r-sm);background:0 0;border:0;align-items:center;gap:.5rem;padding:7px 10px;font-size:.8125rem;font-weight:500;line-height:1.3;transition:background .15s,color .15s;display:flex}.doc-toc li button:hover{background:var(--muted);color:var(--ink-1)}.doc-toc li button.toc-done{color:var(--ink-2)}.doc-toc li button .toc-tick{color:var(--ok-dot);font-size:.6875rem}.doc-toc li button.toc-active{background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-sm)}.toc-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.btn-dl{border-radius:var(--r-full);background:var(--ink-1);color:#fff;width:100%;height:44px;font-family:var(--font);cursor:pointer;transition:opacity .15s var(--ease);border:none;font-size:14px;font-weight:600}.btn-dl:disabled{background:var(--muted);color:var(--ink-4);cursor:not-allowed}.btn-call{border-radius:var(--r-full);border:1px solid var(--border-m);background:var(--surface);width:100%;height:44px;color:var(--ink-1);font-family:var(--font);box-shadow:var(--shadow-sm);transition:box-shadow .15s var(--ease);justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}.btn-call:hover{box-shadow:var(--shadow-md)}.doc-sheet{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-xl);min-height:62vh;padding:3rem 2.5rem}.md-raw{font-family:var(--mono);color:var(--ink-2);white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.7}.md-raw .mdr-h{color:var(--ink-1);font-weight:500}.md-raw .mdr-syn{color:var(--ink-4)}.md-raw .mdr-bold{color:var(--ink-1);font-weight:500}.md-caret{vertical-align:text-bottom;background:var(--ink-1);width:8px;height:1.05em;margin-left:1px;animation:1s step-end infinite mdCaret;display:inline-block}@keyframes mdCaret{50%{opacity:0}}.prd-prose{color:var(--ink-2);font-family:var(--font);letter-spacing:-.01em;font-size:.9375rem;line-height:1.65}.prd-prose>:first-child{margin-top:0}.prd-prose h1{letter-spacing:-.025em;color:var(--ink-1);margin:0 0 1rem;font-size:2rem;font-weight:600;line-height:1.1}.prd-prose h2{color:var(--ink-1);letter-spacing:-.015em;border-top:1px solid var(--border-s);margin:2rem 0 .75rem;padding-top:1.5rem;font-size:1.25rem;font-weight:600;line-height:1.25}.prd-prose h2:first-of-type{border-top:0;margin-top:1.5rem;padding-top:0}.prd-prose h3{color:var(--ink-1);margin:1.5rem 0 .5rem;font-size:1.0625rem;font-weight:600}.prd-prose p{max-width:66ch;margin:0 0 .75rem}.prd-prose strong{color:var(--ink-1);font-weight:600}.prd-prose ul{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.prd-prose ul>li{padding-left:1.25rem;position:relative}.prd-prose ul>li:before{content:"";background:var(--ink-3);border-radius:50%;width:4px;height:4px;position:absolute;top:.6em;left:.5rem}.prd-table-wrap{-webkit-overflow-scrolling:touch;margin:1rem 0;overflow-x:auto}.prd-prose table{border-collapse:collapse;width:100%}.prd-prose th{background:var(--muted);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;padding:.5rem .75rem;font-size:.6875rem;font-weight:600}.prd-prose td{border-bottom:1px solid var(--border-s);color:var(--ink-2);padding:.5rem .75rem;font-size:.875rem}.prd-prose pre{background:var(--muted);border-radius:var(--r-sm);margin:.75rem 0;padding:.875rem 1rem;overflow-x:auto}.prd-prose code{font-family:var(--font-mono,"JetBrains Mono", monospace);font-size:.8125rem}.prd-prose pre code{white-space:pre;background:0 0;padding:0}.kpi-row{flex-wrap:wrap;gap:1rem;margin:1.5rem 0;display:flex}.kpi-card{border:1px solid var(--border-m);border-radius:var(--r-md);flex-direction:column;flex:1;gap:.25rem;min-width:160px;padding:1rem;display:flex}.kpi-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin:0;font-size:11px;font-weight:600}.kpi-num{letter-spacing:-.025em;color:var(--ink-1);font-size:2rem;font-weight:600;line-height:1}.prd-callout{border-radius:var(--r-md);background:var(--warn-bg);border:1px solid var(--warn-bd);gap:.75rem;margin:1.5rem 0 0;padding:1rem;display:flex}.prd-callout-dot{background:var(--warn-dot);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.45em}.prd-callout-body{flex-direction:column;gap:.5rem;display:flex}.prd-callout-body strong{color:var(--warn-fg);font-weight:600}.prd-callout-body ul{color:var(--ink-2);flex-direction:column;gap:.25rem;margin:0;padding-left:1.25rem;font-size:.8125rem;list-style:outside;display:flex}.chat-widget{z-index:50;background:var(--surface);border-radius:var(--r-xl);width:440px;height:560px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;overflow:hidden}.widget-head{border-bottom:1px solid var(--border-s);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}.widget-head .widget-title{flex-direction:column;gap:1px;display:flex}.widget-head .widget-title b{color:var(--ink-1);font-size:.9375rem;font-weight:600}.widget-head .widget-title span{color:var(--ink-3);font-size:.6875rem}.widget-ctrl{color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;padding:4px;font-size:18px;line-height:1}.widget-ctrl:hover{background:var(--muted);color:var(--ink-1)}.widget-body{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.widget-body .widget-msg{max-width:100%;font-size:.8125rem}.widget-foot{border-top:1px solid var(--border-s);padding:.75rem}.widget-foot .gate{box-shadow:inset 0 0 0 1px var(--border-m)}.widget-foot .gate:has(input:disabled){opacity:.55}.chat-launcher{z-index:50;background:var(--surface);border-radius:var(--r-full);box-shadow:var(--shadow-xl);cursor:pointer;transition:transform .15s var(--spring);border:0;align-items:center;gap:.75rem;padding:.75rem 1.25rem .75rem .75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.chat-launcher:hover{transform:translateY(-2px)}.launcher-badge{background:var(--ink-1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.launcher-mark{background:#fff;border-radius:50%;width:11px;height:11px}.launcher-lbl{flex-direction:column;gap:1px;display:flex}.launcher-lbl b{color:var(--ink-1);font-size:.8125rem;font-weight:600}.launcher-lbl span{color:var(--ink-3);font-size:.6875rem}.chat-fab{background:var(--ink-1);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-xl);cursor:pointer;z-index:50;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:84px;right:1rem}.chat-fab .fab-mark{background:#fff;border-radius:50%;width:13px;height:13px}.mobile-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-s);z-index:40;background:#f2ede8eb;gap:.5rem;padding:.75rem 1rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bar a,.mobile-bar button{border-radius:var(--r-full);height:44px;font-family:var(--font);flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}.toc-chips{gap:.5rem;padding-bottom:.25rem;display:none;overflow-x:auto}.toc-chip{white-space:nowrap;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-s);color:var(--ink-3);font-family:var(--font);border-radius:var(--r-full);cursor:pointer;border:0;padding:7px 12px;font-size:.8125rem;font-weight:500}.toc-chip.active{background:var(--ink-1);color:#fff}@media (max-width:680px){.rail{background:var(--surface);border-radius:var(--r-full);height:auto;box-shadow:var(--shadow-sm);flex-direction:row;align-items:center;gap:2px;padding:4px;top:12px;left:12px}.rail-logo{display:none}.rail-nav{flex-direction:row;gap:2px}.rail-about{margin-top:0}.tip,.bl-tag{display:none}.stage{padding-top:110px}.chat-stage{padding-top:60px;padding-left:0}.composer-dock{left:0}.gen-stage{grid-template-columns:1fr;gap:1rem;padding:64px 1rem 4rem}.doc-toc{position:static}.doc-toc ul,.doc-toc .toc-label{display:none}.toc-chips{display:flex}.toc-actions{display:none}.doc-sheet{padding:2rem 1.25rem}.chat-widget{border-radius:0;width:100%;height:100%;bottom:0;right:0}.chat-launcher{display:none}.chat-fab,.mobile-bar{display:flex}}