:root{color-scheme:light dark;--bg: #0b0c0f;--surface: #14161c;--border: #2a2d35;--text: #e8e9ec;--muted: #8b8f98;--accent: #5b8cff;--danger: #f07178}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--surface: #ffffff;--border: #d8dce0;--text: #1a1c24;--muted: #5c6370;--accent: #2563eb;--danger: #d92d20}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:.875em}pre{margin:.5rem 0 0;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-x:auto}#app-controls{max-width:42rem;margin:0 auto;padding:2rem 1.25rem 1rem}#app-controls h1{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}#app-controls .muted{color:var(--muted);font-size:.875rem;margin:0 0 1rem}.controls-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:.75rem}label.field{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}select,button{font:inherit;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}button.primary{background:var(--accent);color:#fff;border-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}.warn{color:var(--danger);font-size:.875rem;margin:.5rem 0 0}#demo-root{max-width:42rem;margin:0 auto;padding:0 1.25rem 3rem;border-top:1px solid var(--border)}#demo-root h1{font-size:1.35rem}#demo-root h2{font-size:1.05rem}.lead{color:var(--muted)}