@font-face{font-family:Archivo;src:url(/design/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}:root{color-scheme:light;--color-bg: #f3eee4;--color-surface: #fbf8f2;--color-surface-sunken: #e6dfd1;--color-border: #d5ccbb;--color-text: #1b1713;--color-text-muted: #675e52;--color-primary: #c43716;--color-primary-soft: rgb(196 55 22 / .1);--color-on-primary: #fff7ef;--color-accent: #93590a;--color-success: #2e6f45;--color-danger: #a8203f;--color-film: #17130f;--color-film-frame: #241e19;--color-film-edge: #e9a63e;--color-film-text: #f2eadd;--color-film-muted: #a89c8c;--font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 11px;--text-xs-lh: 14px;--text-sm: 13px;--text-sm-lh: 18px;--text-md: 16px;--text-md-lh: 24px;--text-lg: clamp(22px, 1.4rem + .8vw, 32px);--text-lg-lh: 1.15;--text-xl: clamp(44px, 1.6rem + 6.4vw, 112px);--text-xl-lh: .92;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-heavy: 800;--stretch-condensed: 75%;--stretch-normal: 100%;--stretch-wide: 125%;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 2px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 50%;--shadow-strip: 0 1px 0 rgb(27 23 19 / .06), 0 12px 32px -12px rgb(27 23 19 / .28);--ease-spring: linear(0, .0445 4.2%, .1504 8.3%, .285 12.5%, .4262 16.7%, .5597 20.8%, .6775 25%, .7761 29.2%, .8548 33.3%, .9148 37.5%, .9585 41.7%, .9887 45.8%, 1.008 50%, 1.0192 54.2%, 1.0244 58.3%, 1.0256 62.5%, 1.0243 66.7%, 1.0214 70.8%, 1.0179 75%, 1.0143 79.2%, 1.0109 83.3%, 1.008 87.5%, 1.0055 91.7%, 1.0035 95.8%, 1);--duration-fast: .24s;--duration-base: .54s;--size-hairline: 1px;--size-focus: 2px;--size-icon: 20px;--size-hit: 32px;--size-control: 44px;--size-popup-width: 380px;--size-thumb-w: 72px;--size-thumb-h: 44px;--size-rail: 16px;--size-sprocket: 6px;--size-perf: 6px;--size-perf-gap: 4px;--size-content: 1120px;--size-prose: 620px;--opacity-disabled: .4;--opacity-fogged: .45}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0e0c0a;--color-surface: #191512;--color-surface-sunken: #070605;--color-border: #2d2722;--color-text: #f2eadd;--color-text-muted: #a2978a;--color-primary: #ff6633;--color-primary-soft: rgb(255 102 51 / .14);--color-on-primary: #1c0a03;--color-accent: #eda746;--color-success: #72c48f;--color-danger: #ff7d93;--color-film: #050403;--color-film-frame: #15110e;--shadow-strip: 0 1px 0 rgb(0 0 0 / .5), 0 12px 32px -12px rgb(0 0 0 / .7)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0e0c0a;--color-surface: #191512;--color-surface-sunken: #070605;--color-border: #2d2722;--color-text: #f2eadd;--color-text-muted: #a2978a;--color-primary: #ff6633;--color-primary-soft: rgb(255 102 51 / .14);--color-on-primary: #1c0a03;--color-accent: #eda746;--color-success: #72c48f;--color-danger: #ff7d93;--color-film: #050403;--color-film-frame: #15110e;--shadow-strip: 0 1px 0 rgb(0 0 0 / .5), 0 12px 32px -12px rgb(0 0 0 / .7)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}.vz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-control);padding:0 var(--space-5);border:var(--size-hairline) solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font:inherit;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-normal);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),background-color var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring)}.vz-btn:hover{background:color-mix(in oklab,var(--color-primary),var(--color-text) 14%);border-color:color-mix(in oklab,var(--color-primary),var(--color-text) 14%)}.vz-btn:active{transform:scale(.97)}.vz-btn:focus-visible,.vz-icon-btn:focus-visible,.vz-input:focus-visible{outline:var(--size-focus) solid var(--color-primary);outline-offset:var(--size-focus)}.vz-btn--quiet{background:transparent;border-color:var(--color-border);color:var(--color-text)}.vz-btn--quiet:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.vz-btn--small{min-height:var(--size-hit);padding:0 var(--space-3);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.vz-btn svg{width:var(--size-icon);height:var(--size-icon);flex:none}.vz-icon-btn{width:var(--size-hit);height:var(--size-hit);display:grid;place-items:center;flex:none;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring)}.vz-icon-btn:hover{background:var(--color-primary-soft)}.vz-icon-btn:active{transform:scale(.92)}.vz-icon-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.vz-icon-btn--primary:hover{background:color-mix(in oklab,var(--color-primary),var(--color-text) 14%)}.vz-icon-btn:disabled,.vz-btn:disabled{cursor:default;opacity:var(--opacity-disabled);transform:none}.vz-icon-btn svg{width:var(--size-icon);height:var(--size-icon)}.vz-input{width:100%;min-width:0;padding:0 0 var(--space-1);border:0;border-bottom:var(--size-hairline) solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text);font:inherit;text-overflow:ellipsis;transition:border-color var(--duration-fast) var(--ease-spring)}.vz-input:hover{border-bottom-color:var(--color-text-muted)}.vz-input:focus{outline:none;border-bottom-color:var(--color-primary)}.vz-edge{font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-condensed);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--color-accent)}.vz-badge{display:inline-block;padding:0 var(--space-1);border:var(--size-hairline) solid currentColor;border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-condensed);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.vz-strip{background:var(--color-surface);border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strip);overflow:hidden}.vz-frame{position:relative;display:grid;grid-template-columns:var(--size-rail) var(--size-thumb-w) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) 0;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-variant-numeric:tabular-nums;animation:vz-frame-in var(--duration-base) var(--ease-spring) both}.vz-frame+.vz-frame{border-top:var(--size-hairline) solid var(--color-border)}@keyframes vz-frame-in{0%{opacity:0;transform:translateY(var(--space-2))}}.vz-rail{align-self:stretch;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:calc(-1 * var(--space-3)) 0;background:var(--color-surface-sunken)}.vz-rail span{width:var(--size-sprocket);height:var(--size-sprocket);border-radius:var(--radius-sm);background:var(--color-surface)}.vz-thumb{width:var(--size-thumb-w);height:var(--size-thumb-h);display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-film) center / cover no-repeat;color:var(--color-film-edge)}.vz-thumb svg{width:var(--size-icon);height:var(--size-icon)}.vz-frame-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.vz-frame-name{font-weight:var(--weight-medium);border-bottom-color:transparent}.vz-frame-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-muted)}.vz-frame-meta>*{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vz-frame-note{margin:0;display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted)}.vz-frame-note svg{width:var(--text-sm-lh);height:var(--text-sm-lh);flex:none}.vz-frame-note.is-error{color:var(--color-danger)}.vz-frame-note.is-done{color:var(--color-success)}.vz-frame-actions{display:flex;gap:var(--space-1)}.vz-frame.is-fogged .vz-thumb,.vz-frame.is-fogged .vz-frame-name,.vz-frame.is-fogged .vz-frame-meta{opacity:var(--opacity-fogged)}.vz-perf{--vz-perf-value: 0%;position:relative;height:var(--size-perf);background:var(--color-surface-sunken);-webkit-mask:repeating-linear-gradient(90deg,#000 0 var(--size-perf),transparent var(--size-perf) calc(var(--size-perf) + var(--size-perf-gap)));mask:repeating-linear-gradient(90deg,#000 0 var(--size-perf),transparent var(--size-perf) calc(var(--size-perf) + var(--size-perf-gap)))}.vz-perf:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--vz-perf-value);background:var(--color-primary);transition:width var(--duration-base) var(--ease-spring)}.vz-frame .vz-perf{position:absolute;inset:auto var(--space-3) 0 calc(var(--size-rail) + var(--space-3));height:var(--size-sprocket);bottom:var(--space-1)}.vz-frame.has-progress{padding-bottom:var(--space-5)}.vz-popup{box-sizing:border-box;width:100%;max-width:var(--size-popup-width);padding:var(--space-4);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.vz-popup-head{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin-bottom:var(--space-3)}.vz-popup-mark{width:var(--size-icon);height:var(--size-icon);flex:none;color:var(--color-primary)}.vz-popup-title{margin:0;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight)}.vz-popup-host{min-width:0;margin:0 0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.vz-empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);text-align:center;color:var(--color-text-muted)}.vz-empty svg{width:var(--size-hit);height:var(--size-hit);color:var(--color-accent)}.vz-empty-title{margin:0;color:var(--color-text);font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-bold)}.vz-empty p{margin:0}.vz-select{position:relative;display:inline-flex;align-items:center;min-width:0;max-width:100%;color:var(--color-text)}.vz-select select{min-width:0;max-width:100%;margin:0;padding:0 calc(var(--text-xs-lh) + var(--space-1)) 0 var(--space-1);overflow:hidden;text-overflow:ellipsis;border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:inherit;font:inherit;font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-condensed);letter-spacing:var(--tracking-caps);font-variant-numeric:tabular-nums;appearance:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-spring)}.vz-select select:hover{border-color:var(--color-text-muted)}.vz-select select:focus-visible{outline:var(--size-focus) solid var(--color-primary);outline-offset:var(--size-hairline);border-color:var(--color-primary)}.vz-select select:disabled{cursor:default;opacity:var(--opacity-disabled)}.vz-select svg{position:absolute;right:var(--size-hairline);width:var(--text-xs-lh);height:var(--text-xs-lh);pointer-events:none;color:var(--color-text-muted)}.vz-page{box-sizing:border-box;max-width:calc(var(--size-prose) + var(--space-10));margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-9);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-md);line-height:var(--text-md-lh)}.vz-page-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-7)}.vz-page-head .vz-popup-mark{width:var(--size-hit);height:var(--size-hit)}.vz-page-title{margin:0;font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight)}.vz-page-nav{display:flex;gap:var(--space-1);margin-left:auto}.vz-section{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}.vz-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.vz-section-title{margin:0;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide)}.vz-fields{background:var(--color-surface);border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-lg)}.vz-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:var(--space-2) var(--space-6);padding:var(--space-4) var(--space-5)}.vz-field+.vz-field{border-top:var(--size-hairline) solid var(--color-border)}.vz-field-text{display:grid;gap:var(--space-1);min-width:0}.vz-field-label{font-weight:var(--weight-bold)}.vz-field-help{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.vz-field-help code{font:inherit;font-weight:var(--weight-bold);font-stretch:var(--stretch-condensed);color:var(--color-accent)}.vz-field--wide{grid-template-columns:minmax(0,1fr)}.vz-field .vz-input{font-size:var(--text-md);line-height:var(--text-md-lh)}.vz-field .vz-input--short{width:calc(var(--space-10) - var(--space-6));text-align:right;font-variant-numeric:tabular-nums}@media(max-width:560px){.vz-field{grid-template-columns:minmax(0,1fr)}.vz-field:has(>.vz-toggle){grid-template-columns:minmax(0,1fr) auto}.vz-field .vz-input--short{text-align:left}}.vz-toggle{position:relative;flex:none;width:calc(var(--space-7) - var(--space-2));height:var(--space-5);margin:0;border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);appearance:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring)}.vz-toggle:after{content:"";position:absolute;top:calc(var(--space-1) - var(--size-hairline));left:calc(var(--space-1) - var(--size-hairline));width:var(--space-4);height:var(--space-4);border-radius:var(--radius-sm);background:var(--color-text-muted);transition:transform var(--duration-base) var(--ease-spring),background-color var(--duration-fast) var(--ease-spring)}.vz-toggle:checked{background:var(--color-primary);border-color:var(--color-primary)}.vz-toggle:checked:after{background:var(--color-on-primary);transform:translate(var(--space-4))}.vz-toggle:focus-visible{outline:var(--size-focus) solid var(--color-primary);outline-offset:var(--size-focus)}.vz-toggle:disabled{cursor:default;opacity:var(--opacity-disabled)}.vz-history{margin:0;padding:0;list-style:none;background:var(--color-surface);border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.vz-history-row{display:grid;grid-template-columns:var(--size-thumb-w) minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.vz-history-row+.vz-history-row{border-top:var(--size-hairline) solid var(--color-border)}.vz-history-body{display:grid;gap:var(--space-1);min-width:0}.vz-history-body>*{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vz-history-title{font-weight:var(--weight-bold)}.vz-history-file{color:var(--color-text-muted)}.vz-history-row.is-missing .vz-thumb,.vz-history-row.is-missing .vz-history-file{opacity:var(--opacity-fogged)}@media(max-width:480px){.vz-history-row{grid-template-columns:minmax(0,1fr) auto}.vz-history-row .vz-thumb{display:none}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;overflow-x:clip;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-md);line-height:var(--text-md-lh);-webkit-font-smoothing:antialiased;transition:background-color var(--duration-base) var(--ease-spring),color var(--duration-base) var(--ease-spring)}a{color:inherit;text-underline-offset:var(--space-1)}p{margin:0}code{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font:inherit;font-stretch:var(--stretch-condensed);font-weight:var(--weight-medium)}.skip{position:absolute;left:var(--space-4);top:calc(-1 * var(--space-9));padding:var(--space-2) var(--space-3);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);z-index:2}.skip:focus{top:var(--space-4)}.when-dark{display:none}:root[data-theme=dark] .when-dark{display:block}:root[data-theme=dark] .when-light{display:none}.top{display:flex;align-items:center;gap:var(--space-5);max-width:var(--size-content);margin:0 auto;padding:var(--space-4)}.top-logo,.foot-logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none}.top-mark{width:calc(var(--size-icon) * 1.155);height:var(--size-icon);color:var(--color-primary)}.top-word{width:calc(var(--text-sm-lh) * 5.37);height:var(--text-sm-lh)}.top-nav{display:flex;gap:var(--space-5);margin-left:auto;font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:var(--weight-medium)}.top-nav a{text-decoration:none;transition:color var(--duration-fast) var(--ease-spring)}.top-nav a:hover{color:var(--color-primary)}.theme-toggle{margin-left:var(--space-1)}@media(max-width:720px){.top-nav{display:none}.theme-toggle{margin-left:auto}}.hero{max-width:var(--size-content);margin:0 auto;padding:var(--space-9) var(--space-4) var(--space-8);text-align:center}.hero-mark{display:block;width:var(--space-9);margin:0 auto;overflow:visible;fill:var(--color-primary)}.hero-mark-drop{animation:drop var(--duration-base) var(--ease-spring) var(--duration-fast) both}@keyframes drop{0%{opacity:0;transform:translateY(calc(-1 * var(--space-5)))}}.hero-title{max-width:14ch;margin:var(--space-6) auto var(--space-5);font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight);text-wrap:balance}.hero-lede{max-width:var(--size-prose);margin:0 auto;color:var(--color-text-muted);text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.hero-edge{margin-top:var(--space-5)}.paste{max-width:var(--size-prose);margin:0 auto;padding:0 var(--space-4);text-align:center}.paste .section-lede{margin-inline:auto}.paste-form{display:flex;align-items:flex-end;gap:var(--space-4);margin-top:var(--space-6)}.paste-label{position:absolute;width:var(--size-hairline);height:var(--size-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.paste-input{flex:1;min-height:var(--size-control);padding-top:var(--space-2);font-size:var(--text-md);line-height:var(--text-md-lh)}.paste-input::placeholder{color:var(--color-text-muted)}.paste-form[aria-busy=true] .vz-btn{cursor:progress}.paste-edge{margin-top:var(--space-3)}.paste-note{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);text-wrap:pretty}.paste-note.is-error{color:var(--color-text)}.paste-note svg{flex:none;width:var(--text-sm-lh);height:var(--text-sm-lh);color:var(--color-danger)}.paste-note a{color:var(--color-primary);font-weight:var(--weight-bold)}.paste-strip{margin-top:var(--space-5);text-align:left}.paste-strip .vz-select[hidden]{display:none}@media(max-width:520px){.paste-form{flex-direction:column;align-items:stretch}}.section-head{max-width:var(--size-content);margin:0 auto var(--space-6);padding:0 var(--space-4)}.section-head--center{text-align:center}.section-head--center .section-lede{margin-inline:auto}.section-title{margin:0 0 var(--space-3);font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight);text-wrap:balance}.section-lede{max-width:var(--size-prose);color:var(--color-text-muted);text-wrap:pretty}.demo{padding:var(--space-8) 0 var(--space-9)}.scene{position:relative;max-width:var(--size-content);margin:0 auto;padding:0 var(--space-4)}.browser{overflow:hidden;background:var(--color-surface);border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strip)}.browser-bar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--size-control);padding:0 var(--space-3);background:var(--color-surface-sunken);border-bottom:var(--size-hairline) solid var(--color-border)}.browser-dots{display:flex;gap:var(--space-1)}.browser-dots i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-border)}.browser-url{flex:1;min-width:0;padding:var(--space-1) var(--space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.browser-ext{position:relative;display:grid;place-items:center;width:var(--size-hit);height:var(--size-hit);padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-spring)}.browser-ext:hover,.browser-ext[aria-expanded=true]{background:var(--color-primary-soft)}.browser-ext:focus-visible{outline:var(--size-focus) solid var(--color-primary);outline-offset:var(--size-focus)}.browser-ext svg{width:var(--size-icon);height:var(--size-icon)}.browser-ext-count{position:absolute;top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));min-width:var(--space-4);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);line-height:var(--text-xs-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-condensed);font-variant-numeric:tabular-nums;animation:vz-frame-in var(--duration-base) var(--ease-spring) both}.page{display:grid;gap:var(--space-4);padding:var(--space-5)}.player{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-film)}.player-canvas{display:block;width:100%;height:100%}.player-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:var(--space-8);height:var(--space-8);padding:0;border:0;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transform:translate(-50%,-50%);transition:opacity var(--duration-fast) var(--ease-spring),transform var(--duration-fast) var(--ease-spring)}.player-play svg{width:var(--size-hit);height:var(--size-hit)}.player-play:active{transform:translate(-50%,-50%) scale(.94)}.player-play:focus-visible{outline:var(--size-focus) solid var(--color-film-edge);outline-offset:var(--size-focus)}.player-play .when-playing,.player.is-playing .player-play .when-paused{display:none}.player.is-playing .player-play .when-playing{display:block}.player.is-playing .player-play{opacity:0}.player.is-playing:hover .player-play,.player.is-playing .player-play:focus-visible{opacity:1}.player-tc{position:absolute;right:var(--space-3);bottom:var(--space-2);color:var(--color-film-edge)}.page-title{font-weight:var(--weight-bold)}.page-meta{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.shelf{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:var(--size-hairline) solid var(--color-border);background:var(--color-surface-sunken);font-size:var(--text-sm);line-height:var(--text-sm-lh);animation:vz-frame-in var(--duration-base) var(--ease-spring) both}.shelf[hidden]{display:none}.shelf svg{width:var(--size-icon);height:var(--size-icon);flex:none;color:var(--color-success)}.shelf-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-medium)}.shelf .vz-edge{margin-left:auto;color:var(--color-text-muted)}.scene-popup{border:var(--size-hairline) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-strip)}.scene-popup .vz-strip{box-shadow:none}.scene-popup[hidden]{display:none}@media(min-width:900px){.page{min-height:calc(var(--space-10) * 4.5);padding-right:calc(var(--size-popup-width) + var(--space-6))}.scene-popup{position:absolute;top:calc(var(--size-control) + var(--space-1));right:var(--space-5);transform-origin:top right;animation:popup-in var(--duration-base) var(--ease-spring) both}}@media(max-width:899px){.scene-popup{max-width:none;margin-top:var(--space-4)}}@keyframes popup-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2))) scale(.98)}}.demo-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;padding:0 var(--space-4);list-style:none;color:var(--color-text-muted)}.demo-steps li{transition:color var(--duration-fast) var(--ease-spring)}.demo-steps li.is-active{color:var(--color-primary)}.demo-steps li.is-done{color:var(--color-accent)}.formats{padding:var(--space-9) 0}.reel{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-4);background:var(--color-film);scrollbar-width:thin;scrollbar-color:var(--color-film-muted) var(--color-film)}.reel:focus-visible{outline:var(--size-focus) solid var(--color-primary);outline-offset:calc(-1 * var(--size-focus))}.reel:before,.reel:after{content:"";display:block;min-width:100%;width:calc(var(--space-10) * 14);height:var(--space-2);margin:var(--space-3) 0;background:var(--color-bg);-webkit-mask:repeating-linear-gradient(90deg,#000 0 var(--space-3),transparent var(--space-3) var(--space-6));mask:repeating-linear-gradient(90deg,#000 0 var(--space-3),transparent var(--space-3) var(--space-6))}.reel-strip{display:flex;gap:var(--space-1);width:max-content;margin:0;padding:0 var(--space-4);list-style:none}.reel-frame{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4);flex:none;width:calc(var(--space-10) + var(--space-9));min-height:calc(var(--space-10) * 2);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-film-frame);color:var(--color-film-text);scroll-snap-align:start}.reel-edge{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--color-film-muted)}.reel-frame.is-now{box-shadow:inset 0 calc(-1 * var(--size-sprocket)) 0 var(--color-film-edge)}.reel-frame.is-now .reel-edge span:last-child{color:var(--color-film-edge)}.reel-label{align-self:center;font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight)}.reel-text{color:var(--color-film-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.reel-text svg{width:var(--text-sm-lh);height:var(--text-sm-lh);vertical-align:text-bottom}.reel-frame.is-fogged .reel-label{opacity:var(--opacity-fogged)}.how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);max-width:var(--size-content);margin:0 auto;padding:var(--space-9) var(--space-4)}.how-head{position:sticky;top:var(--space-6);align-self:start}.how-strip{position:relative;display:grid;gap:var(--space-1);margin:0;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-7);list-style:none;border-radius:var(--radius-lg);background:var(--color-film)}.how-strip:before{content:"";position:absolute;inset:var(--space-3) auto var(--space-3) var(--space-4);width:var(--space-3);background:var(--color-bg);-webkit-mask:repeating-linear-gradient(180deg,#000 0 var(--space-2),transparent var(--space-2) var(--space-5));mask:repeating-linear-gradient(180deg,#000 0 var(--space-2),transparent var(--space-2) var(--space-5))}.how-frame{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-sm);background:var(--color-film-frame);color:var(--color-film-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.how-no{color:var(--color-film-edge)}.how-title{margin:0 0 var(--space-2);color:var(--color-film-text);font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-wide)}.how-log{display:block;margin-top:var(--space-3);padding:0;background:none;color:var(--color-film-edge);overflow-wrap:anywhere}@media(max-width:860px){.how{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.how-head{position:static}}.install{padding:var(--space-9) var(--space-4)}.leader{max-width:calc(var(--size-prose) + var(--space-10) + var(--space-8));margin:0 auto;padding:0;list-style:none}.leader-step{display:grid;grid-template-columns:calc(var(--space-10) + var(--space-6)) minmax(0,1fr);gap:var(--space-6);align-items:center;padding:var(--space-6) 0;border-top:var(--size-hairline) solid var(--color-border)}.leader-step:last-child{border-bottom:var(--size-hairline) solid var(--color-border)}.leader-count{position:relative;display:grid;place-items:center;aspect-ratio:1;color:var(--color-primary);font-size:var(--text-xl);line-height:var(--text-xl-lh);font-weight:var(--weight-heavy);font-stretch:var(--stretch-wide);font-variant-numeric:tabular-nums}.leader-count svg{position:absolute;inset:0;fill:none;stroke:var(--color-border);stroke-width:var(--size-hairline);vector-effect:non-scaling-stroke}.leader-count svg *{vector-effect:non-scaling-stroke}.leader-count span{position:relative}.leader-title{margin:0 0 var(--space-2);font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-wide)}.leader-body p{color:var(--color-text-muted)}.leader-cta{margin-top:var(--space-4)}.leader-start{margin-top:var(--space-6);text-align:center}@media(max-width:600px){.leader-step{grid-template-columns:var(--space-9) minmax(0,1fr);gap:var(--space-4);align-items:start}}.foot{display:grid;justify-items:center;gap:var(--space-3);max-width:var(--size-content);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-7);border-top:var(--size-hairline) solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5)}.foot-links a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text);font-weight:var(--weight-medium)}.foot-links svg{width:var(--text-sm-lh);height:var(--text-sm-lh)}.prose{display:grid;gap:var(--space-4);max-width:var(--size-prose);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-9)}.prose>p:not(.vz-edge){color:var(--color-text-muted)}.prose-head{margin:var(--space-5) 0 0;font-size:var(--text-md);line-height:var(--text-md-lh);font-weight:var(--weight-bold);font-stretch:var(--stretch-wide)}.prose-list{display:grid;gap:var(--space-1);margin:0}.prose-list dt{margin-top:var(--space-3);font-weight:var(--weight-bold)}.prose-list dd{margin:0;color:var(--color-text-muted)}