:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f3f4f6;--muted:#a1a1aa;--line:#34343f;--paper:#1c1c24;--accent:#8b80f9;--accent-dark:#7468e6;--danger:#ffb4ab}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#111118;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.brand{color:var(--accent);letter-spacing:-.03em;font-size:1.2rem;font-weight:800}.muted{color:var(--muted);margin:.35rem 0}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #0003}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{gap:1.25rem;width:min(100%,420px);padding:2rem;display:grid}.auth-card h1{margin:.65rem 0 0}.auth-card label{gap:.45rem;font-weight:650;display:grid}.auth-card input,.title-input{color:var(--ink);background:#15151d;border:1px solid #454552;border-radius:9px;padding:.7rem .8rem}.auth-card input:focus,.title-input:focus{border-color:var(--accent);outline:3px solid #8b80f933}.primary,.secondary,.danger{border:0;border-radius:9px;padding:.7rem 1rem;font-weight:700}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.secondary{color:var(--ink);background:#2a2a35}.danger{color:var(--danger);background:#492625}button:disabled{opacity:.65;cursor:wait}.error,.failed{color:var(--danger)}.dashboard{max-width:1100px;margin:auto;padding:2rem 1.25rem}.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.actions,.editor-actions{align-items:center;gap:.65rem;display:flex}.diagram-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.diagram-card{padding:1.3rem;text-decoration:none;transition:transform .15s,border-color .15s}.diagram-card:hover{border-color:#7770c9;transform:translateY(-2px)}.diagram-card h2{overflow-wrap:anywhere;margin:0 0 1.25rem;font-size:1.05rem}.empty{text-align:center;padding:4rem 1rem}.editor-page{background:#121218;flex-direction:column;height:100vh;display:flex}.editor-bar{border-bottom:1px solid var(--line);z-index:2;background:#1a1a22;flex:none;align-items:center;gap:1rem;height:64px;padding:.65rem 1rem;display:flex}.button-link{text-decoration:none}.title-input{width:min(420px,40vw);font-weight:700}.editor-actions{margin-left:auto}.save-status{color:var(--muted);text-align:right;min-width:80px;font-size:.9rem}.canvas{flex:1;min-height:0}.canvas-loading{height:100%;color:var(--muted);place-items:center;display:grid}@media (max-width:650px){.dashboard-header{flex-direction:column;align-items:flex-start}.editor-bar{flex-wrap:wrap;height:auto}.title-input{order:3;width:100%}.save-status{min-width:auto}.editor-actions{margin-left:auto}.danger{padding:.7rem}.button-link{font-size:0}.button-link:first-letter{font-size:1rem}}