:root{--canvas-bg:#101010;--chrome-bg:#161616;--accent:#1d4ed8;--accent-hover:#1939a5;--accent-active:#3b6ef0;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--border:#2a2a2a;--danger:#dc2626;--danger-hover:#b91c1c;--danger-active:#ef4444;--font-ui:"Inter", system-ui, sans-serif;--font-code:"JetBrains Mono", monospace}*{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}::-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)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border: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(--border)}.btn-secondary:active{background-color:#ffffff0d}.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(--border)}.btn-icon:active{background-color:#ffffff0d}.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:#ffffff26;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}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.w-full{width:100%}.h-full{height:100%}