:root{--bg: #0f1115;--bg-2: #1a1d24;--bg-3: #262a33;--fg: #f5f6f7;--fg-muted: #9ca0a8;--accent: #b3d237;--danger: #e5484d;--border: #2c313a;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:14px;background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;cursor:pointer}button:hover{background:var(--border)}button.primary{background:var(--accent);color:#0f1115;border-color:var(--accent);font-weight:600}button.primary:hover{filter:brightness(1.1)}button.ghost{background:transparent;border-color:var(--border)}input,textarea,select{font-family:inherit;font-size:14px;background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;width:100%}input[type=range]{padding:0}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--fg-muted);font-size:13px}