:root{color-scheme:dark;background:#111016;color:#e9e5ef;font:16px/1.7 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main{max-width:1400px;margin:auto;padding:20px 28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #37313f}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}a{color:#d2e98a;text-underline-offset:5px}h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 20px}h2{font-size:26px;line-height:1.4}.intro{max-width:800px;padding-block:32px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#a8a0b5}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.view,aside,main>section{border:1px solid #37313f;border-radius:14px;padding:22px;background:#19151e}.view{padding:0;overflow:hidden;align-self:start}canvas{width:100%;aspect-ratio:4/3;display:block;background:#08080a}#status{padding:0 20px;min-height:3.4em;color:#c9c0d6}label{display:block;font-size:14px;margin:0 0 16px}select,input,button{font:inherit;color:inherit;background:#27212f;border:1px solid #53485f;border-radius:8px;padding:10px;width:100%}button{cursor:pointer;width:auto;font-weight:600}button:disabled{opacity:.5}#load,#play{width:100%;margin-bottom:18px;background:#d2e98a;color:#202519;border:0}#time{padding:0;accent-color:#d2e98a}.notice{font-size:13px;color:#bab0c8}dl{font-size:13px;margin:20px 0 0}dl>div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #37313f;padding:8px 0}dd{margin:0;font-variant-numeric:tabular-nums}main>section{margin-block:30px;max-width:100%}main>section>p{max-width:80ch}form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}form label{margin:0}pre{overflow:auto;max-height:280px;background:#100d14;padding:18px;font:13px/1.6 ui-monospace,monospace}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid #37313f}#results{overflow:auto}@media(max-width:850px){.workbench{grid-template-columns:1fr}header{display:block}nav{margin-top:14px}header,main{padding-inline:16px}aside{display:grid;gap:12px;grid-template-columns:1fr 1fr}aside .notice,aside dl{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#scene{touch-action:none;cursor:grab}#scene.dragging{cursor:grabbing}#scene:focus-visible{outline:2px solid #d2e98a;outline-offset:-3px}#orbit-help{padding:0 20px;font-size:13px;color:#bab0c8}#view-state{font-size:13px;color:#bab0c8}#reset-view{margin-bottom:10px}#buffer,#delivery{max-width:165px;text-align:right}#idle-result{white-space:pre-wrap;overflow-wrap:anywhere}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d2e98a;outline-offset:2px}