:root{--top-bar:#080809;--sidebar:#0f0f11;--canvas:#141417;--chrome-bg:#0c0c0e;--accent:#1d4ed8;--border:#ffffff14;--surface-hover:#ffffff0d;--surface-active:#ffffff1a;--surface-accent-muted:#1d4ed826;--icon-disabled:#ffffff26;--grid-minor:#ffffff0f;--grid-major:#ffffff1f;--metallic-bg:linear-gradient(180deg, #27272a 0%, #18181b 100%);--metallic-border:#ffffff1f;--metallic-text:#a1a1aa;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}:root.light{--top-bar:#f9fafb;--sidebar:#f1f1f3;--canvas:#fff;--chrome-bg:#f3f4f6;--accent:#1d4ed8;--border:#0000001a;--surface-hover:#0000000a;--surface-active:#00000014;--surface-accent-muted:#1d4ed81a;--icon-disabled:#0003;--grid-minor:#00000014;--grid-major:#00000029;--metallic-bg:linear-gradient(180deg, #fafafa 0%, #e4e4e7 100%);--metallic-border:#0000001a;--metallic-text:#52525b;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af}@media (prefers-color-scheme:light){:root:not(.light):not(.dark){--top-bar:#f9fafb;--sidebar:#f1f1f3;--canvas:#fff;--chrome-bg:#f3f4f6;--border:#0000001a;--surface-hover:#0000000a;--surface-active:#00000014;--surface-accent-muted:#1d4ed81a;--icon-disabled:#0003;--grid-minor:#00000014;--grid-major:#00000029;--metallic-bg:linear-gradient(180deg, #fafafa 0%, #e4e4e7 100%);--metallic-border:#0000001a;--metallic-text:#52525b;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af}}:root{--canvas-bg:var(--canvas);--accent-color:var(--accent);--accent-hover:#1939a5;--accent-active:#3b6ef0;--danger:#dc2626;--danger-hover:#b91c1c;--danger-active:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--chrome-bg);width:100vw;height:100dvh;color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}html{transition:background-color .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--chrome-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a,button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;text-decoration:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.btn{background-color:var(--accent);color:#fff;border-radius:4px;gap:6px;padding:6px 12px;font-weight:500}.btn:hover{background-color:var(--accent-hover)}.btn:active{background-color:var(--accent-active)}.btn:disabled{background-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);background-color:#0000;border-radius:4px;gap:6px;padding:6px 12px;font-weight:500}.btn-secondary:hover{background-color:var(--surface-hover)}.btn-secondary:active{background-color:var(--surface-active)}.btn-secondary:disabled{border-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.btn-danger{background-color:var(--danger);color:#fff;border-radius:4px;gap:6px;padding:6px 12px;font-weight:500}.btn-danger:hover{background-color:var(--danger-hover)}.btn-danger:active{background-color:var(--danger-active)}.btn-icon{width:32px;height:32px;color:var(--text-secondary);aspect-ratio:1;border-radius:4px;padding:0}.btn-icon:hover{color:var(--text-primary);background-color:var(--surface-hover)}.btn-icon:active{background-color:var(--surface-active)}.btn-icon.active{color:#fff;background-color:var(--accent)}.btn-icon.active:hover{background-color:var(--accent-hover)}.btn-icon.active:active{background-color:var(--accent-active)}.btn-icon:disabled{color:var(--icon-disabled);cursor:not-allowed;background-color:#0000}.form-input{background:var(--canvas-bg);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;width:100%;padding:6px 10px;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.form-group{margin-bottom:12px}.flex{display:flex}.flex-col{flex-direction:column}.relative{position:relative}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grow{flex-grow:1;min-width:0;min-height:0}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.w-full{width:100%}.h-full{height:100%}