:root{--bg-page: #0e0e1a;--bg-panel: #131320;--bg-deep: #0a0a14;--bg-hover: #1a1a2e;--bg-input: #0a0a14;--border: #2a2445;--border-strong: #3d3466;--border-focus: #7c63cc;--accent: #7c63cc;--accent-hover: #9478e0;--accent-muted: #4a3d7a;--accent-text: #bb99ff;--accent-bg: #1e1a3a;--text-primary: #d4ccf0;--text-secondary: #9c83dd;--text-muted: #4a3d7a;--color-danger: #e05555;--color-success: #4aaa55;--color-warning: #e08c35;--color-info: #4488cc;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;margin:0;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-muted)}button{font-family:inherit;font-size:13px;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-panel);color:var(--text-secondary);padding:6px 12px;transition:background var(--transition),border-color var(--transition),color var(--transition);line-height:1.4}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}button:disabled{opacity:.35;cursor:default}input[type=text],input[type=number],input[type=color],textarea,select{font-family:inherit;font-size:13px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:6px 10px;transition:border-color var(--transition);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer}select option{background:var(--bg-panel);color:var(--text-primary)}input[type=color]{padding:2px;width:36px;height:30px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);cursor:pointer}code{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;font-size:12px;color:var(--accent-text)}hr{border:none;border-top:1px solid var(--border);margin:12px 0}