@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{--ink-900:#0e1116;--ink-800:#161b22;--ink-700:#21262e;--ink-600:#2d333c;--text-primary:#e6edf3;--text-muted:#8b949e;--accent-draft:#58c4dc;--accent-seal:#e3b341;--ok:#3fb950;--danger:#f85149;--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}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink-900);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-draft);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shell{height:100%;display:flex}.shell__sidebar{width:var(--sidebar-w);background:var(--ink-800);border-right:1px solid var(--ink-700);padding:var(--s-4);gap:var(--s-5);flex-direction:column;flex-shrink:0;display:flex}.shell__brand{padding:var(--s-2) var(--s-2) var(--s-4);border-bottom:1px solid var(--ink-700);flex-direction:column;gap:2px;display:flex}.shell__brand-org{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-draft);font-size:11px;font-weight:600}.shell__brand-product{font-family:var(--font-display);font-size:18px;font-weight:700}.shell__nav{gap:var(--s-5);flex-direction:column;display:flex;overflow-y:auto}.shell__section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--s-2);margin-bottom:var(--s-2);font-size:11px;font-weight:600}.shell__link{padding:var(--s-2) var(--s-2);border-radius:var(--radius);color:var(--text-muted);font-weight:500;transition:background .12s,color .12s;display:block}.shell__link:hover{background:var(--ink-600);color:var(--text-primary)}.shell__link.active{background:var(--ink-600);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--accent-draft)}.shell__link--sub{margin-left:var(--s-4);font-size:13px}.shell__content{padding:var(--s-6) var(--s-7);flex:1;overflow-y:auto}.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(--ink-800);border:1px solid var(--ink-700);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);border-bottom:1px solid var(--ink-700);display:flex}.design__slide-title{font-family:var(--font-display);color:var(--accent-draft);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);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(--ink-700);color:var(--text-muted);max-width:72ch}.design__controls{gap:var(--s-3);margin-top:var(--s-4);display:flex}.design__btn{background:var(--ink-800);border:1px solid var(--ink-700);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(--ink-600)}.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(--ink-700);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(--ink-700);border-radius:var(--radius);background:var(--ink-800);padding:var(--s-4)}.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-draft)}.chat__body{white-space:pre-wrap;font-family:var(--font-mono);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(--ink-800);border:1px solid var(--ink-700);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-draft);outline-offset:1px}.chat__actions{align-items:center;gap:var(--s-4);display:flex}.chat__send{background:var(--accent-draft);color:var(--ink-900);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}