@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/surfviewjs/demo/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/surfviewjs/demo/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/surfviewjs/demo/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/surfviewjs/demo/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/surfviewjs/demo/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/surfviewjs/demo/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/surfviewjs/demo/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/surfviewjs/demo/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--room:#06080b;--box:#dde6ec;--box-ink:#23303b;--d0:#0b1118;--d1:#0f1720;--d2:#16212b;--d3:#213040;--ink-hi:#edf2f5;--ink:#c3ced6;--ink-lo:#93a6b4;--mark:#f2c230;--mark-ink:#1a1405;--alert:#ec6a52;--font-ui:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-data:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--gap:6px;--clock:.64s;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--room);scrollbar-color:var(--d3) var(--room)}body{background:var(--room);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-stretch:96%;line-height:1.5}::selection{background:var(--mark);color:var(--mark-ink)}:focus-visible{outline:2px solid var(--mark);outline-offset:2px}a{color:var(--ink-hi);-webkit-text-decoration-color:color-mix(in srgb, var(--ink-lo) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--ink-lo) 70%, transparent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{-webkit-text-decoration-color:var(--ink-hi);text-decoration-color:var(--ink-hi)}button,input,select,textarea{font:inherit;color:inherit}input,textarea{caret-color:var(--mark)}*{scrollbar-width:thin;scrollbar-color:var(--d3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--d3);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room{grid-template-rows:auto auto 1fr;min-height:100vh;padding:0 clamp(16px,2.4vw,40px) clamp(16px,2.4vw,32px);display:grid}.room-head{align-items:baseline;gap:28px;padding:18px 2px 14px;display:flex}.brand{color:var(--ink-hi);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{width:22px;height:22px;fill:var(--d2);stroke:var(--ink-hi);stroke-width:1.5px;align-self:center}.brand-mark path{fill:none;stroke:var(--mark);stroke-width:2px;stroke-linecap:round}.brand-name{letter-spacing:.01em;font-size:19px;font-weight:700;font-stretch:78%}.room-tag{color:var(--ink-lo);flex:1;min-width:0;margin:0;font-size:14px}.room-links{flex:none;gap:22px;font-size:13.5px;font-stretch:88%;display:flex}.room-links a{color:var(--ink);text-decoration:none}.room-links a:hover{color:var(--ink-hi);text-decoration:underline}.strip{background:var(--box);padding:var(--gap) var(--gap) 0;overscroll-behavior-x:contain;overflow-x:auto}.strip-banks{gap:14px;width:100%;min-width:max-content;display:flex}.bank{align-items:stretch;gap:var(--gap);flex:var(--bank-size,1) 1 auto;display:flex}.bank-label{writing-mode:vertical-rl;letter-spacing:.14em;text-transform:uppercase;color:var(--box-ink);text-align:center;padding:4px 0;font-size:10.5px;font-weight:650;font-stretch:75%;transform:rotate(180deg)}.bank-frames{gap:var(--gap);flex:1;display:flex}.frame{background:var(--d1);min-width:64px;min-height:56px;color:var(--ink);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border:0;flex:auto;align-content:start;gap:2px;padding:9px 12px 13px;font-size:13.5px;font-weight:520;font-stretch:84%;line-height:1.2;display:grid;position:relative}.frame:after{content:"";background:var(--mark);transform-origin:0;height:2px;transition:transform var(--clock) var(--ease-out);position:absolute;bottom:6px;left:12px;right:12px;transform:scaleX(0)}.frame-subject{color:var(--ink-lo);font-size:11.5px;font-weight:450;font-stretch:88%}.frame:hover{background:var(--d2);color:var(--ink-hi)}.frame.active{background:var(--d3);color:var(--ink-hi)}.frame.active:after{transform:scaleX(1)}.frame:focus-visible{outline-offset:-4px}.box{grid-template-columns:minmax(0,1fr) clamp(300px,27vw,400px);gap:0;min-height:0;display:grid}.viewbox{background:var(--box);padding:var(--gap);min-width:0}.film{background:var(--d0);clip-path:polygon(0 0,calc(100% - 30px) 0,calc(100% - 30px) 7px,calc(100% - 20px) 7px,calc(100% - 20px) 0,100% 0,100% 100%,0 100%);grid-template-rows:minmax(0,1fr) auto;min-height:clamp(440px,100vh - 196px,1100px);margin:0;display:grid;position:relative;overflow:hidden}.film.film-hung .film-image{animation:hang var(--clock) var(--ease-out)}@keyframes hang{0%{opacity:.25;filter:brightness(1.8)contrast(.7)}to{opacity:1;filter:none}}.film-image{min-height:0;position:relative;overflow:hidden}.scenario-mount,.film-viewer{position:absolute;inset:0}.film-viewer canvas{display:block}.film.busy .film-image:after{content:"Exposing…";color:var(--ink-lo);font-family:var(--font-data);letter-spacing:.16em;text-transform:uppercase;background:color-mix(in srgb, var(--d0) 55%, transparent);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.film-edge{border-top:1px solid var(--d2);min-width:0;font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-lo);white-space:nowrap;align-items:baseline;gap:22px;padding:8px 16px 9px;font-size:10.5px;display:flex;overflow:hidden}.film-edge #status-text{text-overflow:ellipsis;overflow:hidden}.film-edge #perf-text{font-variant-numeric:tabular-nums;margin-left:auto}.edge-mark{color:var(--ink);flex:none}.film-corner{z-index:3;max-width:min(46%,360px);font-family:var(--font-data);font-variant-numeric:tabular-nums;pointer-events:none;grid-template-columns:minmax(0,1fr);gap:2px;font-size:11.5px;line-height:1.35;display:grid;position:absolute}.film-corner-tl{top:14px;left:16px}.film-corner-tr{text-align:right;justify-items:end;top:18px;right:16px}.film-corner-bl{bottom:44px;left:16px}.film-corner-br{text-align:right;justify-items:end;bottom:44px;right:16px}.film-line{white-space:nowrap;gap:8px;min-width:0;max-width:100%;display:flex;overflow:hidden}.film-corner-tr .film-line{justify-content:flex-end}.film-line-label{color:var(--ink-lo);letter-spacing:.08em;text-transform:uppercase}.film-line-value{min-width:0;color:var(--ink-hi);text-overflow:ellipsis;overflow:hidden}.film-line-exposed .film-line-value{animation:expose .9s var(--ease-out)}@keyframes expose{0%{color:var(--mark)}to{color:var(--ink-hi)}}.film-orient{z-index:2;color:var(--ink-lo);pointer-events:none;font-size:15px;font-weight:600;font-stretch:78%;display:none;position:absolute}.film-oriented .film-orient{display:block}.film-orient-left{top:50%;left:16px;transform:translateY(-50%)}.film-orient-right{top:50%;right:16px;transform:translateY(-50%)}.film-orient-top{top:12px;left:50%;transform:translate(-50%)}.film-orient-bottom{bottom:40px;left:50%;transform:translate(-50%)}.scenario-error{color:var(--alert);text-align:center;place-items:center;margin:0;padding:32px;font-size:15px;display:grid;position:absolute;inset:0}.margin{background:0 0;flex-direction:column;gap:18px;min-width:0;max-height:clamp(440px,100vh - 196px,1100px);padding:16px 4px 18px 30px;display:flex;overflow-y:auto}.margin-head{padding-bottom:2px}.margin-head h1{color:var(--ink-hi);letter-spacing:-.005em;text-wrap:balance;margin:0 0 10px;font-size:clamp(26px,2.1vw,34px);font-weight:640;font-stretch:72%;line-height:1.04}#active-desc{color:var(--ink);text-wrap:pretty;max-width:62ch;margin:0;font-size:14.5px;line-height:1.55}.synthetic{border-top:1px solid var(--d2);color:var(--ink-lo);margin:12px 0 0;padding-top:10px;font-size:12.5px;line-height:1.45}.synthetic:before{content:"Synthetic data. ";color:var(--ink);font-weight:600}.margin-controls,.scenario-panel{gap:4px;display:grid}.margin-section{border-top:1px solid var(--d2);gap:12px;padding:14px 0 16px;display:grid}.margin-section:first-child{border-top:0;padding-top:0}.margin-section h3{color:var(--ink-lo);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11.5px;font-weight:650;font-stretch:78%}.margin-note{color:var(--ink-lo);margin:0;font-size:13px;line-height:1.5}.margin-foot{border-top:1px solid var(--d2);margin-top:auto;padding-top:12px}.control{min-width:0}.control-slider{grid-template-columns:1fr auto;align-items:baseline;row-gap:6px;display:grid}.control-slider label,.control-select label,.control-choice legend,.control-toggle label,.readout-label{color:var(--ink);font-size:13.5px}.control-slider output,.control-readout output{color:var(--ink-hi);font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:12.5px}input[type=range]{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--d3);height:2px}input[type=range]::-moz-range-track{background:var(--d3);height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);width:10px;height:18px;transition:background-color .16s var(--ease-out);border:0;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:10px;height:18px}input[type=range]:hover::-webkit-slider-thumb{background:var(--ink-hi)}input[type=range]:active::-webkit-slider-thumb{background:var(--mark)}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--mark)}input[type=range]:active::-moz-range-thumb{background:var(--mark)}input[type=range]:focus-visible::-moz-range-thumb{background:var(--mark)}input[type=range]:focus-visible{outline-offset:0}.control-select{gap:6px;display:grid}select{border:1px solid var(--d3);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2393a6b4' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center / 12px, var(--d0);width:100%;color:var(--ink-hi);appearance:none;cursor:pointer;border-radius:0;padding:7px 30px 7px 10px;font-size:13.5px}select:hover{border-color:var(--ink-lo)}option{background:var(--d1);color:var(--ink-hi)}.control-choice{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.control-choice legend{margin-bottom:7px;padding:0}.choice-group{grid-template-columns:repeat(var(--choice-columns,3), minmax(0, 1fr));gap:4px;display:grid}.choice-group label{cursor:pointer;position:relative}.choice-group input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice-group span{text-align:center;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;border:1px solid var(--d3);height:100%;color:var(--ink);transition:border-color .16s var(--ease-out), color .16s var(--ease-out);padding:6px 10px;font-size:13px;font-stretch:88%;display:block}.choice-group label:hover span{border-color:var(--ink-lo);color:var(--ink-hi)}.choice-group input:checked+span{border-color:var(--mark);color:var(--mark)}.choice-group input:focus-visible+span{outline:2px solid var(--mark);outline-offset:2px}.control-toggle{align-items:center;gap:10px;display:flex}.control-toggle input{appearance:none;border:1px solid var(--ink-lo);background:var(--d0);cursor:pointer;width:30px;height:16px;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out);flex:none;margin:0;position:relative}.control-toggle input:after{content:"";background:var(--ink);width:10px;height:10px;transition:transform .22s var(--ease-out), background-color .16s var(--ease-out);position:absolute;top:2px;left:2px}.control-toggle input:checked{border-color:var(--mark);background:color-mix(in srgb, var(--mark) 18%, var(--d0))}.control-toggle input:checked:after{background:var(--mark);transform:translate(14px)}.control-toggle label{cursor:pointer}.control-readout{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.readout-label{color:var(--ink-lo)}.control-actions{flex-wrap:wrap;gap:6px;display:flex}.action{border:1px solid var(--d3);color:var(--ink-hi);cursor:pointer;transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out);background:0 0;border-radius:0;padding:7px 13px 8px;font-size:13.5px;font-weight:520;font-stretch:88%}.action:hover:not(:disabled){border-color:var(--ink-lo);background:var(--d2)}.action:active:not(:disabled){background:var(--d3)}.action:disabled{color:var(--ink-lo);cursor:not-allowed;opacity:.6}.action[aria-pressed=true]{border-color:var(--mark);color:var(--mark)}.action-primary{border-color:var(--box);background:var(--box);color:var(--d0)}.action-primary:hover:not(:disabled){background:#fff;border-color:#fff}.code-block{border-top:1px solid var(--d2);border-bottom:1px solid var(--d2);padding:11px 0}.code-block summary{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;list-style:none;display:flex}.code-block summary::-webkit-details-marker{display:none}.code-block summary:before{content:"";border-right:1.5px solid var(--ink-lo);border-bottom:1.5px solid var(--ink-lo);width:7px;height:7px;transition:transform .22s var(--ease-out);transform:rotate(-45deg)}.code-block[open] summary:before{transform:rotate(45deg)}.code-block summary:hover{color:var(--ink-hi)}.code-body{margin-top:10px;position:relative}.code-body pre{background:var(--d0);max-height:440px;color:var(--ink);font-family:var(--font-data);tab-size:2;margin:0;padding:14px 14px 16px;font-size:12px;line-height:1.6;overflow:auto}.code-copy{background:var(--d1);padding:4px 9px 5px;font-size:12px;position:absolute;top:6px;right:6px}.box[data-layout=wide]{grid-template-columns:minmax(0,1fr)}.box[data-layout=wide] .margin{order:-1;grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:start;column-gap:32px;max-height:none;padding:12px 4px 14px;display:grid}.box[data-layout=wide] .margin-head{grid-template-columns:minmax(170px,.24fr) minmax(0,1fr);align-items:start;column-gap:28px;display:grid}.box[data-layout=wide] .margin-head h1{grid-row:span 2;margin:0}.box[data-layout=wide] #active-desc{max-width:none}.box[data-layout=wide] .synthetic{margin-top:6px;padding-top:6px}.box[data-layout=wide] .margin-controls,.box[data-layout=wide] .margin-foot{display:none}.box[data-layout=wide] .code-block{align-self:start;margin-top:6px}@media (width<=1100px){.box{grid-template-columns:minmax(0,1fr)}.film{min-height:clamp(380px,62vh,720px)}.margin{max-height:none;padding:20px 4px 8px}.room-tag{display:none}.room-head{justify-content:space-between}}@media (width<=620px){.room{padding:0 0 16px}.room-head{gap:16px;padding:14px 16px 12px}.room-links{gap:14px;font-size:13px}.room-links a:nth-child(2){display:none}.film{min-height:68vh}.film-corner{max-width:48%;font-size:10.5px}.film-corner-bl,.film-corner-br{bottom:40px}.film-corner-tl{max-width:calc(50% - 30px)}.film-corner-tl .film-line[data-corner=tr]{justify-content:flex-start}.film-corner-tl .film-line:not([data-corner=tr])+.film-line[data-corner=tr]{margin-top:6px}.film-line{white-space:normal;flex-wrap:wrap;gap:0 8px}.film-line-value{text-overflow:clip;overflow-wrap:anywhere;overflow:visible}.film-edge #perf-text{display:none}.margin{padding:18px 16px 8px}.box[data-layout=wide] .margin{grid-template-columns:minmax(0,1fr);padding:14px 16px}.box[data-layout=wide] .margin-head{grid-template-columns:minmax(0,1fr)}.box[data-layout=wide] .margin-head h1{grid-row:auto;margin-bottom:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}