*{box-sizing:border-box}html,body{margin:0;background:transparent;color:#28342f;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}body{padding:20px}h1{font-size:21px;line-height:1.3;font-weight:600;margin:0}header p{margin:6px 0 18px;color:#5b675f}.controls{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}button,select{font:inherit;border:1px solid #b4bdb7;border-radius:6px;background:#fff;color:#28342f;min-height:44px;padding:8px 12px;max-width:100%}button{cursor:pointer}button[aria-pressed=true]{background:#294c3b;color:white;border-color:#294c3b}button:focus-visible,select:focus-visible{outline:3px solid #c8935c;outline-offset:3px}label{display:flex;align-items:center;gap:8px;max-width:100%}.controls span{font-size:13px;color:#5b675f}#stage{height:460px;width:100%;position:relative}canvas{width:100%;height:100%;display:block;touch-action:none}#detail{min-height:48px;margin:16px 0 0}#stage[role=alert]{display:flex;align-items:center;padding:24px}@media(max-width:480px){body{padding:12px}#stage{height:350px}.controls label{width:100%}select{flex:1;min-width:0}}

/* Page design skin; geometry is unchanged. */
:root{color-scheme:dark;--foreground:#f4f3ef}html,body{color:#f4f3ef;background:#202224}body{padding:20px}
.text-small,header p,.controls span{color:#c4c5c5}.btn,.form-select,button,select{color:#f4f3ef;background:#2b2e30;border-color:#676b6d;border-radius:0}.btn-primary,button[aria-pressed=true]{background:#f4f3ef;color:#202224;border-color:#f4f3ef}.form-range{accent-color:#ddd}.viz-row strong,header h1{font-weight:400}