@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/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(/_astro/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(/_astro/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}.ox{--ox-bg:#0b0b0e;--ox-raise:#131318;--ox-ink:#f5f5f8;--ox-muted:#a3a3ad;--ox-faint:#7c7c87;--ox-line:#f5f5f81a;--ox-peach:#ffb07a;--ox-orange:#fc6b33;--ox-go:#4ade80;--ox-wire:linear-gradient(90deg, #f5f5f8 0%, #ffb07a 52%, #fc6b33 100%);--ox-gutter:clamp(16px, 4.2vw, 64px);--ox-wrap:min(1360px, 100% - 2 * var(--ox-gutter));--ox-radius:14px;--ox-ease:cubic-bezier(.2, .9, .25, 1);--ox-display:"Archivo Variable", var(--font-display), sans-serif;isolation:isolate;background:var(--ox-bg);color:var(--ox-ink);font-family:var(--font-sans);font-size:1.0625rem;line-height:1.55;position:relative;overflow-x:clip}.ox:after{content:"";z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ox :where(h1,h2,h3,p,ol,ul,figure){margin:0}.ox :where(ol,ul){padding:0;list-style:none}.ox :where(a,button,input):focus-visible{outline:2px solid var(--ox-peach);outline-offset:3px}.ox ::selection{background:var(--ox-orange);color:#0b0b0e}.ox-display{font-family:var(--ox-display);letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.9rem,7.4vw,8.6rem);font-weight:780;font-stretch:112%;line-height:.9}.ox-heading{font-family:var(--ox-display);letter-spacing:-.042em;text-wrap:balance;font-size:clamp(2.2rem,4.7vw,4.8rem);font-weight:740;font-stretch:108%;line-height:.95}.ox-body{color:var(--ox-muted);max-width:48ch;font-size:clamp(1rem,1.1vw,1.125rem)}.ox-mono{color:var(--ox-faint);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.8125rem}.ox-split-line-mask{margin-bottom:-.14em;padding-bottom:.14em}.ox-actions{flex-wrap:wrap;gap:12px;display:flex}.ox-actions-center{justify-content:center}.ox-button{white-space:nowrap;height:54px;transition:transform .35s var(--ox-ease), background-color .25s, border-color .25s;border-radius:11px;align-items:center;gap:10px;padding:0 24px;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.ox-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .35s var(--ox-ease)}.ox-button-main{color:#160a04;background:var(--ox-orange);box-shadow:inset 0 1px #ffffff47,0 14px 34px -14px #fc6b33b3}.ox-button-main:hover{background:#ff8452}.ox-button-main:hover svg{transform:translateY(2px)}.ox-button-quiet{color:var(--ox-ink);backdrop-filter:blur(6px);background:#111115d1;border:1px solid #f5f5f824}.ox-button-quiet:hover{border-color:#f5f5f847}.ox-button:active{transform:scale(.97)}.ox-screen{border-radius:var(--ox-radius);box-shadow:0 0 0 1px #f5f5f817,0 40px 100px -40px #000000f2}.ox-chip{z-index:2;backdrop-filter:blur(8px);height:28px;color:var(--ox-ink);font:500 .75rem var(--font-mono);white-space:nowrap;pointer-events:none;background:#0b0b0eb8;border:1px solid #f5f5f81f;border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:inline-flex;position:absolute}.ox-chip-hot{color:var(--ox-peach)}.ox-chip-rec i{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.1s steps(2,jump-none) infinite ox-blink}@keyframes ox-blink{to{opacity:.25}}.ox-hero{margin-top:-4rem;padding:calc(4rem + clamp(28px,6vh,68px)) 0 clamp(72px,11vh,140px);position:relative}.ox-haze{z-index:-1;pointer-events:none;width:100%;height:min(118svh,1100px);position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 96%);mask-image:linear-gradient(#000 30%,#0000 96%)}.ox-haze-low{height:100%;top:auto;bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 55%);mask-image:linear-gradient(#0000 0%,#000 55%)}.ox-hero-head{width:var(--ox-wrap);gap:clamp(22px,3.6vh,40px);margin-inline:auto;display:grid}.ox-hero-title{font-family:var(--ox-display);letter-spacing:-.055em;font-size:clamp(2.5rem,8.1vw,9.2rem);font-weight:780;font-stretch:110%;line-height:.88}.ox-hero-line{margin:-.06em 0 -.14em;padding:.06em .06em .14em 0;display:block;overflow:hidden}.ox-hero-line>span{white-space:nowrap;display:block}.ox-hero-title em{background:var(--ox-wire);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.ox-hero-side{grid-template-columns:minmax(0,35rem) auto;justify-content:space-between;align-items:end;gap:24px 48px;display:grid}.ox-hero-lede{color:var(--ox-muted);text-wrap:pretty;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.45}.ox-hero-go{justify-items:end;gap:14px;display:grid}.ox-hero-stage{width:min(var(--ox-wrap), max(calc((100svh - 4rem - 12.5rem) * 16 / 9), min(var(--ox-wrap), 640px)));margin:clamp(40px,7vh,76px) auto 0}.ox-viewer{position:relative}.ox-viewer:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#fc6b3333,#0000);position:absolute;inset:-12% -8%}.ox-tick{pointer-events:none;border:0 solid #ffb07a8c;width:18px;height:18px;position:absolute}.ox-tick-a{border-width:1px 0 0 1px;top:-11px;left:-11px}.ox-tick-b{border-width:1px 1px 0 0;top:-11px;right:-11px}.ox-tick-c{border-width:0 0 1px 1px;bottom:-11px;left:-11px}.ox-tick-d{border-width:0 1px 1px 0;bottom:-11px;right:-11px}.ox-toggle{z-index:3;backdrop-filter:blur(10px);width:40px;height:40px;color:var(--ox-ink);cursor:pointer;background:#0b0b0e99;border:1px solid #f5f5f82e;border-radius:50%;place-items:center;transition:background-color .25s;display:grid;position:absolute;bottom:14px;right:14px}.ox-toggle:hover{background:#0b0b0ed9}.ox-toggle svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.ox-toggle-play{fill:currentColor;display:none}.ox-toggle[aria-pressed=true] .ox-toggle-play{display:block}.ox-toggle[aria-pressed=true] .ox-toggle-pause{display:none}.ox-strip{box-shadow:inset 0 0 0 1px var(--ox-line);cursor:ew-resize;touch-action:pan-y;user-select:none;background:#121216;border-radius:12px;grid-template-columns:76px minmax(0,1fr);gap:0 14px;margin-top:22px;padding:10px 16px 14px 14px;display:grid}.ox-strip-side,.ox-strip-lanes{grid-template-rows:22px repeat(3,26px);align-items:center;gap:5px;display:grid}.ox-strip-names{color:var(--ox-faint);font:500 .6875rem var(--font-sans);display:contents}.ox-timecode{color:var(--ox-ink);font:500 .75rem var(--font-mono);font-variant-numeric:tabular-nums}.ox-strip-lanes{position:relative}.ox-ruler{border-bottom:1px solid var(--ox-line);align-self:stretch;position:relative;overflow:hidden}.ox-ruler span{bottom:0;left:calc(var(--s) / var(--len,12) * 100%);height:7px;color:var(--ox-faint);font:500 .625rem/0 var(--font-mono);border-left:1px solid #f5f5f838;padding-left:5px;position:absolute}.ox-ruler span:nth-child(odd){height:100%;line-height:1.6}.ox-lane{background:#f5f5f808;border-radius:6px;align-self:stretch;position:relative}.ox-clip{top:0;bottom:0;left:calc(var(--a,0) * 100%);width:calc(var(--b,1) * 100%);color:#f5f5f8db;font:600 .6875rem var(--font-sans);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;transition:filter .3s;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #f5f5f81a}.ox-clip.is-on{filter:brightness(1.45)saturate(1.25)}.ox-clip-text{background:oklch(38% .05 175)}.ox-clip-video{background:oklch(38% .05 250)}.ox-clip-music{background:oklch(36% .06 150);padding:0}.ox-clip-music svg{fill:#f5f5f880;width:100%;height:76%}.ox-clip-video{align-items:flex-start;padding-top:2px;line-height:1.2}.ox-clip-marks i{bottom:2px;left:calc(var(--m) * 100%);width:6px;height:6px;transition:background-color .25s, scale .35s var(--ox-ease);background:#f5f5f866;border-radius:1.5px;margin-left:-3px;position:absolute;rotate:45deg}.ox-clip-marks i.is-on{background:oklch(90% .1 90);scale:1.35}.ox-strip-note{flex-wrap:wrap;justify-content:space-between;gap:4px 24px;margin-top:14px;padding-inline:2px;display:flex}.ox-playhead{top:0;bottom:-4px;left:calc(var(--p,0) * 100%);background:var(--ox-orange);pointer-events:none;width:1.5px;margin-left:-.75px;position:absolute}.ox-playhead:before{content:"";border:5.5px solid #0000;border-top:8px solid var(--ox-orange);border-bottom:0;position:absolute;top:0;left:50%;translate:-50%}.ox-section-head{width:var(--ox-wrap);gap:22px;margin:0 auto clamp(40px,6vh,72px);display:grid}.ox-section-head-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;column-gap:64px}.ox-how{position:relative}.ox-how-pin{width:var(--ox-wrap);grid-template-columns:minmax(0,23rem) minmax(0,1fr);align-items:center;gap:clamp(32px,4.6vw,80px);min-height:100svh;margin-inline:auto;padding-block:calc(4rem + 28px) 28px;display:grid}.ox-how .ox-heading{font-size:clamp(2rem,3.3vw,3.4rem)}.ox-stages{margin-top:clamp(28px,5vh,48px);display:grid}.ox-stage{opacity:.42;cursor:pointer;border-top:1px solid #f5f5f814;padding:16px 0 16px 46px;transition:opacity .45s;position:relative}.ox-stage:hover{opacity:.7}.ox-stage[aria-current]{opacity:1}.ox-stage-no{transition:color .45s;position:absolute;top:20px;left:0}.ox-stage[aria-current] .ox-stage-no{color:var(--ox-peach)}.ox-stage h3{font-family:var(--ox-display);letter-spacing:-.018em;font-size:1.22rem;font-weight:660}.ox-stage p{color:var(--ox-muted);max-width:38ch;margin-top:6px;font-size:.975rem}@media (width>=1001px){.ox-stage p{display:none}.ox-stage[aria-current] p{display:block}}.ox-how-screen{justify-items:end;min-width:0;display:grid}.ox-editor{background:#111115;border-radius:16px;width:min(100%,119svh - 4.76rem - 66.64px);overflow:hidden;box-shadow:0 0 0 1px #f5f5f81a,0 50px 120px -50px #000000f2}.ox-board{--zoom:1;--pan:0;aspect-ratio:calc(var(--bw) / var(--zoom)) / var(--bh);position:relative;overflow:hidden;container-type:inline-size}.ox-board-fit{width:calc(var(--bw) * 1px);height:calc(var(--bh) * 1px);transform-origin:0 0;transform:scale(calc(tan(atan2(100cqw, calc(var(--bw) * 1px))) * var(--zoom))) translateX(calc(var(--pan) * 1px));transition:transform .8s var(--ox-ease);background-image:radial-gradient(#f5f5f81a 1px,#0000 1.5px);background-position:9px 9px;background-size:20px 20px;position:absolute;top:0;left:0}.ox-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ox-wire,.ox-wire-flow{fill:none;stroke:var(--c);stroke-width:2px;stroke-linecap:round}.ox-wire{stroke-dasharray:1;opacity:.85}.ox-wire-flow{stroke:#fff;stroke-dasharray:.1 .9;opacity:0;animation:1.6s linear infinite ox-flow}.ox-editor:not([data-at="0"]) .ox-wire-flow{opacity:var(--flow,0)}@keyframes ox-flow{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ox-port{fill:var(--c)}.nd{color:#ededf0;width:136px;height:44px;font:600 12.5px var(--font-sans);white-space:nowrap;background:#1c1c21;border-radius:9px;align-items:center;gap:8px;padding:0 10px;transition:box-shadow .3s;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px -8px #0009}.nd-glyph{background:var(--c);color:#0b0b0e;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:grid}.nd.is-on{box-shadow:inset 0 0 0 1.5px var(--ox-go), 0 0 0 4px #4ade8029, 0 8px 18px -8px #0009}.ox-preview{background:#17171b;border-top:1px solid #f5f5f814;padding:12px;position:relative}.ox-preview .ox-screen{border-radius:9px;box-shadow:0 0 0 1px #f5f5f814}.ox-preview-empty{z-index:1;background:#0b0b0e;border-radius:9px;place-content:center;justify-items:center;gap:12px;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:12px;box-shadow:inset 0 0 0 1px #f5f5f814}.ox-preview-empty svg{width:44px;height:44px;fill:var(--ox-faint);background:#f5f5f80f;border-radius:50%;padding:12px}.ox-editor:not([data-at="0"]) .ox-preview-empty{opacity:0;visibility:hidden}.ox-preview .ox-chip{transition:opacity .4s;bottom:24px;right:24px}.ox-preview .ox-chip-rec{opacity:0;left:24px;right:auto}.ox-editor[data-at="0"] .ox-preview .ox-chip{opacity:0}.ox-editor[data-at="1"] .ox-preview .ox-chip-rec{opacity:1}.ox-again{padding-block:clamp(96px,14vh,180px)}.ox-again-stage{width:var(--ox-wrap);grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:center;gap:clamp(24px,3.5vw,56px);margin-inline:auto;display:grid}.ox-again-screen{position:relative}.ox-again-screen .ox-chip-rec{opacity:0;transition:opacity .3s;bottom:30px;left:14px}.ox-again-screen.is-recording .ox-chip-rec{opacity:1}.ox-again-screen .sc{transition:filter .4s}.ox-again-screen.is-swapping .sc{filter:brightness(.25)blur(6px)}.ox-run-progress{opacity:0;background:#f5f5f829;border-radius:3px;height:3px;transition:opacity .3s;position:absolute;inset:auto 14px 14px;overflow:hidden}.ox-again-screen.is-running .ox-run-progress{opacity:1}.ox-run-progress i{background:var(--ox-wire);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.ox-again-controls{gap:16px;display:grid}.ox-switch{box-shadow:inset 0 0 0 1px var(--ox-line);background:#f5f5f80d;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.ox-switch button{height:42px;color:var(--ox-muted);font:600 .95rem var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:9px;transition:background-color .3s,color .3s}.ox-switch button[aria-checked=true]{color:var(--ox-ink);background:#f5f5f81a}.ox-run{background:var(--ox-orange);color:#160a04;height:60px;font:700 1.05rem var(--font-sans);cursor:pointer;transition:transform .35s var(--ox-ease), filter .3s;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;display:inline-flex;box-shadow:inset 0 1px #ffffff47}.ox-run svg{fill:currentColor;width:18px;height:18px}.ox-run:hover{filter:brightness(1.08)}.ox-run:active{transform:scale(.97)}.ox-run[disabled]{cursor:progress;filter:saturate(.6)brightness(.85)}.ox-run-steps{gap:2px;margin-top:4px;display:grid}.ox-run-steps li{color:var(--ox-faint);padding:7px 0 7px 30px;font-size:.95rem;transition:color .3s;position:relative}.ox-run-steps li:before{content:"";border-radius:50%;width:16px;height:16px;transition:background-color .3s,box-shadow .3s;position:absolute;top:50%;left:2px;translate:0 -50%;box-shadow:inset 0 0 0 1.5px #f5f5f838}.ox-run-steps li[data-state=doing]{color:var(--ox-ink)}.ox-run-steps li[data-state=doing]:before{box-shadow:inset 0 0 0 1.5px var(--ox-go);animation:.7s steps(2,jump-none) infinite ox-blink}.ox-run-steps li[data-state=done]{color:var(--ox-muted)}.ox-run-steps li[data-state=done]:before{background:var(--ox-go) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.4 8.3 2.4 2.4 4.8-5' fill='none' stroke='%230b0b0e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain;box-shadow:none}.ox-run-log{min-height:3em;color:var(--ox-muted);font-size:.95rem}.ox-compare{padding-block:clamp(64px,8vh,120px) clamp(96px,14vh,180px)}.ox-compare-frame{width:var(--ox-wrap);aspect-ratio:16/9;border-radius:var(--ox-radius);touch-action:pan-y;margin-inline:auto;position:relative;box-shadow:0 0 0 1px #f5f5f817,0 40px 100px -40px #000000f2}.ox-compare-frame .sc{border-radius:var(--ox-radius);position:absolute;inset:0}.ox-compare-made{clip-path:inset(0 0 0 var(--split) round 0 var(--ox-radius) var(--ox-radius) 0)}.ox-compare-handle{top:0;bottom:0;left:var(--split);z-index:2;background:var(--ox-ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 24px #ffb07a99}.ox-compare-handle span{background:var(--ox-ink);border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 30px #00000080}.ox-compare-handle span:before,.ox-compare-handle span:after{content:"";border:7px solid #0000;width:0;height:0;position:absolute;top:50%;translate:0 -50%}.ox-compare-handle span:before{border-right-color:#0b0b0e;left:8px}.ox-compare-handle span:after{border-left-color:#0b0b0e;right:8px}.ox-compare-frame .ox-chip{bottom:16px}.ox-compare-tag-left{left:16px}.ox-compare-tag-right{right:16px}.ox-compare-range{z-index:3;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.ox-compare-frame:has(.ox-compare-range:focus-visible) .ox-compare-handle span{outline:2px solid var(--ox-peach);outline-offset:4px}.ox-kit{padding-block:clamp(64px,8vh,120px) clamp(96px,14vh,180px)}.ox-kit-grid{width:var(--ox-wrap);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"a a a a a a a a b b b b""c c c c d d d d b b b b""e e e e f f f f g g g g";align-items:start;gap:clamp(28px,3vw,44px) clamp(16px,2vw,28px);margin-inline:auto;display:grid}.ox-tile-text{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:16px;display:flex}.ox-tile-text h3{font-family:var(--ox-display);letter-spacing:-.015em;font-size:1.1rem;font-weight:660}.ox-tile-text p{color:var(--ox-muted);font-size:.95rem}.kt{aspect-ratio:16/9;border-radius:var(--ox-radius);background:#101014;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f5f5f817;container-type:inline-size}.kt-tall{aspect-ratio:9/16}.kt-tall .sc{width:100%}.kt-device{background:radial-gradient(60% 80% at 50% 110%,#fc6b3359,#0000 70%),#0e0e12}.kt-space{perspective:150cqw;perspective-origin:50% 38%;place-items:center;width:100%;height:100%;display:grid}.kt-laptop{width:52cqw;transform-style:preserve-3d;margin-top:-7cqw;position:relative}.kt-lid{transform-origin:50% 100%;backface-visibility:hidden;background:#1b1b20;border-radius:1.5cqw 1.5cqw .3cqw .3cqw;padding:1.1cqw 1.1cqw 1.6cqw;position:relative;box-shadow:inset 0 0 0 1px #f5f5f824}.kt-lid .sc{border-radius:.5cqw}.kt-deck{transform-origin:50% 0;background:linear-gradient(#3a3a41,#202025 30%,#17171b);border-radius:.4cqw .4cqw 2cqw 2cqw;width:105%;height:33cqw;position:absolute;top:100%;left:-2.5%;transform:rotateX(83deg);box-shadow:inset 0 0 0 1px #f5f5f81a}.kt-deck i{background:#f5f5f80d;border-radius:.8cqw;height:34%;position:absolute;bottom:9%;left:34%;right:34%;box-shadow:inset 0 0 0 1px #f5f5f812}.kt-captions{justify-items:center;display:grid;position:absolute;bottom:12%;left:7%;right:7%}.kt-captions p{font-family:var(--ox-display);letter-spacing:-.03em;color:#fff;text-shadow:0 .6cqw 2.4cqw #0000008c;flex-wrap:wrap;grid-area:1/1;justify-content:center;align-items:flex-start;gap:.6cqw .2cqw;font-size:8.4cqw;font-weight:800;font-stretch:108%;line-height:1.05;display:flex}.kt-captions span{opacity:0;border-radius:1.8cqw;padding:.3cqw 1.5cqw .6cqw}.kt-tall .sc-keys{display:none}.kt-captions span.is-now{background:var(--ox-orange);color:#160a04;text-shadow:none}.kt-type{background:#0d0d11;place-items:center;display:grid}.kt-type-line{font-family:var(--ox-display);letter-spacing:-.045em;white-space:nowrap;grid-area:1/1;padding:1cqw 2cqw 2cqw;font-size:9.4cqw;font-weight:800;font-stretch:112%;line-height:1;overflow:hidden}.kt-type-line span{display:inline-block}.kt-type-line+.kt-type-line{visibility:hidden}.kt-chip{color:var(--ox-peach);bottom:4cqw;left:4cqw}.kt-cut{font-family:var(--ox-display);letter-spacing:-.06em;place-items:center;font-size:19cqw;font-weight:820;font-stretch:122%;display:grid;position:absolute;inset:0}.kt-cut-0{color:#f5f5f8;background:#0b0b0e}.kt-cut-1{color:#160a04;background:#fc6b33}.kt-cut-2{color:#0b0b0e;background:#f5f5f8}.kt-cut-3{color:#ffb07a;background:#2a1108}.kt-term{--tb:#0b0b0e;--tf:#e8e6e3;--ta:#fc6b33;--tc:#7c7c87;background-color:#d4531f;background-image:radial-gradient(70% 90% at 8% 0,#ffffff4d,#0000 60%),radial-gradient(90% 120% at 100% 100%,#0000008c,#0000 72%);place-items:center;transition:background-color .7s;display:grid}.kt-term[data-theme="1"]{--tb:#f6f1e7;--tf:#2b2925;--ta:#c8491c;--tc:#8c877c;background-color:#b9b1a0}.kt-term[data-theme="2"]{--tb:#0f1a2c;--tf:#d3e4ff;--ta:#6ee7b7;--tc:#6f86a8;background-color:#1c3d73}.kt-term-window{background:var(--tb);width:76cqw;color:var(--tf);font:500 2.7cqw/1.75 var(--font-mono);border-radius:2.2cqw;transition:background-color .6s,color .6s;overflow:hidden;box-shadow:0 0 0 1px #80808038,0 5cqw 9cqw -4cqw #0009}.kt-term-bar{gap:1.5cqw;padding:2.4cqw 2.8cqw .6cqw;display:flex}.kt-term-bar i{background:var(--tc);opacity:.5;border-radius:50%;width:2cqw;height:2cqw}.kt-term-body{padding:1.4cqw 3.4cqw 3.4cqw}.kt-term-body p{white-space:nowrap}.kt-term-body b{color:var(--ta);font-weight:600}.kt-term-out{color:color-mix(in srgb, var(--tf) 78%, transparent)}.kt-term-body em{vertical-align:-.55cqw;background:var(--tf);width:1.5cqw;height:3.2cqw;margin-left:.3cqw;animation:.9s steps(2,jump-none) infinite ap-caret;display:inline-block}.kt-chart{background:#0d0d11;grid-template-rows:auto minmax(0,1fr);display:grid}.kt-chart-head{justify-content:space-between;align-items:baseline;gap:3cqw;margin:6cqw 6.5cqw 4cqw;display:flex}.kt-chart-head .ox-mono{font-size:3cqw}.kt-chart-num{font-family:var(--ox-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:13cqw;font-weight:800;font-stretch:112%;line-height:.9}.kt-bars{align-items:flex-end;gap:2.2cqw;min-height:0;margin:0 6.5cqw;display:flex}.kt-bars i{height:calc(var(--v) * 1%);transform-origin:50% 100%;background:#f5f5f821;border-radius:1.2cqw 1.2cqw 0 0;flex:1}.kt-bars i:last-child{background:var(--ox-orange)}.kt-keys{background:radial-gradient(70% 90% at 50% 120%,#f5f5f812,#0000 70%),#0d0d11;place-items:center;display:grid}.kt-combo{grid-area:1/1;gap:2.6cqw;display:flex}.kt-combo+.kt-combo{visibility:hidden}.kt-combo kbd{height:13cqw;color:var(--ox-ink);font:600 5cqw var(--font-mono);background:#1e1e24;border:1px solid #f5f5f824;border-radius:2.8cqw;align-items:center;padding:0 4.6cqw;display:inline-flex;box-shadow:0 1.2cqw #050506,0 4cqw 6cqw -2cqw #0009}.ox-shapes{padding-block:clamp(64px,8vh,120px) clamp(96px,14vh,180px)}.ox-shapes-row{width:var(--ox-wrap);align-items:flex-start;gap:clamp(12px,1.7vw,26px);margin-inline:auto;display:flex}.ox-shapes-row li{flex:var(--f) 1 0;min-width:0}.ox-shape-label{color:var(--ox-faint);gap:2px;margin-top:14px;font-size:.9rem;line-height:1.35;display:grid}.ox-shape-label b{color:var(--ox-ink);font-size:1rem;font-weight:620}.ox-shape-label b .ox-mono{margin-left:4px}.ox-local{width:var(--ox-wrap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,88px);margin-inline:auto;padding-block:clamp(64px,8vh,120px) clamp(96px,14vh,180px);display:grid}.ox-points{margin-top:clamp(32px,5vh,56px);display:grid}.ox-points li{border-top:1px solid var(--ox-line);padding:22px 0 22px 46px;position:relative}.ox-points .ox-mono{color:var(--ox-peach);position:absolute;top:27px;left:0}.ox-points h3{font-family:var(--ox-display);letter-spacing:-.025em;font-size:clamp(1.25rem,1.7vw,1.6rem);font-weight:680;font-stretch:104%;line-height:1.1}.ox-points p{color:var(--ox-muted);max-width:44ch;margin-top:8px}.ox-api{background:#111115;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #f5f5f81a,0 50px 120px -50px #000000f2}.ox-api-bar{background:#17171b;border-bottom:1px solid #f5f5f814;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.ox-api-bar .ox-mono{color:var(--ox-ink)}.ox-api-state{color:var(--ox-muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.ox-api-state i{background:var(--ox-go);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4ade8029}.ox-api-calls{font-family:var(--font-mono);padding:10px 0;font-size:clamp(.75rem,1vw,.875rem);display:grid}.ox-api-calls li{white-space:nowrap;grid-template-columns:3.4em minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:0 14px;padding:9px 20px;display:grid}.ox-api-calls b{color:var(--ox-peach);font-weight:600}.ox-api-calls em{text-overflow:ellipsis;max-width:100%;color:var(--ox-faint);font-family:var(--font-sans);justify-self:end;font-style:normal;overflow:hidden}.ox-api-board{border-top:1px solid #f5f5f814}.ox-download{padding:clamp(96px, 16vh, 200px) var(--ox-gutter) clamp(96px, 14vh, 180px);text-align:center;position:relative;overflow:hidden}.ox-download-mark{width:clamp(88px,10vw,132px);height:auto;margin:0 auto 40px;display:block;overflow:visible}.ox-download-title{max-width:13ch;margin-inline:auto;font-size:clamp(2.6rem,6.6vw,7.2rem)}.ox-download .ox-actions{margin-top:44px}.ox-download-note,.ox-hero-note{color:var(--ox-muted);text-shadow:0 0 10px var(--ox-bg), 0 0 4px var(--ox-bg)}.ox-download-note{margin-top:22px}.ox-footer{background:var(--ox-bg,#0b0b0e);color:#a3a3ad;font-family:var(--font-sans);border-top:1px solid #f5f5f81a;font-size:.9rem}.ox-footer-inner{flex-wrap:wrap;align-items:center;gap:18px 36px;width:min(1360px,100% - 2*clamp(16px,4.2vw,64px));margin-inline:auto;padding:32px 0 40px;display:flex}.ox-footer-brand{color:#f5f5f8;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.ox-footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.ox-footer a{color:inherit;text-decoration:none}.ox-footer nav a:hover{color:#f5f5f8}.ox-footer p{color:#7c7c87;margin:0 0 0 auto}@media (prefers-reduced-motion:no-preference){.ox-hero-line>span{animation:1.15s cubic-bezier(.16,1,.3,1) both ox-rise}.ox-hero-line+.ox-hero-line>span{animation-delay:90ms}.ox-hero-side{animation:1s cubic-bezier(.16,1,.3,1) .32s both ox-lift}.ox-hero-stage{animation:1.3s cubic-bezier(.16,1,.3,1) .42s both ox-lift}}@keyframes ox-rise{0%{transform:translateY(114%)}}@keyframes ox-lift{0%{opacity:0;transform:translateY(32px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ox [data-reveal]{animation:linear both ox-reveal view();animation-range:entry entry 70%}}}@keyframes ox-reveal{0%{opacity:0;transform:translateY(28px)}}@media (width<=1000px){.ox-hero-side{grid-template-columns:minmax(0,1fr)}.ox-hero-go{justify-items:start}.ox-section-head-split{grid-template-columns:minmax(0,1fr)}.ox-how-pin{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:clamp(72px,10vh,120px)}.ox-how-text{display:contents}.ox-how-text h2{grid-row:1}.ox-how-screen{grid-row:2;justify-items:stretch}.ox-editor{width:100%}.ox-stages{grid-row:3;margin-top:0}.ox-again-stage{grid-template-columns:minmax(0,1fr)}.ox-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a a""b c""b d""e f""g g"}.ox-local{grid-template-columns:minmax(0,1fr)}.ox-footer p{margin-left:0}}@media (width<=760px){.ox-shapes-row{flex-wrap:wrap}.ox-shapes-row li:first-child{flex-basis:100%}.ox-shape-label>span{display:none}.ox-editor .ox-board{--zoom:2.1}}@media (width<=640px){.ox-hero{padding-bottom:56px}.ox-hero-title{font-size:11.4vw;line-height:.92}.ox-hero-line>span{white-space:normal}.ox-button{height:50px;padding:0 20px}.ox-strip{grid-template-columns:minmax(0,1fr);padding:8px 12px 12px}.ox-strip-side{display:block}.ox-strip-names,.ox-tick{display:none}.ox-toggle{width:34px;height:34px;bottom:8px;right:8px}.ox-kit-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"a""b""c""d""e""f""g"}.ox-kit-grid .ox-tile[style*="grid-area: b"] .kt{width:72%}.ox-compare-handle span{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.ox *,.ox :before,.ox :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.sc{aspect-ratio:var(--w) / var(--h);user-select:none;background:#050506;position:relative;overflow:hidden;container-type:inline-size}.sc-fit{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);transform-origin:0 0;transform:scale(tan(atan2(100cqw, calc(var(--w) * 1px))));font-family:var(--font-sans);line-height:1.3;position:absolute;top:0;left:0}.sc-backdrop{background:radial-gradient(70% 90% at 8% 0,#ffb07a 0%,#ffb07a00 60%),radial-gradient(90% 120% at 100% 100%,#2a0d05 0%,#2a0d0500 70%),linear-gradient(135deg,#fc6b33 0%,#c8491c 46%,#5d1d0b 100%);position:absolute;inset:0}.sc-backdrop:after{content:"";opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.sc-cam{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.sc-window{border-radius:16px;width:1280px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059,0 50px 100px -24px #140400bf,0 18px 36px -18px #14040099}.sc-bar{background:#1d1d22;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.sc-lights{gap:8px;display:flex;position:absolute;left:16px}.sc-lights i{background:#ffffff29;border-radius:50%;width:11px;height:11px}.sc-url{color:#f5f5f89e;height:24px;font:500 12.5px var(--font-mono);background:#ffffff0f;border-radius:7px;align-items:center;padding:0 46px;display:inline-flex}.sc-page{width:1280px;height:720px;position:relative}.sc[data-mode=raw] .sc-bar,.sc[data-mode=raw] .sc-backdrop,.sc[data-mode=raw] .sc-ripple,.sc[data-mode=raw] .sc-keys,.sc:not([data-mode=film]) .sc-card{display:none}.sc[data-mode=raw] .sc-window{box-shadow:none;border-radius:0}.sc[data-design=b] .sc-bar{background:#e6e3db;border-bottom-color:#16161a14}.sc[data-design=b] .sc-lights i{background:#16161a29}.sc[data-design=b] .sc-url{color:#16161a99;background:#16161a0f}.ap{--ap-bg:#0f0f13;--ap-panel:#15151a;--ap-raise:#1e1e25;--ap-ink:#ededf0;--ap-muted:#8b8b96;--ap-line:#ffffff14;--ap-bar:#ffffff1a;--ap-soft:#ffffff0d;background:var(--ap-bg);height:720px;color:var(--ap-ink);grid-template-columns:232px minmax(0,1fr);display:grid;position:relative}.ap :where(i,u,b,em){font-style:normal;font-weight:inherit;text-decoration:none}.ap u{background:var(--ap-bar);border-radius:5px;height:9px;display:block}.ap-side{border-right:1px solid var(--ap-line);flex-direction:column;padding:22px 16px;display:flex;position:relative}.ap-brand{white-space:nowrap;align-items:center;gap:10px;padding:0 8px;font-size:15.5px;font-weight:650;display:flex;position:relative}.ap-brand i{background:var(--ap-ink);opacity:.88;border-radius:8px;width:26px;height:26px}.ap-navs{gap:4px;margin-top:28px;display:grid;position:relative}.ap-nav{border-radius:9px;align-items:center;gap:11px;height:36px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.ap-nav i{background:var(--ap-bar);border-radius:5px;flex:none;width:16px;height:16px}.ap-nav.is-on{background:var(--ap-raise)}.ap-nav.is-on i{background:var(--ap-ink);opacity:.8}.ap-user{align-items:center;gap:10px;margin-top:auto;padding:0 8px;display:flex;position:relative}.ap-user i{background:var(--ap-bar);border-radius:50%;width:28px;height:28px}.ap-user u{width:92px}.ap-main{grid-template-rows:auto minmax(0,1fr);align-content:start;gap:22px;min-width:0;padding:28px 36px;display:grid;position:relative}.ap-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:relative}.ap-heading{gap:2px;display:grid}.ap-heading b{font-family:var(--ox-display,var(--font-display));letter-spacing:-.03em;font-size:30px;font-weight:720}.ap-count{color:var(--ap-muted);align-items:center;gap:5px;font-size:14px;display:flex}.ap-roll{font-variant-numeric:tabular-nums;min-width:2ch;height:1.3em;display:inline-block;position:relative;overflow:hidden}.ap-roll i{display:block}.ap-roll i+i{position:absolute;inset:0}.ap-tools{align-items:center;gap:12px;display:flex;position:relative}.ap-search{border:1px solid var(--ap-line);border-radius:10px;align-items:center;gap:10px;width:220px;height:40px;padding:0 14px;display:flex}.ap-search i{border:2px solid var(--ap-bar);border-radius:50%;width:13px;height:13px}.ap-search u{width:96px}.ap-new{background:var(--ap-ink);height:40px;color:var(--ap-bg);white-space:nowrap;border-radius:10px;align-items:center;padding:0 18px;font-size:14.5px;font-weight:650;display:inline-flex;position:relative}.ap-list{border:1px solid var(--ap-line);background:var(--ap-panel);border-radius:14px;align-self:start;position:relative;overflow:hidden}.ap-rows{background:var(--ap-panel);position:relative}.ap-row{border-bottom:1px solid var(--ap-line);grid-template-columns:14px minmax(0,1fr) 76px 190px 84px 118px;align-items:center;gap:22px;height:62px;padding:0 20px;display:grid;position:relative}.ap-rows .ap-row:last-child{border-bottom:0}.ap-dot{border:2px solid var(--ap-bar);border-radius:50%;width:13px;height:13px}.ap-name{white-space:nowrap;min-width:0;font-size:15px;font-weight:620;position:relative}.ap-name[data-t]{width:240px;height:36px;box-shadow:inset 0 0 0 1.5px rgb(from var(--ap-ink) r g b / var(--ring,.55));border-radius:9px;justify-self:start;align-items:center;margin-left:-12px;padding:0 12px;display:inline-flex}.ap-name em{background:var(--ap-ink);width:2px;height:18px;margin-left:1px;animation:.9s steps(2,jump-none) infinite ap-caret;display:inline-block}@keyframes ap-caret{to{opacity:0}}.ap-pill{background:var(--ap-soft);border-radius:12px;justify-content:center;align-items:center;height:24px;font-size:12px;font-weight:650;display:inline-flex}.ap-pill u{width:52%;height:7px}.ap-pill-b{background:var(--ap-bar)}.ap-pill-new{background:var(--ap-ink);color:var(--ap-bg)}.ap-meter{background:var(--ap-soft);border-radius:3px;height:6px;position:relative;overflow:hidden}.ap-meter i{background:var(--ap-muted);opacity:.7;border-radius:3px;height:100%;display:block}.ap-people{padding-left:8px;display:flex}.ap-people i{background:var(--ap-raise);width:24px;height:24px;box-shadow:0 0 0 2px var(--ap-panel);border-radius:50%;margin-left:-8px}.ap-people i:nth-child(2){background:var(--ap-bar)}.ap-share{border:1px solid var(--ap-line);white-space:nowrap;border-radius:9px;place-items:center;height:34px;font-size:13.5px;font-weight:620;display:inline-grid;position:relative}.ap-share span{grid-area:1/1}.ap-ghost{border-color:#0000}.ap-ghost u{width:44%}.ap-toast{background:var(--ap-ink);height:46px;color:var(--ap-bg);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:0 18px 0 14px;font-size:14.5px;font-weight:650;display:flex;position:absolute;top:236px;right:36px;box-shadow:0 18px 40px -12px #0009}.ap-toast i{background:var(--ap-bg);border-radius:50%;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 14.2-4-4 1.6-1.6 2.4 2.4 5-5 1.6 1.6Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 14.2-4-4 1.6-1.6 2.4 2.4 5-5 1.6 1.6Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.sc[data-design=b] .ap{--ap-bg:#f4f2ec;--ap-panel:#fff;--ap-raise:#e9e6de;--ap-ink:#16161a;--ap-muted:#77747c;--ap-line:#16161a1a;--ap-bar:#16161a1c;--ap-soft:#16161a0e;grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sc[data-design=b] .ap-side{border-right:0;border-bottom:1px solid var(--ap-line);background:var(--ap-panel);flex-direction:row;align-items:center;padding:0 36px}.sc[data-design=b] .ap-navs{gap:6px;margin:0 0 0 30px;display:flex}.sc[data-design=b] .ap-nav{width:116px}.sc[data-design=b] .ap-user{margin:0 0 0 auto}.sc[data-design=b] .ap-main{padding:30px 36px}.sc[data-design=b] .ap-head{flex-direction:column;align-items:flex-start}.sc[data-design=b] .ap-tools{flex-direction:row-reverse}.sc[data-design=b] .ap-list{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid;overflow:visible}.sc[data-design=b] .ap-rows{display:contents}.sc[data-design=b] .ap-row{border:1px solid var(--ap-line);background:var(--ap-panel);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"dot pill""name name""meter meter""people share";align-content:space-between;gap:0 12px;height:172px;padding:18px}.sc[data-design=b] .ap-fresh{background:rgb(from var(--ap-panel) r g b / var(--fresh,0));border-style:dashed;border-width:1.5px}.sc[data-design=b] .ap-dot{grid-area:dot}.sc[data-design=b] .ap-pill{grid-area:pill;width:64px}.sc[data-design=b] .ap-name{grid-area:name;font-size:17px}.sc[data-design=b] .ap-name[data-t]{justify-self:stretch;width:auto;margin-right:-6px}.sc[data-design=b] .ap-meter{grid-area:meter}.sc[data-design=b] .ap-people{grid-area:people}.sc[data-design=b] .ap-share{grid-area:share;width:112px}.sc[data-design=b] .ap-toast{top:392px;left:36px;right:auto}.sc-cursor{transform-origin:5px 3.5px;filter:drop-shadow(0 3px 5px #00000080);width:28px;height:28px;position:absolute;top:0;left:0}.sc-cursor svg{width:100%;height:100%;display:block}.sc:not([data-mode=raw]) .sc-cursor{transform-origin:6.4px 4.5px;width:36px;height:36px}.sc-ripple{opacity:0;background:#fc6b3338;border:3px solid #fc6b33;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:0;left:0}.sc-keys{left:0;right:0;bottom:calc(var(--h) * .07px);justify-content:center;display:flex;position:absolute}.sc-key{color:#f5f5f8;height:58px;font:600 22px var(--font-mono);opacity:0;background:#0b0b0edb;border:1px solid #f5f5f829;border-radius:15px;align-items:center;gap:10px;padding:0 24px;display:inline-flex;box-shadow:0 5px #0000008c,0 24px 40px -12px #0009}.sc-card{align-content:center;justify-items:start;gap:calc(var(--w) * .022px);padding:calc(var(--w) * .075px);display:grid;position:absolute;inset:0}.sc-title{color:#f5f5f8;background:#0b0b0e}.sc-end{color:#0b0b0e;clip-path:inset(0 100% 0 0);background:#f5f5f8}.sc-headline{font-family:var(--ox-display,var(--font-display));font-weight:800;font-stretch:116%;font-size:calc(var(--w) * .1px);letter-spacing:-.05em;line-height:.92;display:grid}.sc-line{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:hidden}.sc-line>span{display:block}.sc-eyebrow{color:#ffb07a;font:500 calc(var(--w) * .0175px) var(--font-mono);letter-spacing:.02em}.sc-edge{width:calc(var(--w) * .006px);opacity:0;background:#fc6b33;position:absolute;top:0;bottom:0;left:0}.sc-end .sc-eyebrow{color:#b8431a}.sc-made{font-size:calc(var(--w) * .15px)}.sc-made .sc-line>span{align-items:center;gap:.14em;display:flex}.sc-made img{width:.92em;height:.92em;margin-left:-.08em}.ox{background-color:var(--ox-bg);background-image:radial-gradient(#f5f5f813 1px,#0000 1.6px);background-position:12px 12px;background-size:24px 24px}.ox .ox-hero-head,.ox .ox-hero{position:relative}.sel{z-index:2;box-shadow:inset 0 0 0 1.5px var(--ox-go), 0 0 0 5px #4ade801a;pointer-events:none;clip-path:inset(0 round 14px);background:#a78bfa0b;border-radius:14px;position:absolute;top:0;left:0}.sel-h{background:var(--ox-bg);width:10px;height:10px;box-shadow:inset 0 0 0 1.5px var(--ox-go);border-radius:3px;position:absolute}.sel-tl{top:-5px;left:-5px}.sel-tr{top:-5px;right:-5px}.sel-bl{bottom:-5px;left:-5px}.sel-br{bottom:-5px;right:-5px}.sel-chip{height:30px;color:var(--ox-ink);font:620 .82rem/1 var(--font-sans);white-space:nowrap;background:#1a1a1f;border-radius:8px;align-items:center;gap:8px;padding:0 12px 0 6px;display:inline-flex;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:inset 0 0 0 1px #ffffff1a}.sel-chip em{color:var(--ox-faint);font:500 .72rem/1 var(--font-mono);font-style:normal}.sel-out{color:var(--ox-muted);font:500 .75rem/1 var(--font-mono);align-items:center;gap:10px;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sel-out i{background:var(--p);width:12px;height:12px;box-shadow:0 0 0 3px var(--ox-bg), 0 0 14px var(--p);border-radius:50%;margin-right:-6px}.cv-start{z-index:2;width:var(--ox-wrap);align-items:center;gap:16px;margin:0 auto clamp(48px,7vh,80px);display:flex;position:relative}.cv-start-out{background:var(--p);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;right:-5px;box-shadow:0 0 0 2px #1a1a1f}.fr{--fr-r:22px;z-index:2;width:min(1424px, calc(100% - 2 * var(--ox-gutter) + 64px), calc(100% - 24px));border-radius:var(--fr-r);background:#131317;margin:0 auto clamp(96px,13vh,150px);transition:box-shadow .5s;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 60px 140px -60px #000000f2}.fr-head{height:56px;color:var(--ox-ink);font:650 1rem/1 var(--font-sans);white-space:nowrap;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:0 18px 0 14px;display:flex}.fr-badge{background:var(--c);color:#0b0b0e;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.fr-cat{color:var(--ox-faint);font:500 .75rem/1 var(--font-mono)}.fr-state{height:28px;color:var(--ox-faint);font:500 .75rem/1 var(--font-mono);background:#ffffff0a;border-radius:999px;align-items:center;gap:9px;margin-left:auto;padding:0 12px 0 10px;transition:color .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.fr-dot{border-radius:50%;width:10px;height:10px;position:relative;box-shadow:inset 0 0 0 1.5px #52525b}.fr[data-state=running]{box-shadow:inset 0 0 0 1.5px var(--c), 0 0 0 6px color-mix(in srgb, var(--c) 12%, transparent), 0 60px 140px -60px #000000f2}.fr[data-state=running] .fr-state{color:var(--ox-ink)}.fr[data-state=running] .fr-dot{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 30%, transparent)}.fr[data-state=running] .fr-dot:after{content:"";border:2px solid #0000;border-top-color:var(--c);border-radius:50%;animation:.8s linear infinite fr-spin;position:absolute;inset:0}@keyframes fr-spin{to{transform:rotate(1turn)}}.fr[data-state=done] .fr-state{color:var(--ox-go)}.fr[data-state=done] .fr-dot{background:var(--ox-go);box-shadow:none}.fr[data-state=done] .fr-dot:after{content:"";border:1.6px solid #0b0b0e;border-width:0 1.6px 1.6px 0;width:3px;height:5.5px;position:absolute;top:1.4px;left:3.2px;transform:rotate(45deg)}.fr-io{justify-content:space-between;gap:24px;padding:14px 0 4px;display:flex}.fr-ports{align-content:start;gap:8px;display:grid}.fr-outs{justify-items:end}.fr-port{color:#c4c4cc;height:22px;font:500 .8rem/1 var(--font-sans);white-space:nowrap;align-items:center;gap:10px;display:inline-flex;position:relative}.fr-ins .fr-port{padding-left:18px}.fr-outs .fr-port{padding-right:18px}.fr-port i{background:var(--p);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;box-shadow:0 0 0 3px #131317}.fr-ins .fr-port i{left:-6px}.fr-outs .fr-port i{right:-6px}.fr-port.is-fed i{box-shadow:0 0 0 3px #131317, 0 0 14px var(--p)}.fr>section,.fr>.ox-local{padding-block:clamp(16px,3vh,36px) clamp(48px,8vh,88px)}.fr .ox-how-pin{min-height:0}.fr-note{background:#15140f;transform:rotate(-.4deg)}.fr-note .fr-head{border-bottom-style:dashed}.ed{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.ed .ed-wire{stroke-width:2.5px;stroke-linejoin:round}.ox .ox-download .ox-button-main:before{content:"";background:#0b0b0e;border-radius:50%;width:12px;height:12px;margin-top:-6px;transition:background-color .3s,box-shadow .3s;position:absolute;top:50%;left:-6px;box-shadow:inset 0 0 0 2px #60a5fa}.ox .ox-download.is-plugged .ox-button-main:before{background:#60a5fa;box-shadow:0 0 0 3px #0b0b0e,0 0 18px #60a5fa}@media (width<=760px){.ed{display:none}.fr-head{gap:9px;padding:0 12px 0 10px}.fr-cat,.sel-out{display:none}}.cv-node{height:28px;color:var(--ox-ink);font:620 .8rem/1 var(--font-sans);background:#1a1a1f;border-radius:8px;align-items:center;gap:8px;padding:0 10px 0 5px;transition:box-shadow .45s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff17}.cv-badge{background:var(--c);color:#0b0b0e;border-radius:5px;place-items:center;width:19px;height:19px;display:grid}.ed-wire,.ed-flow{fill:none;stroke-width:2.5px;stroke-linecap:round}.ed-wire{stroke:var(--c)}.ed-flow{fill:none;stroke-width:2.5px;stroke-linecap:round}.ed-line .ed-wire{stroke-dasharray:1}.ed-line.is-on .ed-flow{opacity:.8}.mk{z-index:9;pointer-events:none;filter:drop-shadow(0 6px 10px #0000008c);width:26px;height:26px;margin:-3px 0 0 -5px;position:absolute;top:0;left:0}.mk svg{width:100%;height:100%;display:block}.mk-arrow{fill:#f5f5f8;stroke:#0b0b0e;stroke-width:1.4px;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.ed-flow{animation:none}}