:root{--bg-base:#080b11;--bg-subtle:#0d121d;--bg-card:#121927bf;--bg-card-hover:#1c263be6;--bg-input:#0c111df2;--border-subtle:#ffffff14;--border-card:#ffffff1f;--border-hover:#38bdf873;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#38bdf8;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d459;--accent-violet:#8b5cf6;--accent-violet-glow:#8b5cf659;--accent-emerald:#10b981;--accent-emerald-glow:#10b98159;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b59;--accent-rose:#f43f5e;--grid-line:#ffffff08;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px;--shadow-subtle:0 4px 20px #0006;--shadow-card:0 10px 30px -10px #0009}:root[data-theme=light],[data-theme=light]{--bg-base:#f8fafc;--bg-subtle:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#f8fafc;--border-subtle:#00000014;--border-card:#00000024;--border-hover:#0284c780;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-accent:#0284c7;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c740;--accent-violet:#7c3aed;--accent-violet-glow:#7c3aed40;--accent-emerald:#059669;--accent-emerald-glow:#05966940;--accent-amber:#d97706;--accent-amber-glow:#d9770640;--accent-rose:#e11d48;--grid-line:#0000000d;--shadow-subtle:0 4px 20px #0000000f;--shadow-card:0 10px 30px -10px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);transition:background-color .2s,color .2s;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.studio-root.svelte-1n46o8q{background:var(--bg-base);width:100vw;height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.studio-header.svelte-1n46o8q{background:var(--bg-subtle);border-bottom:1px solid var(--border-card);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1.25rem;display:flex}.brand.svelte-1n46o8q{align-items:center;gap:.75rem;display:flex}.panel-toggle-btn.svelte-1n46o8q{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.panel-toggle-btn.svelte-1n46o8q:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.panel-toggle-btn.active.svelte-1n46o8q{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d426}.new-menu-container.svelte-1n46o8q{border-radius:var(--radius-sm);display:inline-flex;position:relative;box-shadow:0 2px 10px #06b6d433}.new-diagram-btn.svelte-1n46o8q{color:#fff;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%);border:1px solid #fff3;border-right-color:#ffffff40;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.new-diagram-btn.svelte-1n46o8q:hover{filter:brightness(1.1)}.plus-icon.svelte-1n46o8q{font-size:1.1rem;font-weight:700;line-height:1}.new-dropdown-trigger.svelte-1n46o8q{color:#fff;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);cursor:pointer;background:#0284c7;border:1px solid #fff3;border-left:none;padding:.45rem .6rem;font-size:.8rem;transition:all .2s}.new-dropdown-trigger.svelte-1n46o8q:hover,.new-dropdown-trigger.open.svelte-1n46o8q{background:#0369a1}.template-dropdown.svelte-1n46o8q{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);z-index:50;flex-direction:column;gap:.2rem;min-width:260px;padding:.4rem;animation:.15s ease-out svelte-1n46o8q-dropFade;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #0006}@keyframes svelte-1n46o8q-dropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header.svelte-1n46o8q{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.4rem .6rem .2rem;font-size:.7rem;font-weight:700}.dropdown-item.svelte-1n46o8q{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.82rem;transition:background .15s;display:flex}.dropdown-item.svelte-1n46o8q:hover{background:var(--bg-card-hover);color:var(--accent-cyan)}.item-icon.svelte-1n46o8q{font-size:1rem}.title-wrap.svelte-1n46o8q{flex-direction:column;margin-left:.25rem;display:flex}.title-wrap.svelte-1n46o8q h1:where(.svelte-1n46o8q){color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700;line-height:1.2}.title-wrap.svelte-1n46o8q .sub:where(.svelte-1n46o8q){color:var(--text-muted);font-size:.7rem}.header-tools.svelte-1n46o8q{align-items:center;gap:.75rem;display:flex}.lang-toggle-btn.svelte-1n46o8q{background:var(--bg-input);border:1px solid var(--border-card);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.lang-toggle-btn.svelte-1n46o8q:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);color:var(--accent-cyan)}.lang-flag.svelte-1n46o8q{font-size:.9rem;line-height:1}.theme-toggle-btn.svelte-1n46o8q{background:var(--bg-input);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.theme-toggle-btn.svelte-1n46o8q:hover{background:var(--bg-card-hover);color:var(--text-primary)}.theme-icon.svelte-1n46o8q{font-size:.95rem}.zoom-controls.svelte-1n46o8q{background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-sm);display:flex;overflow:hidden}.tool-btn.svelte-1n46o8q{color:var(--text-secondary);cursor:pointer;border:none;border-right:1px solid var(--border-subtle);background:0 0;padding:.35rem .65rem;font-size:.85rem}.tool-btn.svelte-1n46o8q:last-child{border-right:none}.tool-btn.svelte-1n46o8q:hover{background:var(--bg-card-hover);color:var(--text-primary)}.action-buttons.svelte-1n46o8q{gap:.5rem;display:flex}.action-btn.svelte-1n46o8q{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.action-btn.svelte-1n46o8q:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.save-btn.svelte-1n46o8q{color:var(--accent-cyan);background:#06b6d41f;border-color:#06b6d466}.save-btn.svelte-1n46o8q:hover{border-color:var(--accent-cyan);background:#06b6d438}.download-btn.svelte-1n46o8q:hover{border-color:var(--accent-emerald);color:var(--accent-emerald)}.workspace-body.svelte-1n46o8q{flex:1;display:flex;position:relative;overflow:hidden}.workspace-body.is-resizing.svelte-1n46o8q{cursor:col-resize;-webkit-user-select:none;user-select:none}.workspace-body.is-resizing.svelte-1n46o8q .canvas-viewport:where(.svelte-1n46o8q){pointer-events:none}.sidebar-history.svelte-1n46o8q{background:var(--bg-subtle);border-right:1px solid var(--border-card);z-index:10;flex-direction:column;width:290px;display:flex;box-shadow:4px 0 16px #0000001a}.sidebar-header.svelte-1n46o8q{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sidebar-header.svelte-1n46o8q h3:where(.svelte-1n46o8q){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.82rem;font-weight:700}.close-sidebar-btn.svelte-1n46o8q{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.95rem}.close-sidebar-btn.svelte-1n46o8q:hover{color:var(--text-primary)}.sidebar-quick-new.svelte-1n46o8q{border-bottom:1px solid var(--border-subtle);padding:.6rem .8rem}.sidebar-new-btn.svelte-1n46o8q{background:var(--bg-card);border:1px dashed var(--accent-cyan);width:100%;color:var(--accent-cyan);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:.5rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.sidebar-new-btn.svelte-1n46o8q:hover{background:#06b6d41a}.history-list.svelte-1n46o8q{flex-direction:column;flex:1;gap:.4rem;padding:.6rem;display:flex;overflow-y:auto}.history-item.svelte-1n46o8q{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;padding:.65rem .75rem;transition:all .15s}.history-item.svelte-1n46o8q:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.history-item.active.svelte-1n46o8q{border-color:var(--accent-cyan);background:#06b6d41f}.history-item-top.svelte-1n46o8q{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.item-title.svelte-1n46o8q{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.star-btn.svelte-1n46o8q{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.9rem}.star-btn.starred.svelte-1n46o8q{color:var(--accent-amber)}.history-item-bottom.svelte-1n46o8q{justify-content:space-between;align-items:center;display:flex}.item-date.svelte-1n46o8q{color:var(--text-muted);font-size:.72rem}.delete-btn.svelte-1n46o8q{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:.75rem}.delete-btn.svelte-1n46o8q:hover{opacity:1}.editor-pane.svelte-1n46o8q{background:var(--bg-subtle);flex-direction:column;min-width:240px;display:flex;position:relative;overflow:hidden}.editor-header.svelte-1n46o8q{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.editor-title.svelte-1n46o8q{font-size:.72rem;font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-cyan);font-weight:600}.editor-hints.svelte-1n46o8q{gap:.6rem;display:flex}.hint.svelte-1n46o8q{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono)}.code-textarea.svelte-1n46o8q{width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:none;white-space:pre;background:0 0;border:none;outline:none;flex:1;padding:1rem;font-size:.85rem;line-height:1.6}.error-banner.svelte-1n46o8q{border-top:1px solid var(--accent-rose);background:#f43f5e26;flex-shrink:0;align-items:flex-start;gap:.5rem;padding:.6rem 1rem;display:flex}.err-text.svelte-1n46o8q{font-family:var(--font-mono);color:var(--accent-rose);white-space:pre-wrap;max-height:80px;margin:0;font-size:.72rem;overflow-y:auto}.resizer-bar.svelte-1n46o8q{background:var(--border-card);cursor:col-resize;z-index:5;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:6px;transition:background .15s;display:flex;position:relative}.resizer-bar.svelte-1n46o8q:hover,.workspace-body.is-resizing.svelte-1n46o8q .resizer-bar:where(.svelte-1n46o8q){background:var(--accent-cyan)}.resizer-handle.svelte-1n46o8q{background:var(--text-muted);pointer-events:none;border-radius:1px;width:2px;height:24px}.canvas-pane.svelte-1n46o8q{background:var(--bg-base);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.canvas-overlay-grid.svelte-1n46o8q{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:1;background-size:24px 24px;position:absolute;inset:0}.canvas-viewport.svelte-1n46o8q{z-index:2;cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.canvas-viewport.svelte-1n46o8q:active{cursor:grabbing}.toast-popup.svelte-1n46o8q{background:var(--bg-card);border:1px solid var(--accent-cyan);color:var(--text-primary);border-radius:var(--radius-sm);z-index:100;padding:.55rem 1rem;font-size:.85rem;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #00000040}@media (width<=768px){.studio-header.svelte-1n46o8q{padding:.6rem}.title-wrap.svelte-1n46o8q{display:none}.workspace-body.svelte-1n46o8q{flex-direction:column}.editor-pane.svelte-1n46o8q{height:40%;width:100%!important}.resizer-bar.svelte-1n46o8q{display:none}.canvas-pane.svelte-1n46o8q{width:100%;height:60%}}