:root{color-scheme:light dark;--bg: #fafafa;--fg: #111;--accent: #5b6cff;--border: #e2e2e2;--muted: #666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111;--fg: #eee;--border: #2a2a2a;--muted: #888}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg)}body{display:grid;grid-template-columns:220px 1fr}#sidebar{border-right:1px solid var(--border);padding:1rem}#sidebar h1{margin:0 0 1rem;font-size:1.2rem}#sidebar ul{list-style:none;padding:0;margin:0}#sidebar li{margin-bottom:.25rem}#sidebar a{color:var(--fg);text-decoration:none;display:block;padding:.35rem .5rem;border-radius:.25rem}#sidebar a:hover{background:var(--border)}#stage{padding:1.5rem 2rem;overflow:auto}#stage section{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:.5rem}canvas{display:block;width:100%;height:160px;background:#000}button{padding:.4rem .9rem;border-radius:.3rem;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer}button:hover{background:var(--border)}.row{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.row>label{min-width:4rem;color:var(--fg)}.row>input[type=range]{flex:1}.muted,.status{font-family:ui-monospace,monospace;color:var(--muted);font-size:.9em}.row .muted{min-width:4rem;text-align:right}input[type=range]{accent-color:var(--accent)}select{padding:.3rem .5rem;border-radius:.3rem;border:1px solid var(--border);background:var(--bg);color:var(--fg)}