:root{color-scheme:dark;--bg:#080b0e;--fg:#e4e9ed;--muted:#99a8b5;--line:#28343d;--accent:#dfff00;font:16px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid var(--line);background:#11191f;color:var(--fg);padding:8px 12px;cursor:pointer;border-radius:3px}button:hover{border-color:#dfff00;background:#19252b}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#1b2228;color:#dfff00;border-color:#dfff00}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #dfff00;outline-offset:4px}header{min-height:72px;padding:17px 30px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}nav{display:flex;gap:25px;margin-left:auto;font-size:14px}nav a{text-decoration:none;color:var(--muted)}nav a[aria-current]{color:var(--fg)}#language{font-size:14px;padding:5px 9px}main{max-width:1680px;padding:26px 30px 0;margin:auto}.scene-heading{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-bottom:22px}.eyebrow{font:12px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}h1{font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.15;letter-spacing:-.03em;margin:0 0 9px}.scene-heading p:not(.eyebrow){color:var(--muted);max-width:840px;margin:0}h2{font-weight:500;font-size:18px;margin:0}label{display:block;font-size:14px}label>span{display:block;margin-bottom:5px}.choose{width:300px;flex-shrink:0}.choose select{width:100%}select,input[type=number],textarea{background:#111a20;border:1px solid var(--line);padding:8px 10px;color:var(--fg);border-radius:3px;max-width:100%}select{font-size:14px}input[type=range]{width:100%;accent-color:#dfff00;cursor:pointer;min-height:24px}input[type=checkbox]{accent-color:#dfff00}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px}.stage-shell{position:relative;background:#060a0f;min-width:0;min-height:490px;height:clamp(430px,60vh,760px);isolation:isolate;border-block:1px solid var(--line)}#scene{display:block;width:100%;height:100%;touch-action:none}.stage-top,.stage-bottom,#stage-overlay{position:absolute;left:16px;right:16px;z-index:1;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.stage-top{top:13px;align-items:center}.stage-top>span{font:12px ui-monospace,monospace;letter-spacing:.08em;color:#aab3be}.stage-top div{display:flex;gap:8px}.stage-top button,.stage-bottom button{pointer-events:auto;font-size:14px;background:#111a20dd}.stage-bottom{bottom:12px;align-items:end;font-size:12px;color:#a7b7c3}.stage-bottom span{max-width:75%;background:#060a0fad;padding:4px}#stage-overlay{bottom:58px;font:12px/1.5 ui-monospace,monospace;color:#aab3be;align-items:end}#phase{max-width:70%}#camera-readout{text-align:right}.controls{padding-top:1px;min-width:0}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.quiet{border:0;background:none;color:var(--muted);font-size:14px;padding:5px}.parameter{margin:0 0 13px}.parameter-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.parameter-head input{width:108px;font:14px ui-monospace,monospace;text-align:right;padding:4px}.parameter-head output{font:14px ui-monospace,monospace}.parameter>select{width:100%}.parameter textarea{width:100%;font:14px/1.5 ui-monospace,monospace;resize:vertical}.camera-tools{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.button-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 15px}.button-row button{font-size:14px;padding:7px 9px}.note{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0}.calculate{margin-top:20px}.primary{background:#dfff00;color:#171b08;border-color:#dfff00;width:100%;font-size:14px}.primary:hover:not(:disabled):not([aria-disabled=true]){background:#eaff66;color:#171b08;border-color:#eaff66}#deep-view{display:block;margin-top:12px;font-size:14px}summary{font-size:14px;cursor:pointer}details[open]>summary{margin-bottom:12px}#extra-parameters{margin-top:12px}.transport{display:flex;align-items:center;gap:12px;border-block:1px solid var(--line);padding:15px 0;margin-top:15px}.transport button{font-size:14px}.timeline-label{display:grid;grid-template-columns:150px minmax(90px,1fr) 45px;align-items:center;gap:12px;flex:1}.timeline-label span{margin:0;color:var(--muted);font-size:12px}output{font:12px ui-monospace,monospace}.speed{display:flex;gap:8px;align-items:center}.speed span,.loop span{margin:0}.loop{display:flex;gap:5px;align-items:center;font-size:14px}.metrics{display:flex;flex-wrap:wrap;gap:18px 36px;padding:22px 0}.metric{min-width:140px}.metric span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.metric strong{font:16px ui-monospace,monospace;font-weight:500}.model-details{border-top:1px solid var(--line);padding:16px 0;color:var(--muted);font-size:14px}.model-details p{max-width:1100px;font-size:14px}.formula{font:20px/1.7 Georgia,serif;color:var(--fg);overflow-wrap:anywhere}.gallery-heading{display:flex;gap:18px;align-items:center;margin:38px 0 20px}.gallery-heading h2{font-size:25px}.gallery-heading p{color:var(--muted);font-size:14px;margin:0 auto 0 0}.gallery-heading button{font-size:14px}.visual-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.visual-card{min-width:0;display:block;text-decoration:none;border:0;border-bottom:1px solid var(--line);padding:0 0 18px;background:none;color:var(--fg);text-align:left;border-radius:0;cursor:pointer}.visual-card:hover{background:none;border-color:var(--accent)}.visual-card canvas{display:block;width:100%;height:190px;background:#070b10;pointer-events:none}.visual-card .visual-card-type{font:12px ui-monospace,monospace;color:var(--muted);margin:14px 0 6px}.visual-card h3{font-size:19px;font-weight:500;margin:0 0 7px}.visual-card p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}.visual-card[aria-current=true]{border-color:var(--accent)}.visual-card[aria-current=true] h3{color:var(--accent)}#error{padding:12px;border-left:2px solid #e7b899;background:#281e19;color:#f0cdb4;font-size:14px}footer{max-width:1680px;margin:40px auto 0;padding:22px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:14px;color:var(--muted)}.stage-shell:fullscreen{height:100vh;max-height:none;width:100vw}.stage-shell:fullscreen #scene{height:100vh}.stage-shell.full-window{position:fixed;inset:0;z-index:50;height:100dvh;width:100vw;max-height:none}.stage-shell:fullscreen #exit-fullscreen,.stage-shell.full-window #exit-fullscreen{display:block}body.full-window{overflow:hidden}[hidden]{display:none!important}@media(max-width:1050px){main{padding:22px 20px 0}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.visual-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-label{grid-template-columns:1fr 40px}.timeline-label span{grid-column:1/-1}.scene-heading{align-items:start}.choose{width:250px}.stage-top{align-items:start}.stage-top div{flex-direction:column}}@media(max-width:730px){header{padding:15px;gap:15px;flex-wrap:wrap}.brand{font-size:15px}nav{order:3;width:100%;justify-content:space-between;gap:8px;margin:0}#language{margin-left:auto}main{padding:20px 15px 0}.scene-heading{display:block;margin-bottom:15px}.choose{width:100%;margin-top:17px}.workspace{grid-template-columns:1fr;gap:18px}.stage-shell{height:430px;min-height:360px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.control-heading,#parameters,#extra-parameters{grid-column:1/-1}#parameters{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.camera-tools,.calculate{margin-top:12px}.transport{flex-wrap:wrap;gap:8px}.timeline-label{flex-basis:60%}.speed{margin-left:auto}.metrics{gap:18px}.metric{min-width:120px}.gallery-heading{align-items:start;flex-wrap:wrap;margin-top:28px}.gallery-heading p{width:100%}.visual-gallery{gap:22px 14px}.visual-card canvas{height:150px}.visual-card h3{font-size:16px}.visual-card p{font-size:14px}.stage-bottom span{max-width:100%;font-size:12px}.stage-top{left:10px;right:10px}.stage-top button{font-size:12px;padding:7px 9px}.stage-top>span{font-size:12px;max-width:45%}footer{padding:20px 15px;flex-direction:column}}@media(max-width:410px){.controls{grid-template-columns:1fr}.camera-tools,.calculate{grid-column:1/-1}.visual-gallery{grid-template-columns:1fr}.visual-card canvas{height:190px}#parameters{grid-template-columns:1fr}.stage-shell{height:380px}.stage-top>span{max-width:38%}.loop{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}