:root{color-scheme:light dark;--bg: #ffffff;--surface: #f5f6f8;--text: #1c1d21;--muted: #62656e;--border: #d9dbe1;--accent: #1e66f5;--accent-text: #ffffff;--danger: #b3261e;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--radius: 6px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #17181c;--surface: #222429;--text: #e6e7ea;--muted: #9a9ca5;--border: #3a3d45;--accent: #7aa2f7;--accent-text: #10131a;--danger: #f2827a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 var(--font)}a{color:var(--accent)}h1,h2,h3{margin:0 0 var(--space-2);line-height:1.2}h1{font-size:1.4rem}h2{font-size:1.05rem}button,input,select{font:inherit;color:inherit}input,select{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}input[type=color]{width:2.5rem;height:2rem;padding:2px}button{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger)}form.inline{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.muted{color:var(--muted)}.error{color:var(--danger)}.swatch{display:inline-block;flex:none;width:.75rem;height:.75rem;border-radius:50%}