:root{--bg: #1c1915;--paper: #e9decb;--ink: #2b2620;--panel: #e9decb;--border: #2b2620;--text: #2b2620;--muted: #5d554a;--accent: #2b2620;color-scheme:light}body{font-family:Georgia,Times New Roman,serif}#canvas{background:var(--bg)}#controls{width:244px;border:2px solid var(--ink);border-radius:0;background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:5px 5px #2b26208c}#controls h2{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:6px;letter-spacing:.12em}#controls section+section{border-top:none;padding-top:0}.label,.value{font-size:12px}.value{font-variant-numeric:tabular-nums}#controls input[type=range]{accent-color:var(--ink)}.press-button{margin-top:12px;border:none;border-radius:0;background:var(--ink);color:var(--paper);font-family:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:8px 0;cursor:pointer}.press-button:hover{background:#3c352c}.press-button:active{transform:translate(1px,1px)}.press-button.toggle{border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.press-button.toggle:hover{background:#2b262014}.press-button.toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.press-button.toggle[aria-pressed=true]:hover{background:#3c352c}#controls select{margin-top:5px;border-radius:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:12px}.palette-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;margin-top:12px}.palette-button{border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font-family:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:7px 0;cursor:pointer}.palette-button[aria-current=true]{background:var(--ink);color:var(--paper)}.palette-button:active{transform:translate(1px,1px)}.note{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}.control.disabled,.press-button.disabled{opacity:.38}.control.disabled input[type=range],.control.disabled select{cursor:not-allowed}.drawer{margin-top:14px;border-top:1px solid var(--ink)}.drawer>summary{padding:7px 0 6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer;list-style:none}.drawer>summary::-webkit-details-marker{display:none}.drawer>summary:before{content:"▸";display:inline-block;width:12px;font-size:10px}.drawer[open]>summary:before{content:"▾"}.drawer>summary:hover{background:#2b26200f}.drawer-body{max-height:42vh;overflow-y:auto;padding:2px 1px 8px}.drawer-body .control+.control{margin-top:7px}.drawer-body .control-head{margin-bottom:2px}.drawer-body input[type=range]{height:14px}.brand{color:var(--ink)}.home-link .mark path{fill:none;stroke:var(--ink)}.home-link .wordmark,.home-link .toy-name{color:var(--ink)}.home-link .toy-name{color:var(--muted)}.brand{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px #2b26208c;padding:8px 12px}