:root{color-scheme:dark;--color-bg: #0b0c0f;--color-bg-secondary: #111318;--color-surface-raised: #181a20;--color-surface-interactive: #20232b;--color-border: #2a2d36;--color-text: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-primary: #7c6cf2;--color-primary-hover: #9185f7;--color-accent: #5e6ad2;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 4px 12px rgb(0 0 0 / 35%);--transition-fast: .12s ease;--transition-base: .2s ease}:root[data-theme=light]{color-scheme:light;--color-bg: #f7f7f8;--color-bg-secondary: #ffffff;--color-surface-raised: #ffffff;--color-surface-interactive: #f1f1f3;--color-border: #e2e2e5;--color-text: #18181b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-primary: #6658d9;--color-primary-hover: #5548c7;--shadow-sm: 0 1px 2px rgb(0 0 0 / 6%);--shadow-md: 0 4px 12px rgb(0 0 0 / 8%)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--color-bg: #f7f7f8;--color-bg-secondary: #ffffff;--color-surface-raised: #ffffff;--color-surface-interactive: #f1f1f3;--color-border: #e2e2e5;--color-text: #18181b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-primary: #6658d9;--color-primary-hover: #5548c7;--shadow-sm: 0 1px 2px rgb(0 0 0 / 6%);--shadow-md: 0 4px 12px rgb(0 0 0 / 8%)}}.panel{padding:16px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.hint{margin:4px 0;color:var(--color-text-secondary);font-size:13px}.row{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{padding:8px 10px;background-color:var(--color-surface-interactive);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.field{display:flex;flex-direction:column;gap:4px;min-width:180px}.field.grow{flex:1}.field label,.field-label{color:var(--color-text-secondary);font-size:12px}.btn{display:inline-block;padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-interactive);color:var(--color-text);font:inherit;font-size:13px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast)}.btn:hover:not(:disabled){background-color:var(--color-surface-raised)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn.primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn.danger:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.btn.icon{padding:8px 10px;line-height:1}.btn.lg{padding:11px 22px;font-size:15px;font-weight:500}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}