:root{--sidebar-width:260px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--content-width:720px;--bg:255,255,255;--surface:248,248,250;--surface-raised:243,244,246;--surface-hover:229,231,235;--text:24,24,27;--text-secondary:82,82,91;--muted:113,113,122;--primary:79,70,229;--primary-soft:224,231,255;--success:22,163,74;--success-soft:220,252,231;--danger:220,38,38;--danger-soft:254,226,226;--border:228,228,231;--border-hover:212,212,216}[data-theme=dark]{--bg:9,9,11;--surface:15,15,18;--surface-raised:24,24,27;--surface-hover:39,39,42;--text:250,250,250;--text-secondary:161,161,170;--muted:113,113,122;--primary:99,102,241;--primary-soft:30,29,78;--success:34,197,94;--success-soft:20,83,45;--danger:239,68,68;--danger-soft:69,10,10;--border:255,255,255;--border-hover:255,255,255}@property --modal-blur{syntax:"<length>";inherits:false;initial-value:0}.modal-overlay{z-index:100;padding:env(safe-area-inset-top,0) 0px env(safe-area-inset-top,0);--modal-blur:8px;-webkit-backdrop-filter:blur(var(--modal-blur));backdrop-filter:blur(var(--modal-blur));animation:modal-blur-in var(--modal-duration,.24s) ease-out;grid-template-columns:min(420px,100%);place-content:center;display:grid;position:fixed;inset:0}.modal-stage{grid-area:1/1;place-items:center;display:grid;position:relative}.modal-slot{grid-area:1/1;width:100%}.modal-slot[data-hidden]{display:none}.modal-panel{overscroll-behavior:contain;background:rgb(var(--surface));width:100%;max-height:85dvh;animation:modal-pop-in var(--modal-duration,.24s) cubic-bezier(.32, .72, 0, 1);border-radius:16px;padding:20px;overflow-y:auto}.modal-panel[data-closing]{animation:modal-pop-out var(--modal-duration,.24s) ease-in forwards}.modal-overlay[data-panel=diagram]{grid-template-columns:min(92vw,1280px)}.modal-panel[data-size=diagram]{height:88dvh;max-height:88dvh;padding:0;overflow:hidden}@keyframes modal-blur-in{0%{--modal-blur:0px}to{--modal-blur:8px}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-panel{animation:none}}
:root{--sidebar-width:260px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--content-width:720px;--bg:255,255,255;--surface:248,248,250;--surface-raised:243,244,246;--surface-hover:229,231,235;--text:24,24,27;--text-secondary:82,82,91;--muted:113,113,122;--primary:79,70,229;--primary-soft:224,231,255;--success:22,163,74;--success-soft:220,252,231;--danger:220,38,38;--danger-soft:254,226,226;--border:228,228,231;--border-hover:212,212,216}[data-theme=dark]{--bg:9,9,11;--surface:15,15,18;--surface-raised:24,24,27;--surface-hover:39,39,42;--text:250,250,250;--text-secondary:161,161,170;--muted:113,113,122;--primary:99,102,241;--primary-soft:30,29,78;--success:34,197,94;--success-soft:20,83,45;--danger:239,68,68;--danger-soft:69,10,10;--border:255,255,255;--border-hover:255,255,255}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable-Italic.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background:rgb(var(--bg));min-height:100dvh;color:rgb(var(--text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:InterVariable,sans-serif;transition:background .2s,color .2s;display:flex}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:#0000}::selection{background:rgba(var(--primary), .3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgb(var(--surface-hover));border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--muted), .75)}a{color:rgb(var(--primary));text-decoration:none}.btn{background:rgb(var(--primary));color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;transition:background .15s,opacity .15s,transform .15s;display:inline-flex}.btn:hover:not(:disabled){background:rgba(var(--primary), .88);transform:translateY(-1px)}.btn:disabled{opacity:.35;cursor:default}.app-error{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.app-error-card{flex-direction:column;align-items:flex-start;gap:12px;max-width:480px;display:flex}.app-error-card h1{letter-spacing:-.02em;font-size:20px;font-weight:600}.app-error-card p{color:rgb(var(--muted));font-size:14px}