:root{--paper:#fafaf5;--ink:#18363d;--muted:#52676d;--accent:#067d91;--rule:#d8e1df;--viewport:#e9f1ee;--card:#fff;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.18}a{color:var(--accent);text-underline-offset:3px}button,input,select,summary{font:inherit}button,select,input{color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:4px}button,select{padding:.45rem .7rem}button,summary{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input[type=range]{accent-color:var(--accent);width:100%;min-width:0}input[type=number]{padding:.3rem;width:6rem}*:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,input,select{min-height:36px}canvas{display:block;width:100%;height:100%;touch-action:none}.gui-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.gui-panel{background:var(--card);border:1px solid var(--rule);border-radius:8px;overflow:hidden}.gui-split{display:grid;grid-template-columns:3fr 2fr}.gui-viewport{position:relative;min-width:0;height:510px;background:var(--viewport)}.gui-controls{padding:22px;font-size:14px;line-height:1.65;min-width:0}.gui-controls label{display:block;margin:.75rem 0}.gui-controls output{font-variant-numeric:tabular-nums}.gui-metrics{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem}.gui-metrics dt,.gui-metrics dd{margin:0}.gui-metrics dd{font-variant-numeric:tabular-nums;text-align:right}.gui-status{color:var(--muted);font-size:13px}.gui-error{padding:1rem;border-left:3px solid #9f493a;background:#fff5ec}.gui-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--accent)}@media(max-width:700px){.gui-split{grid-template-columns:1fr}.gui-viewport{height:340px}.gui-controls{padding:16px}body{font-size:16px}}