@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--canvas:#fff;--surface:#f6f8fa;--surface-2:#eaeef2;--border:#d8dee4;--navy-900:#0d2340;--navy-800:#143055;--navy-700:#1d4270;--text-primary:#1c2530;--text-muted:#5b6672;--text-on-navy:#eef3f8;--text-on-navy-muted:#a9bdd4;--accent:#1e6fd9;--accent-soft:#e7f0fc;--seal:#b8860b;--ok:#1a7f37;--danger:#b42318;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--radius:6px;--sidebar-w:232px;--header-h:56px}:root[data-theme=dark]{--canvas:#0e1116;--surface:#161b22;--surface-2:#21262e;--border:#2d333c;--navy-900:#0b1524;--navy-800:#12203a;--navy-700:#1b3155;--text-primary:#e6edf3;--text-muted:#8b949e;--text-on-navy:#e6edf3;--text-on-navy-muted:#8b949e;--accent:#58c4dc;--accent-soft:#16303a;--seal:#e3b341;--ok:#3fb950;--danger:#f85149}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;transition:background .15s,color .15s}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shell{flex-direction:column;height:100%;display:flex}.shell__header{height:var(--header-h);background:var(--navy-900);color:var(--text-on-navy);padding:0 var(--s-5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.shell__brand{align-items:baseline;gap:var(--s-3);display:flex}.shell__brand-org{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-on-navy-muted);font-size:11px;font-weight:600}.shell__brand-product{font-family:var(--font-display);color:var(--text-on-navy);font-size:18px;font-weight:700}.shell__header-actions{align-items:center;gap:var(--s-3);display:flex}.shell__body{flex:1;min-height:0;display:flex}.shell__sidebar{width:var(--sidebar-w);background:var(--navy-800);padding:var(--s-5) var(--s-4);gap:var(--s-5);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.shell__section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-navy-muted);padding:0 var(--s-2);margin-bottom:var(--s-2);font-size:11px;font-weight:600}.shell__link{padding:var(--s-2);border-radius:var(--radius);color:var(--text-on-navy-muted);font-weight:500;transition:background .12s,color .12s;display:block}.shell__link:hover{background:var(--navy-700);color:var(--text-on-navy)}.shell__link.active{background:var(--navy-700);color:var(--text-on-navy);box-shadow:inset 3px 0 0 var(--accent)}.shell__link--sub{margin-left:var(--s-4);font-size:13px}.shell__content{background:var(--canvas);padding:var(--s-6) var(--s-7);flex:1;overflow-y:auto}.theme-toggle{border:1px solid var(--navy-700);color:var(--text-on-navy);cursor:pointer;padding:var(--s-2) var(--s-3);background:0 0;border-radius:999px;font-size:15px;line-height:1;transition:background .12s}.theme-toggle:hover{background:var(--navy-700)}.design__header{margin-bottom:var(--s-5)}.design__title{font-family:var(--font-display);font-size:22px;font-weight:700}.design__subtitle{color:var(--text-muted);margin-top:var(--s-1)}.design__slide{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.design__slide-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--surface-2);border-bottom:1px solid var(--border);display:flex}.design__slide-title{font-family:var(--font-display);color:var(--accent);font-size:15px;font-weight:600}.design__slide-count{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:12px}.design__diagram{padding:var(--s-5);background:var(--canvas);font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:12.5px;line-height:1.45;overflow-x:auto}.design__caption{padding:var(--s-4) var(--s-5);border-top:1px solid var(--border);color:var(--text-muted);max-width:72ch}.design__controls{gap:var(--s-3);margin-top:var(--s-4);display:flex}.design__btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);padding:var(--s-2) var(--s-4);cursor:pointer;font-size:13px;font-weight:500;transition:background .12s}.design__btn:hover:not(:disabled){background:var(--surface-2)}.design__btn:disabled{opacity:.4;cursor:default}.chat{flex-direction:column;max-width:900px;height:100%;display:flex}.chat__header{margin-bottom:var(--s-4)}.chat__title{font-family:var(--font-display);font-size:22px;font-weight:700}.chat__meta{gap:var(--s-2);margin-top:var(--s-2);align-items:center;display:flex}.chat__badge{padding:2px var(--s-3);border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;font-size:11px;display:inline-block}.chat__log{gap:var(--s-4);padding-right:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat__turn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--s-4)}.chat__turn--assistant{background:var(--canvas);border-left:3px solid var(--accent)}.chat__role{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--s-2);font-size:11px}.chat__turn--user .chat__role{color:var(--text-muted)}.chat__turn--assistant .chat__role{color:var(--accent)}.chat__body{white-space:pre-wrap;font-family:var(--font-mono);color:var(--text-primary);font-size:13px;line-height:1.55}.chat__error{color:var(--danger);font-family:var(--font-mono);font-size:13px}.chat__composer{gap:var(--s-3);flex-direction:column;display:flex}.chat__input{resize:vertical;background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:84px;color:var(--text-primary);font-family:var(--font-body);padding:var(--s-3);font-size:14px}.chat__input:focus{outline:2px solid var(--accent);outline-offset:1px}.chat__actions{align-items:center;gap:var(--s-4);display:flex}.chat__send{background:var(--accent);color:#fff;font-family:var(--font-body);padding:var(--s-2) var(--s-5);cursor:pointer;border:none;border-radius:999px;font-size:13px;font-weight:600}.chat__send:disabled{opacity:.45;cursor:default}.chat__hint{color:var(--text-muted);font-size:12px}