@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./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(./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(./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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(./ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(./ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(./ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");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{--bg:#f2f0eb;--panel:#f2f0eb;--ink:#151515;--ink-soft:#3b3a37;--muted:#74706a;--rule:#dad6cd;--rule-strong:#b3ada2;--stage:#141414;--on-stage:#f2f0eb;--on-stage-muted:#f2f0eb99;--on-stage-rule:#f2f0eb2e;--signal:#ffd60a;--signal-hover:#f5c900;--on-signal:#151515;--ok:#1f9d55;--danger:#b3261e;--sans:"Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--bar-h:60px;--panel-w:360px;--gutter:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--panel:#151515;--ink:#eeebe5;--ink-soft:#c9c5bd;--muted:#8e8a82;--rule:#262523;--rule-strong:#46443f;--stage:#000;--ok:#3ddc84;--danger:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;flex-direction:column;margin:0;display:flex}[hidden]{display:none!important}button,input,a{font:inherit;color:inherit}main{flex-direction:column;flex:1;display:flex}.bar{height:var(--bar-h);padding:0 max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand-logo{width:32px;height:32px}.brand-name{font-size:23px;font-weight:800;font-stretch:75%;line-height:1}.status{min-width:0;font:12px/1.3 var(--mono);color:var(--muted);text-align:right;align-items:center;gap:8px;margin:0;display:flex}.status-dot{background:var(--muted);flex:none;width:8px;height:8px}.status[data-state=loading] .status-dot{background:var(--signal);animation:1s steps(2,start) infinite blink}.status[data-state=ready] .status-dot{background:var(--ok)}.status[data-state=error] .status-dot{background:var(--danger)}@keyframes blink{to{visibility:hidden}}@media (prefers-color-scheme:dark){.brand-logo{filter:drop-shadow(0 0 1px #ffffffb3)}}.error{margin:16px var(--gutter) 0;border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent);color:var(--danger);padding:12px 14px;font-size:14px}.landing{width:100%;max-width:1240px;padding:clamp(28px, 6vw, 72px) var(--gutter) 48px;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""finder""specs";gap:28px;margin:0 auto;display:grid}@media (min-width:960px){.landing{grid-template:"intro finder""specs finder"1fr/minmax(0,5fr) minmax(0,7fr);align-items:start;gap:36px 56px}}.landing-intro{grid-area:intro}.landing h1{letter-spacing:-.012em;text-wrap:balance;margin:0 0 18px;font-size:clamp(2.9rem,7.4vw,5.6rem);font-weight:800;font-stretch:72%;line-height:.92}.blur-word{filter:blur(.055em)}.lede{max-width:32em;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:17px}.specs{border-top:1.5px solid var(--ink);grid-area:specs;margin:0}.specs div{border-bottom:1px solid var(--rule);grid-template-columns:96px 1fr;gap:12px;padding:11px 0;display:grid}.specs dt{font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:2px}.specs dd{margin:0}.finder{--corner:var(--signal);background:var(--stage);height:clamp(260px,72vw,360px);color:var(--on-stage);cursor:pointer;flex-direction:column;grid-area:finder;justify-content:center;align-items:center;gap:14px;display:flex;position:relative;overflow:hidden}@media (min-width:960px){.finder{aspect-ratio:16/11;height:auto}}.finder:before{content:"";pointer-events:none;background:linear-gradient(var(--corner) 0 0) top left / 28px 3px no-repeat, linear-gradient(var(--corner) 0 0) top left / 3px 28px no-repeat, linear-gradient(var(--corner) 0 0) top right / 28px 3px no-repeat, linear-gradient(var(--corner) 0 0) top right / 3px 28px no-repeat, linear-gradient(var(--corner) 0 0) bottom left / 28px 3px no-repeat, linear-gradient(var(--corner) 0 0) bottom left / 3px 28px no-repeat, linear-gradient(var(--corner) 0 0) bottom right / 28px 3px no-repeat, linear-gradient(var(--corner) 0 0) bottom right / 3px 28px no-repeat;transition:inset .18s;position:absolute;inset:18px}.finder:hover:before,.finder.dragging:before{inset:10px}.finder:focus-within{outline:3px solid var(--signal);outline-offset:3px}.finder input{z-index:1;opacity:0;cursor:pointer;position:absolute;inset:0}.finder-cta{background:var(--signal);color:var(--on-signal);padding:15px 24px;font-size:18px;font-weight:700;font-stretch:85%;line-height:1}.finder:hover .finder-cta{background:var(--signal-hover)}.finder-hint{font:12px var(--mono);color:var(--on-stage-muted)}.finder-meta{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-stage-muted);position:absolute;bottom:34px}.finder-meta-start{left:42px}.finder-meta-end{right:42px}@media (hover:none){.finder-hint{display:none}}.workspace{display:grid}@media (min-width:960px){.workspace{grid-template-columns:minmax(0, 1fr) var(--panel-w);height:calc(100dvh - var(--bar-h))}}.stage{min-width:0;min-height:0;padding:14px var(--gutter) 16px;background:var(--stage);color:var(--on-stage);flex-direction:column;gap:12px;display:flex}.stage-head{align-items:center;gap:16px;min-height:30px;display:flex}.back-btn{border:1px solid var(--on-stage-rule);height:30px;color:var(--on-stage);font:500 12px/1 var(--mono);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:2px;flex:none;align-items:center;gap:6px;padding:0 12px 0 7px;transition:border-color .12s,color .12s;display:inline-flex}.back-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:16px;height:16px}.back-btn:hover{border-color:var(--signal);color:var(--signal)}.back-btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.file-meta{min-width:0;font:12px/1.4 var(--mono);color:var(--on-stage-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.screen{height:min(58dvh, calc((100vw - 2 * var(--gutter)) / var(--ratio,1.7778)));flex:none;place-items:center;display:grid;container-type:size}@media (max-width:959px){#progress .screen{height:min(40dvh, calc((100vw - 2 * var(--gutter)) / var(--ratio,1.7778)))}}@media (min-width:960px){.screen{flex:1;height:auto;min-height:0}}.viewport{width:min(100cqw, 100cqh * var(--ratio,1.7778));aspect-ratio:var(--ratio,1.7778);background:#000;position:relative}.viewport video,.viewport canvas{width:100%;height:100%;position:absolute;inset:0}#video{opacity:0;pointer-events:none}#view{cursor:pointer}.overlay{color:var(--on-stage);font:12px var(--mono);text-align:center;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.loader{background:var(--on-stage-rule);width:120px;height:2px;position:relative;overflow:hidden}.loader:after{content:"";background:var(--signal);width:40%;animation:1.1s ease-in-out infinite slide;position:absolute;top:0;bottom:0;left:-40%}@keyframes slide{to{left:100%}}.transport{align-items:center;gap:14px;display:flex}.play{background:var(--signal);width:44px;height:44px;color:var(--on-signal);cursor:pointer;border:0;border-radius:2px;flex:none;place-items:center;padding:0;display:grid}.play:hover{background:var(--signal-hover)}.play:disabled{opacity:.4;cursor:wait}.play:focus-visible{outline:2px solid var(--on-stage);outline-offset:3px}.play svg{fill:currentColor;width:20px;height:20px}.play .i-pause,.play.playing .i-play{display:none}.play.playing .i-pause{display:block}.time,.stats{font:12px/1.4 var(--mono);color:var(--on-stage-muted);font-variant-numeric:tabular-nums}.time{flex:none}.stats{min-height:1.4em;margin:0}.preview-note{color:var(--on-stage-muted);font-size:13px;line-height:1.45}.preview-note summary{cursor:pointer;list-style:none}.preview-note summary::-webkit-details-marker{display:none}.preview-note .why{color:var(--on-stage);text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.preview-note summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.preview-note p{max-width:60em;margin:6px 0 0}:where(input[type=range]){--fill:0%;--track:var(--rule-strong);--track-fill:var(--ink);--thumb:var(--ink)}input[type=range]{cursor:pointer;appearance:none;background:0 0;width:100%;height:24px;margin:0}input[type=range]:focus-visible{outline:2px solid var(--signal);outline-offset:4px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-fill) 0 0) 0 / var(--fill) 100% no-repeat, var(--track);height:2px}input[type=range]::-webkit-slider-thumb{background:var(--thumb);-webkit-appearance:none;border:0;border-radius:1px;width:12px;height:20px;margin-top:-9px}input[type=range]::-moz-range-track{background:var(--track);height:2px}input[type=range]::-moz-range-progress{background:var(--track-fill);height:2px}input[type=range]::-moz-range-thumb{background:var(--thumb);border:0;border-radius:1px;width:12px;height:20px}.scrub{--track:var(--on-stage-rule);--track-fill:var(--signal);--thumb:var(--on-stage);flex:1;min-width:0}input[type=range].scrub::-webkit-slider-thumb{width:4px;height:18px;margin-top:-8px}input[type=range].scrub::-moz-range-thumb{width:4px;height:18px}.panel{min-height:0;padding:22px var(--gutter) 0;background:var(--panel);flex-direction:column;gap:24px;display:flex}@media (min-width:960px){.panel{border-left:1px solid var(--rule);overflow-y:auto}}.panel-title{margin:0;font-size:30px;font-weight:800;font-stretch:75%;line-height:1}.field{flex-direction:column;gap:10px;display:flex}.label{font:500 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.label output{text-transform:none;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.scale{font:11px var(--mono);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.help{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.help.warn{color:var(--danger)}.choice{border:1px solid var(--rule-strong);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.choice label{position:relative}.choice label+label{border-left:1px solid var(--rule-strong)}.choice input{opacity:0;pointer-events:none;position:absolute}.choice span{text-align:center;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;padding:9px 6px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:block}.choice label:hover span{background:color-mix(in srgb, var(--ink) 7%, transparent)}.choice input:checked+span{background:var(--ink);color:var(--bg)}.choice input:focus-visible+span{outline:2px solid var(--signal);outline-offset:-5px}.switch{cursor:pointer;align-items:center;gap:12px;font-size:14px;display:flex}.switch input{border:1.5px solid var(--rule-strong);cursor:pointer;appearance:none;flex:none;width:36px;height:20px;margin:0;transition:background .12s,border-color .12s;position:relative}.switch input:after{content:"";background:var(--muted);width:11px;height:11px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked{border-color:var(--signal);background:var(--signal)}.switch input:checked:after{background:var(--on-signal);transform:translate(16px)}.switch input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.switch small{font:11px var(--mono);color:var(--muted);display:block}.text-btn{color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;text-decoration:underline;text-decoration-thickness:1px}.text-btn:hover{color:var(--ink)}.text-btn.on-stage{font:12px var(--mono);color:var(--on-stage-muted);flex:none;align-self:center;position:relative}.text-btn.on-stage:hover{color:var(--on-stage)}.text-btn:has(:focus-visible){outline:2px solid var(--signal);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.primary,.secondary{width:100%;min-height:52px;font-family:var(--sans);letter-spacing:.01em;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0 20px;font-size:17px;font-weight:700;font-stretch:85%;text-decoration:none;display:flex}.primary{background:var(--signal);color:var(--on-signal);border:0}.primary:hover{background:var(--signal-hover)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{border:1.5px solid var(--ink);color:var(--ink);background:0 0}.secondary:hover{background:var(--ink);color:var(--bg)}.primary:focus-visible,.secondary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.primary:active,.secondary:active{transform:translateY(1px)}.panel-foot{margin:auto calc(-1 * var(--gutter)) 0;padding:16px var(--gutter) max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:var(--panel);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.foot-links{justify-content:space-between;gap:12px;padding-top:4px;display:flex}.bar-track{background:var(--on-stage-rule);height:3px}#bar-fill{background:var(--signal);width:0;height:100%;transition:width .2s linear}.big-number{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(56px,15vw,76px);font-weight:800;font-stretch:72%;line-height:.9}.mono-line{font:13px var(--mono);color:var(--ink-soft);margin:-8px 0 0}.foot{padding:16px var(--gutter) max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--rule);font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;gap:6px 24px;display:flex}.foot a{color:inherit}body[data-step]:not([data-step=pick]) .foot{display:none}a.brand{color:inherit;text-decoration:none}.bar .text-btn{align-self:center}.doc{width:100%;max-width:760px;padding:clamp(28px, 6vw, 64px) var(--gutter) 56px;margin:0 auto}.doc h1{letter-spacing:-.012em;text-wrap:balance;margin:0 0 16px;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:800;font-stretch:72%;line-height:.95}.doc h2{border-top:1.5px solid var(--ink);margin:48px 0 14px;padding-top:14px;font-size:28px;font-weight:800;font-stretch:75%;line-height:1.1}.doc p,.doc li{font-size:16px;line-height:1.6}.doc p{text-wrap:pretty;margin:0 0 12px}.doc a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}.flow{margin:0;padding:0;list-style:none}.flow li{border-bottom:1px solid var(--rule);grid-template-columns:44px 1fr;gap:12px;padding:14px 0;display:grid}.flow-num{font:500 12px var(--mono);color:var(--muted);padding-top:3px}.flow strong{font-size:18px;font-weight:700;font-stretch:85%}.flow p{color:var(--ink-soft);margin:4px 0 0}.credits{margin:0;padding-left:1.2em}.credits li{margin-bottom:6px}.doc .credits-all{margin-top:16px}.legal h1{letter-spacing:0;font-size:30px;font-weight:700;font-stretch:100%;line-height:1.2}.legal h2{border-top:0;margin:32px 0 8px;padding-top:0;font-size:18px;font-weight:700;font-stretch:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}