@font-face{font-family:Mona Sans;src:url(./mona-sans-latin-wdth-BMVx8nn_.woff2)format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Space Grotesk;src:url(./space-grotesk-latin-wght-BhU9QXUp.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(./jetbrains-mono-latin-wght-B9CIFXIH.woff2)format("woff2");font-weight:100 800;font-display:swap}:root{--bg:#09090d;--surface:#121217;--raised:#19191f;--line:#292830;--text:#f0edf5;--muted:#a09aa9;--accent:#bb80ec;--accent-hover:#cc98f1;--on-accent:#17101e;--sans:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Mona Sans", "Arial Narrow", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--quick:.2s;--move:.42s;--enter:.82s;--header:64px;--gutter:clamp(16px, 4.2vw, 60px);--width:1320px;--bleed:max(var(--gutter), calc((100vw - var(--width)) / 2));--hairline:linear-gradient(90deg, transparent, var(--line) 16%, var(--line) 84%, transparent);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.7 0 0 0 -.72'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;font-weight:540;font-stretch:80%}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}img,svg{display:block}kbd{font-family:var(--mono)}b{font-weight:500}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:#bb80ec4d}.wrap{width:min(100% - 2 * var(--gutter), var(--width));margin-inline:auto}.sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em}.blade{--cut:3px;background:var(--accent);width:3px;height:16px;clip-path:polygon(0 var(--cut), 100% 0, 100% calc(100% - var(--cut)), 0 100%);flex:none;display:inline-block}.skip{z-index:40;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:8px 14px;font-weight:500;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.reveal{transition:opacity var(--enter) var(--ease), transform var(--enter) var(--ease), filter var(--enter) var(--ease)}.reveal.is-pending{opacity:0;filter:blur(10px);transform:translateY(28px)}.reveal.is-pending:is(.feature__visual,.closing__mark,.closing__light){filter:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{letter-spacing:-.006em;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:44px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex;position:relative}.btn--sm{border-radius:7px;height:34px;padding:0 13px;font-size:13.5px}.btn--primary,.btn--soon,.btn--toggle{--slant:10px;--fill:#18181b;isolation:isolate;border-radius:0;padding-inline:24px}.btn--primary:before,.btn--soon:before,.btn--toggle:before{content:"";z-index:-1;background:var(--fill);clip-path:polygon(var(--slant) 0, 100% 0, calc(100% - var(--slant)) 100%, 0 100%);transition:background-color var(--quick) var(--ease);position:absolute;inset:0}.btn--primary:focus-visible,.btn--toggle:focus-visible{outline-offset:3px;border-radius:0}.btn--sm{--slant:8px;padding-inline:18px}.btn--primary{--fill:var(--accent);color:var(--on-accent);transition:transform var(--quick) var(--ease), text-shadow var(--quick) var(--ease);font-weight:600}.btn--primary:active,.btn--toggle:active{transition-duration:90ms;transform:translateY(1px)scale(.97)}@media (hover:hover){.btn--primary:hover{--fill:var(--accent-hover);text-shadow:-1.5px 0 #ff2f6dbf,1.5px 0 #22d8ffbf}.btn--toggle:hover{--fill:#ffffff24}}.btn--soon{color:var(--text)}.btn--toggle{--fill:#ffffff14;color:var(--text);transition:transform var(--quick) var(--ease)}.btn--toggle .when-shown,.js [data-menu=shown] .btn--toggle .when-hidden{display:none}.js [data-menu=shown] .btn--toggle .when-shown{display:inline}.text-link{min-height:44px;color:var(--text);transition:color var(--quick) var(--ease);align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.links{flex-wrap:wrap;gap:0 20px;display:flex}.site-header{z-index:20;margin-bottom:calc(-1 * var(--header));position:sticky;top:0}.nav{--reach:clamp(8px, calc(var(--gutter) - 8px), 16px);height:var(--header);align-items:center;gap:6px;display:flex;position:relative}.site-header:before{content:"";z-index:-1;border-bottom:1px solid var(--line);opacity:0;transition:opacity var(--move) var(--ease);background:#09090b;position:absolute;inset:0}.site-header.is-stuck:before,.site-header.menu-open:before{opacity:1}.brand{font-family:var(--display);letter-spacing:.002em;align-items:center;gap:9px;margin-right:auto;font-size:18px;font-weight:600;font-stretch:92%;display:inline-flex}.nav__links{gap:2px;margin-right:12px;display:flex}.nav__links a{color:var(--muted);transition:color var(--quick) var(--ease);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:450}.nav__links a:hover{color:var(--text)}.nav__cta:before{content:"";position:absolute;inset:-6px 0}.menu-toggle{order:1;width:44px;height:44px;margin-right:-10px;display:none;position:relative}.menu-toggle span{background:var(--text);width:20px;height:1.5px;transition:transform var(--move) var(--ease);position:absolute;left:12px}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}@media (width<=719px){.js .menu-toggle{display:block}.js .nav__links{top:100%;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transform-origin:50% 0;transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), visibility 0s var(--move);background:#09090b;margin:0;display:block;position:absolute;transform:translateY(-10px);box-shadow:0 24px 48px -16px #000000e6}.js .menu-open .nav__links{opacity:1;visibility:visible;transition-delay:0s;transform:none}.js .nav__links a{background:var(--hairline) top / 100% 1px no-repeat;min-height:54px;color:var(--text);font-family:var(--display);opacity:0;transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), color var(--quick) var(--ease);border-radius:0;align-items:center;padding:0;font-size:24px;font-weight:500;font-stretch:84%;display:flex;transform:translateY(-8px)}.js .nav__links a:first-child{background:0 0}.js .menu-open .nav__links a{opacity:1;transform:none}.js .menu-open .nav__links a:first-child{transition-delay:60ms}.js .menu-open .nav__links a:nth-child(2){transition-delay:.11s}.js .menu-open .nav__links a:nth-child(3){transition-delay:.16s}html:not(.js) .site-header{margin-bottom:0}html:not(.js) .nav{flex-wrap:wrap;height:auto;padding-block:10px}html:not(.js) .nav__links{order:3;width:100%;margin:0}html:not(.js) .stage{padding-top:16px}}.stage{--s:1;--u:calc(var(--s) * 1px);isolation:isolate;padding-block:calc(var(--header) + clamp(16px, 3.2vh, 32px)) clamp(72px, 9vw, 136px);position:relative;overflow-x:clip}.stage:before,.stage:after{content:"";pointer-events:none;position:absolute;inset:0}.stage:before{z-index:-3;background:radial-gradient(130% 100% at 50% 30%,#0000 58%,#00000061)}.stage:after{z-index:-1;background:var(--grain);opacity:.07;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.stage__grid{gap:24px;display:grid}h1{letter-spacing:-.012em;margin-left:-.05em;font-size:clamp(96px,24.5vw,128px);line-height:.92}.rise{clip-path:inset(-.4em -.25em 0 -.12em);display:inline-block}.rise>span{display:inline-block}.blade--title{--cut:.082em;transform-origin:50% 100%;width:.066em;height:.715em;transition:background-color var(--move) var(--ease);margin-left:.085em}.js [data-menu=hidden] .blade--title{background:var(--muted)}.hero__body{margin-top:20px}.showcase{gap:14px;min-width:0;display:grid}.lede{max-width:34em;color:var(--muted);font-size:17px;line-height:1.5}.lede b{color:var(--text);font-weight:400}.hero__actions{margin-top:22px}.hero__buttons{flex-wrap:wrap;gap:10px;display:flex}.hero__buttons .btn{min-width:168px}.hero__facts{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin-top:12px;font-size:13.5px;display:flex}.picker{min-width:0}.picker__tabs{--index:0;grid-template-columns:repeat(var(--count,3), 1fr);background:var(--hairline) top / 100% 1px no-repeat, var(--hairline) bottom / 100% 1px no-repeat;display:grid;position:relative}.picker__tab{z-index:1;height:46px;color:var(--muted);transition:color var(--quick) var(--ease);justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex;position:relative}.picker__tab:hover,.picker__tab[aria-selected=true]{color:var(--text)}.picker__tab kbd{color:var(--muted);font-size:12px;font-weight:400;display:none}.picker__blade,.picker__glow{transition:transform var(--move) var(--ease);position:absolute;left:0}.picker__blade{--cut:2px;width:calc(100% / var(--count,3));clip-path:polygon(0 100%,2px 0,100% 0,calc(100% - 2px) 100%);height:2px;transform:translateX(calc(var(--index) * 100%));bottom:0}.picker__glow{width:calc(100% / var(--count,3));pointer-events:none;transform:translateX(calc(var(--index) * 100%));background:radial-gradient(60% 90% at 50% 100%,#bb80ec21,#0000);top:0;bottom:0}.picker__caption{color:var(--muted);margin-top:12px;font-size:14.5px;line-height:1.5;display:grid}.caption{grid-area:1/1}.js .caption{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), visibility 0s var(--move)}.js .caption:not(.is-active){opacity:0;visibility:hidden;transform:translateY(6px)}.js .caption.is-active{transition-delay:0s}.picker__caption b{color:var(--text);font-weight:450}.slot{min-width:0;height:640px;position:relative;container-type:inline-size}.js .lift{position:absolute;inset:0}.slot__show{text-align:center;visibility:hidden;opacity:0;transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), background-color var(--quick) var(--ease), visibility 0s var(--move);background:radial-gradient(60% 50%,#ffffff08,#0000),linear-gradient(#ffffff12,#ffffff05);border-radius:10px;place-content:center;justify-items:center;gap:6px;font-size:17px;font-weight:500;display:grid;position:absolute;inset:0;transform:translateY(10px)}.slot__show img{width:auto;height:72px;transition:transform var(--move) var(--ease);margin-bottom:14px}.slot__show:focus-visible{outline-offset:-2px;border-radius:10px}@media (hover:hover){.slot__show:hover{background-color:#ffffff06}.slot__show:hover img{transform:translateY(-4px)}}.slot__show:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(#ffffff1f,#ffffff08);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.js [data-menu=hidden] .slot__show{visibility:visible;opacity:1;transition-delay:.2s,.2s,0s,0s;transform:none}.slot__show small{color:var(--muted);font-size:13px;font-weight:400}.glow{z-index:-2;pointer-events:none;transition:opacity var(--move) var(--ease);position:absolute;inset:0}.js [data-menu=hidden] .glow{opacity:.3}.glow>i{display:block;position:absolute}.glow__beam{background:linear-gradient(132deg,#0000 43%,#bb80ec09 46.5%,#c492f01a 49%,#e2c8fc33 50%,#c492f01a 51%,#bb80ec09 53.5%,#0000 57%);width:190%;height:230%;top:-95%;left:-20%;-webkit-mask-image:linear-gradient(to top right,#0000 46%,#000 58% 70%,#0000 84%);mask-image:linear-gradient(to top right,#0000 46%,#000 58% 70%,#0000 84%)}.glow__floor{background:linear-gradient(#e2c8fc12,#bb80ec06 40%,#0000),radial-gradient(50% 80% at 50% 0,#bb80ec1f,#0000);height:clamp(80px,9vw,140px);top:calc(100% + 1px);left:2%;right:2%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.note{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:no-preference){.js .site-header{animation:fade-in .7s var(--ease) backwards}.js .rise>span{animation:rise var(--enter) var(--ease) backwards;animation-delay:calc(60ms + var(--i) * 90ms)}.js .blade--title{animation:draw .52s var(--ease) .62s backwards}.js .hero__body{animation:fade-up var(--enter) var(--ease) .26s backwards}.js .picker{animation:fade-up var(--enter) var(--ease) .36s backwards}.js .glow{animation:bloom .9s var(--ease) .18s backwards}.js .lift{animation:lift .9s var(--ease) .22s backwards}.js .note{animation:fade-in .6s var(--ease) .56s backwards}}@keyframes rise{0%{filter:blur(12px);transform:translateY(104%)}}@keyframes draw{0%{transform:scaleY(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}@keyframes bloom{0%{opacity:0;transform:scale(.94)}}@keyframes lift{0%{opacity:0;transform:translateY(44px)scale(.98)}}@media (width<=359px){.slot{height:650px}}@media (width>=720px){.stage__grid{gap:32px}h1{font-size:clamp(128px,12.2vw,240px);line-height:.9}.hero__body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:40px;margin-top:28px;display:grid}.hero__actions{justify-self:end;margin-top:0}.slot{height:calc(580 * var(--u))}}@media (width<=1239px){.picker{display:contents}.slot{scroll-margin-top:var(--header);order:1}.picker__caption{order:2;margin-top:0}.note{order:3}}@media (width>=1240px){.stage{--s:.9}.stage__grid{grid-template:"title title""copy slot""picker slot"1fr".note"/minmax(0,1fr) auto;gap:0 clamp(44px,4.4vw,80px)}.hero,.showcase{display:contents}h1{grid-area:title;margin-bottom:clamp(24px,3.6vh,36px);font-size:clamp(144px,11vw,216px)}.hero__body{grid-area:copy;margin:0;display:block}.hero__actions{justify-self:start;margin-top:24px}.lede{font-size:16px;line-height:1.55}.slot{width:calc(900 * var(--u));grid-area:slot}.picker{grid-area:picker;margin-top:clamp(28px,6vh,64px)}.picker__tabs{--row:44px;background:var(--hairline) bottom / 100% 1px no-repeat;grid-template-columns:1fr}.picker__tab{height:var(--row);background:var(--hairline) top / 100% 1px no-repeat;justify-content:space-between;padding-right:18px}.picker__tab kbd{display:inline}.picker__blade{--cut:3px;width:3px;height:18px;clip-path:polygon(0 var(--cut), 100% 0, 100% calc(100% - var(--cut)), 0 100%);transform:translateY(calc(var(--index) * var(--row) + 13px));inset:0 0 auto auto}.picker__glow{width:auto;height:var(--row);transform:translateY(calc(var(--index) * var(--row)));background:linear-gradient(90deg,#0000 20%,#bb80ec14);inset:0 0 auto}.note{grid-area:note;margin-top:14px}}@media (width>=1320px){.stage{--s:1}}@media (width>=1440px){.stage{--s:1.1}}@media (width>=1840px){:root{--width:1560px}.stage{--s:1.25}.lede{font-size:18px}}.features{isolation:isolate;padding-block:clamp(56px,7vw,104px) clamp(72px,9vw,144px);position:relative;overflow-x:clip}.features:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48% 64% at 16% 0,#ffffff08,#0000 70%);height:min(1000px,100%);position:absolute;inset:0 0 auto}.features__head{gap:16px;display:grid}h2{letter-spacing:-.012em;font-size:clamp(52px,7.4vw,104px);line-height:.96}.features__head p{max-width:30em;color:var(--muted);font-size:17px}.features__rows{gap:clamp(96px,12vw,184px);margin-top:clamp(56px,7vw,112px);display:grid}.feature{gap:28px;display:grid}.feature__keys{color:var(--text);background:linear-gradient(#1c1c22,#151519);border-radius:6px;margin-bottom:16px;padding:3px 8px 4px;font-size:12.5px;display:inline-block;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #2e2d36,0 2px #0b0b0e}.feature h3{letter-spacing:-.008em;font-size:clamp(36px,4vw,56px);line-height:1.02}.feature__copy p{max-width:31em;color:var(--muted);margin-top:16px;font-size:16px}.feature__visual{min-width:0;container-type:inline-size}.demo{--s:.82;--inset:28px;height:var(--h);isolation:isolate;background:linear-gradient(#111117,#0a0a0e 75%);border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0a}.demo:before,.demo:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.demo:before{background:var(--light)}.demo:after{background:var(--grain);opacity:.06}.demo__win{background:var(--window);border:1px solid #ffffff17;border-radius:10px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 20px 40px -14px #000000b3,0 48px 100px -30px #000000bf}.demo__win:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff42 20% 80%,#0000);height:1px;position:absolute;inset:0 0 auto}.demo .code{overflow:hidden}.demo--find{--h:clamp(340px, 62vw, 540px);--light:radial-gradient(70% 80% at 0% 0%, #ffffff0f, transparent 70%), radial-gradient(40% 42% at 86% 10%, #ffffff0a, transparent 75%)}.demo--find .demo__win{inset:var(--inset) 0 0 var(--inset);grid-template-rows:calc(32 * var(--u)) minmax(0, 1fr);background:var(--editor);border-bottom:0;border-right:0;border-radius:10px 0 0;display:grid}.demo--find .tabs{background:var(--window)}.demo__code{min-height:0;position:relative}.demo__code .code{height:100%;padding-top:calc(52 * var(--u))}.demo--tabs{--h:clamp(300px, 46vw, 480px);box-shadow:none;--light:radial-gradient(40% 62% at 50% 0%, #e2d2ff1c, transparent 78%), radial-gradient(38% 16% at 50% 88%, #ffffff0d, transparent 80%);background:linear-gradient(90deg,#0000 12%,#e2c8fc24 35% 65%,#0000 88%) 50% 88%/100% 1px no-repeat;border-radius:0}.demo--tabs:before{-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.demo--tabs:after{-webkit-mask-image:radial-gradient(60% 60% at 50% 45%,#000,#0000);mask-image:radial-gradient(60% 60% at 50% 45%,#000,#0000)}.demo--tabs .demo__win{width:min(100% - 8px, calc(720 * var(--u)));transform-origin:50% 80%;margin-inline:auto;inset:clamp(24px,6%,56px) 0 auto}.demo--tabs .code{padding-block:calc(8 * var(--u)) calc(10 * var(--u))}.demo--conflict{--h:clamp(340px, 58vw, 520px);--light:radial-gradient(70% 80% at 100% 0%, #ffffff0e, transparent 70%), radial-gradient(42% 40% at 46% 56%, #ffffff09, transparent 75%)}.demo--conflict .demo__win,.demo__scrim,.demo__overlay{inset:var(--inset) var(--inset) 0 0;position:absolute}.demo--conflict .demo__win{border-bottom:0;border-left:0;border-radius:0 10px 0 0}.demo__scrim{z-index:1;background:#0505088c;border-radius:0 10px 0 0}.demo__overlay{z-index:2;place-items:center;display:grid}.demo--output{--h:auto;background:var(--hairline) top / 100% 1px no-repeat, var(--hairline) bottom / 100% 1px no-repeat;box-shadow:none;--light:radial-gradient(50% 100% at 100% 50%, #ffffff08, transparent 75%), radial-gradient(60% 100% at 0% 100%, #ffffff06, transparent 70%);border-radius:0;padding:36px 12px}.demo--output .demo__win{background:var(--editor);position:relative}.demo__context .code{padding-block:calc(10 * var(--u)) calc(6 * var(--u));-webkit-mask-image:linear-gradient(#0000,#000 75%);mask-image:linear-gradient(#0000,#000 75%)}.demo--output .output{grid-template-rows:calc(28 * var(--u)) calc(6 * 24 * var(--u) + 14 * var(--u))}@media (width>=720px){.demo{--s:1;--inset:44px}.features__head{grid-template-columns:minmax(0,1fr) minmax(0,24em);align-items:end}.features__head p{padding-bottom:10px}}@media (width>=1000px){.feature{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0 clamp(20px,2.4vw,32px)}.demo{--s:1.15;--inset:56px}.feature--editor .feature__copy{grid-column:1/span 4}.feature--editor .feature__visual{margin-right:calc(-1 * var(--bleed));grid-column:5/-1}.demo--find{border-radius:16px 0 0 16px}.demo--find .findbar{right:clamp(18px, calc(var(--bleed) - 20px), 140px)}.feature--session .feature__copy,.feature--output .feature__copy{grid-column:1/-1;grid-template-columns:subgrid;align-items:end;margin-bottom:clamp(32px,4vw,56px);display:grid}.feature--session .feature__keys,.feature--output .feature__keys{grid-column:1/-1;justify-self:start}.feature--session h3,.feature--output h3{grid-column:1/span 6}.feature--session .feature__copy p,.feature--output .feature__copy p{grid-column:8/-1;margin-top:0}.feature--session .feature__visual,.feature--output .feature__visual{grid-column:1/-1}.demo--find{--s:1.3}.demo--tabs{--s:1.25}.feature--conflict .feature__visual{margin-left:calc(-1 * var(--bleed));grid-area:1/1/auto/span 7}.feature--conflict .feature__copy{grid-column:9/-1}.demo--conflict{border-radius:0 16px 16px 0}.feature--output .feature__visual{margin-inline:calc(-1 * var(--bleed))}.demo--output{--s:1.2;padding:72px var(--bleed)}}.demo--find .findbar,.demo--find .findbar__count,.demo--tabs .demo__win,.demo--tabs .tab,.demo--tabs .tabs>.iconbtn,.demo--tabs .code,.demo--conflict .demo__scrim,.demo--conflict .modal,.demo--output .out-row{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease)}.demo--find[data-step=closed] .findbar{opacity:0;transform:translateY(calc(-8 * var(--u)))}.demo--find[data-step=open] .findbar__text:after{content:"";background:var(--accent);vertical-align:-.22em;width:1px;height:1.15em;margin-left:1px;display:inline-block}.demo--find mark{transition:background-color var(--move) var(--ease), box-shadow var(--move) var(--ease)}.demo--find[data-step] mark:not(.is-lit){background:0 0;box-shadow:0 0 0 1px #0000}.demo--find[data-step] .findbar__count{opacity:0;transform:translateX(calc(4 * var(--u)))}.demo--tabs .demo__win{transition-timing-function:var(--ease)}.demo--tabs:is([data-step=closing],[data-step=away]) .demo__win{opacity:0;transform:translateY(calc(14 * var(--u))) scale(.96);transition-timing-function:var(--ease-in-out)}.demo--tabs:is([data-step=away],[data-step=opening]) :is(.tab,.tabs>.iconbtn,.code){opacity:0;transform:translateX(calc(-10 * var(--u)))}.demo--tabs:is([data-step=away],[data-step=opening]) .dirty{transform:scale(0)}.demo--tabs[data-step=away] *{transition:none!important}.demo--tabs .tab:nth-child(2){--i:1}.demo--tabs .tab:nth-child(3){--i:2}.demo--tabs .tab{transition-delay:calc(var(--i,0) * .12s)}.demo--tabs .tabs>.iconbtn{transition-delay:.36s}.demo--tabs .dirty{transition:transform var(--move) var(--ease) calc(.42s + var(--i,0) * .12s)}.demo--tabs .code{transition-delay:.3s}.demo--conflict:is([data-step=editing],[data-step=saving]) .demo__scrim{opacity:0}.demo--conflict:is([data-step=editing],[data-step=saving]) .modal{opacity:0;transform:translateY(calc(26 * var(--u))) scale(.97)}.demo--conflict .is-focus:after{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease)}.demo--conflict[data-step] .is-focus:after{opacity:0;transform:scale(1.18)}.demo__keys{left:calc(var(--inset) * .6);z-index:3;opacity:0;transition:opacity var(--move) var(--ease), transform var(--move) var(--ease);gap:6px;display:flex;position:absolute;bottom:22px;transform:translateY(8px)}.demo__keys.is-shown{opacity:1;transform:none}.demo__keys kbd{color:var(--text);transition:transform var(--quick) var(--ease);background:linear-gradient(#24242b,#1b1b21);border-radius:6px;padding:4px 9px 5px;font-size:12.5px;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #3a3943,0 3px #0c0c0f}.demo__keys.is-down kbd{transform:translateY(2px)}.demo--output[data-step] .out-row.is-filtered{display:flex}.demo--output:is([data-step=ready],[data-step=streaming]) .out-row:not(.is-in){opacity:0;transform:translateY(calc(8 * var(--u)))}.demo--output[data-step=filtering] .out-row.is-filtered{opacity:0}.demo--output .seg__item,.demo--output .out-count{transition:background-color var(--move) var(--ease), color var(--move) var(--ease), opacity var(--move) var(--ease)}.demo--output .out-count.is-empty{opacity:0}.faq{isolation:isolate;padding-block:clamp(64px,8vw,128px);position:relative}.faq:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(36% 46% at 10% 18%,#ffffff08,#0000 70%);position:absolute;inset:0}.faq__grid{gap:32px;display:grid}.faq__intro .links{margin-top:20px}.faq h2{font-size:clamp(44px,5vw,72px);line-height:1}.qa{background:var(--hairline) top / 100% 1px no-repeat}.qa:last-child{background:var(--hairline) top / 100% 1px no-repeat, var(--hairline) bottom / 100% 1px no-repeat}.qa summary{cursor:pointer;min-height:60px;transition:color var(--quick) var(--ease);justify-content:space-between;align-items:center;gap:20px;padding-block:12px;font-size:17px;font-weight:450;list-style:none;display:flex;position:relative}.qa summary::-webkit-details-marker{display:none}@media (hover:hover){.qa summary:hover,.text-link:hover{color:var(--accent-hover)}}.qa__mark{width:14px;height:14px;color:var(--muted);transition:color var(--quick) var(--ease);flex:none;position:relative}.qa__mark:before,.qa__mark:after{content:"";background:currentColor;border-radius:1px;width:100%;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:0}.qa__mark:after{transition:transform var(--move) var(--ease);transform:rotate(90deg)}.qa[open]:not(.is-closing) .qa__mark{color:var(--accent)}.qa[open]:not(.is-closing) .qa__mark:after{transform:rotate(180deg)}.qa__answer{overflow:clip}.qa__answer p{max-width:38em;color:var(--muted);padding-bottom:22px;font-size:15.5px}@media (width>=1000px){.faq__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(20px,2.4vw,32px)}.faq__intro{grid-column:1/span 5;align-self:start;position:sticky;top:92px}.faq__list{grid-column:6/-1}}.closing{isolation:isolate;text-align:center;padding-block:clamp(64px,7vw,96px) clamp(56px,6vw,88px);position:relative;overflow:clip}.closing__light{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 80%,#0000);mask-image:linear-gradient(#0000,#000 22% 80%,#0000)}.closing__light:after{content:"";background:var(--grain);opacity:.06;position:absolute;inset:0}.closing__light>i{display:block;position:absolute}.closing__beam{background:linear-gradient(132deg,#0000 42%,#bb80ec0a 46%,#c492f01f 49%,#e2c8fc38 50%,#c492f01f 51%,#bb80ec0a 54%,#0000 58%);inset:-40% -20%;-webkit-mask-image:radial-gradient(46% 50% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(46% 50% at 50% 40%,#000 30%,#0000 75%)}.closing__bloom{background:radial-gradient(18% 26% at 50% 30%,#d6a8fa33,#0000 80%),radial-gradient(42% 52% at 50% 32%,#9660d229,#0000 75%),radial-gradient(70% 80% at 50% 40%,#201c2cb3,#0000 80%);inset:0}.closing__inner{justify-items:center;display:grid}.closing__mark{display:block}.closing__mark img{filter:drop-shadow(0 16px 48px #965adc59);width:auto;height:clamp(180px,min(30vw,34vh),320px)}.closing__copy{margin-top:clamp(24px,3vw,40px)}.closing h2{font-size:clamp(52px,7vw,104px);line-height:.96}.closing__copy p{max-width:36em;color:var(--muted);margin:18px auto 0;font-size:17px}.closing__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;margin-top:28px;display:flex}.reveal--bloom{transition-duration:1s}.reveal--bloom.is-pending{transform:scale(.94)}.site-footer{background:var(--hairline) top / 100% 1px no-repeat}.site-footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding-block:20px;display:flex}.brand--small{margin:0;font-size:15px}.site-footer p{color:var(--muted);font-size:13px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.demo{view-timeline:--stage block}.demo:before{animation:linear both stage-light;animation-timeline:--stage;animation-range:entry 10% cover 50%}}}@keyframes stage-light{0%{opacity:.2;transform:translateY(-12%)}}@media (forced-colors:active){.menu-toggle span,.qa__mark:before,.qa__mark:after,.blade{forced-color-adjust:none;background:canvastext}.picker__tab[aria-selected=true]{forced-color-adjust:none;color:highlight}.picker__blade{background:highlight}}html{background:radial-gradient(70% 60% at 75% 0%, #1a0f2ebf, transparent 70%) fixed, radial-gradient(60% 50% at 15% 100%, #1a0f2e73, transparent 70%) fixed, var(--bg)}body{background:0 0}.stage:before{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.backdrop{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.backdrop{animation:backdrop-in .9s var(--ease) backwards}}@keyframes backdrop-in{0%{opacity:0}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}html.js{scrollbar-width:none}html.js::-webkit-scrollbar{display:none}.scroll-progress{z-index:30;opacity:.5;transform-origin:top;pointer-events:none;background:linear-gradient(#bb80ec,#5ef2ff);width:2px;position:fixed;inset:0 0 0 auto;transform:scaleY(0)}@supports (animation-timeline:scroll()){.scroll-progress{animation:linear both scroll-progress;animation-timeline:scroll(root)}}@keyframes scroll-progress{to{transform:scaleY(1)}}.appkit{--editor:#0a0a0b;--window:#0e0e0f;--popup:#19191b;--plate:#161618;--plate-hover:#1c1c1f;--plate-active:#242427;--rule:#202023;--rule-strong:#2f2f33;--ink:#ededee;--ink-2:#a3a3a8;--ink-3:#7d7d83;--amber:#d9b36c;--red:#e58080;--state:#f07f86;--u:calc(var(--s,1) * 1px);color:var(--ink);font:400 calc(13 * var(--u)) / 1.3 var(--sans)}.app{grid-template:"title" calc(46 * var(--u)) "body" minmax(0, 1fr) / minmax(0, 1fr);background:var(--window);transform-origin:50% 90%;transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), visibility 0s;border:1px solid #ffffff17;border-radius:12px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #0000008c,0 2px 6px #00000059,0 22px 44px -14px #000000a6,0 56px 120px -36px #000c}.app:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff52 22% 78%,#0000);height:1px;position:absolute;inset:0 0 auto}.js [data-menu=hidden] .app{opacity:0;visibility:hidden;transform:translateY(calc(28 * var(--u))) scale(.965);transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), visibility 0s var(--move)}.app__title{align-items:center;gap:calc(10 * var(--u));height:calc(46 * var(--u));padding-left:calc(12 * var(--u));border-bottom:1px solid var(--rule);grid-area:title;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.app__brand{align-items:center;gap:calc(12 * var(--u));color:var(--ink-3);font-size:calc(15 * var(--u));display:flex}.app__logo{width:auto;height:calc(22 * var(--u))}.app__tabs{gap:calc(2 * var(--u));padding:calc(3 * var(--u));border-radius:calc(10 * var(--u));background:var(--editor);box-shadow:inset 0 0 0 1px var(--rule);display:flex}.app__tab{align-items:center;gap:calc(7 * var(--u));height:calc(28 * var(--u));padding-inline:calc(11 * var(--u)) calc(12 * var(--u));border-radius:calc(7 * var(--u));color:var(--ink-3);font-size:calc(12.5 * var(--u));white-space:nowrap;transition:color var(--quick) var(--ease), background-color var(--quick) var(--ease);font-weight:500;display:inline-flex;position:relative}.app__tab .icon{font-size:calc(14 * var(--u))}button.app__tab:hover{color:var(--ink)}.app__tab.is-active{background:var(--plate-active);color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-strong)}.app__tab:after{--cut:calc(2 * var(--u));content:"";left:26%;right:26%;bottom:calc(-4 * var(--u));height:calc(2 * var(--u));background:var(--ink);clip-path:polygon(0 100%, var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%);transition:transform var(--move) var(--ease);position:absolute;transform:scaleX(0)}.app__tab.is-active:after{transform:none}.app__right{justify-content:flex-end;align-self:stretch;align-items:center;min-width:0;display:flex}.app__state span{display:none}.app__state{align-items:center;gap:calc(6 * var(--u));margin-right:calc(10 * var(--u));color:var(--state);font-size:calc(12 * var(--u));white-space:nowrap;font-weight:500;display:inline-flex}.app__state i,.chip--state i{width:calc(6 * var(--u));height:calc(6 * var(--u));background:currentColor;border-radius:50%}.winctls{align-self:stretch;align-items:center;display:flex}.app__inject{margin-right:calc(8 * var(--u));color:var(--ink-2);font-size:calc(15 * var(--u))}.winctl{width:calc(40 * var(--u));align-self:stretch;place-items:center;display:grid}.winctl svg{width:calc(10 * var(--u));height:calc(10 * var(--u));fill:none;stroke:var(--ink-2)}.winctls__inert{display:contents}.winctl--close{transition:background-color var(--quick) var(--ease)}.winctl--close:focus-visible{outline-offset:-2px;border-radius:0}@media (hover:hover){.winctl--close:hover{background-color:#c42b1c}.winctl--close:hover svg{stroke:#fff}}.app__body{grid-area:body;min-width:0;min-height:0}.view{background:var(--window);height:100%;min-height:0;display:grid}.js .app__body{--dir:1;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:clip}.js .view{grid-area:1/1}.js .view:not(.is-active){opacity:0;visibility:hidden;transform:translateX(calc(var(--dir) * 26 * var(--u)));filter:blur(calc(5 * var(--u)))}.js .view.is-active,.js .view.is-leaving{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), filter var(--move) var(--ease), visibility 0s var(--move)}.js .view.is-active{transition-delay:0s}.js .view.is-leaving{transform:translateX(calc(var(--dir) * -26 * var(--u)))}.app__toast{left:0;right:0;bottom:calc(18 * var(--u));z-index:4;width:fit-content;max-width:calc(100% - 32px);padding:calc(8 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--rule-strong), 0 12px 28px -8px #000c;color:var(--ink);font-size:calc(12.5 * var(--u));opacity:0;pointer-events:none;transform:translateY(calc(10 * var(--u)));transition:opacity var(--move) var(--ease), transform var(--move) var(--ease);background:#1d1d24;margin-inline:auto;position:absolute}.app__toast.is-shown{opacity:1;transform:none}.chip{align-items:center;gap:calc(5 * var(--u));height:calc(20 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2);font-size:calc(11.5 * var(--u));white-space:nowrap;background:#ffffff09;display:inline-flex}.chip--state{color:var(--state)}.view--landing{overflow:hidden}.landing{gap:calc(22 * var(--u));width:min(100% - 32px, calc(700 * var(--u)));padding-block:calc(30 * var(--u)) calc(16 * var(--u));flex-direction:column;margin-inline:auto;display:flex}.welcome{align-items:center;gap:calc(16 * var(--u));display:flex}.welcome__logo{width:auto;height:calc(50 * var(--u));flex:none}.welcome__title{font-size:calc(28 * var(--u));letter-spacing:-.02em;font-weight:600;line-height:1.1}.welcome__title b{font-weight:600}.welcome__sub{align-items:center;gap:calc(6 * var(--u)) calc(10 * var(--u));margin-top:calc(7 * var(--u));color:var(--ink-2);font-size:calc(12.5 * var(--u));flex-wrap:wrap;display:flex}.quick{border-radius:calc(10 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.quick__item{justify-content:center;align-items:center;gap:calc(9 * var(--u));height:calc(50 * var(--u));color:var(--ink);font-size:calc(13 * var(--u));transition:background-color var(--quick) var(--ease), color var(--quick) var(--ease);font-weight:600;display:flex}.quick__item+.quick__item{box-shadow:inset 1px 0 0 var(--rule)}.quick__item .icon{color:var(--ink-2);font-size:calc(15 * var(--u));transition:color var(--quick) var(--ease), transform var(--quick) var(--ease)}.quick__item:hover{background-color:var(--plate-active)}.quick__item:hover .icon{color:var(--ink)}.quick__item:disabled{color:var(--ink-3);cursor:default}.quick__item:disabled .icon{color:inherit;transform:none}.compat__head,.landing__label{color:var(--ink-3);font:600 calc(10.5 * var(--u)) / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.compat__head{justify-content:space-between;align-items:baseline;display:flex}.compat__head small{font:400 calc(11.5 * var(--u)) var(--sans);letter-spacing:0;text-transform:none}.compat__meters{grid-template-columns:repeat(auto-fit, minmax(calc(150 * var(--u)), 1fr));gap:calc(14 * var(--u)) calc(22 * var(--u));margin-top:calc(12 * var(--u));display:grid}.meter{--fill:#8b5cf6;--tone:#7c4ff0;align-items:center;gap:0 calc(8 * var(--u));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.meter:nth-child(3n+2){--fill:#ef4444;--tone:#dc2f3c}.meter:nth-child(3n+3){--fill:linear-gradient(90deg, #f4f4f5, #52525b);--tone:#3f3f46}.meter__badge{min-width:calc(22 * var(--u));height:calc(20 * var(--u));padding-inline:calc(4 * var(--u));border-radius:calc(5 * var(--u));background:var(--tone);color:#fff;font-size:calc(10.5 * var(--u));place-items:center;font-weight:700;display:grid}.meter__name{color:var(--ink-2);font-size:calc(12 * var(--u));font-weight:500}.meter__value{font-size:calc(22 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600;line-height:1}.meter__value small{margin-left:calc(1 * var(--u));color:var(--ink-3);font-size:calc(11 * var(--u));font-weight:500}.meter__bar{height:calc(4 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(4 * var(--u));background:#ffffff0f;grid-column:1/-1}.meter__bar i{border-radius:inherit;background:var(--fill);height:100%;transform:scaleX(calc(var(--score) / 100));transform-origin:0;transition:transform .9s var(--ease);display:block}.js .meter.is-empty .meter__bar i{transform:scaleX(0)}.landing__cols{gap:calc(26 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing__label{margin-bottom:calc(8 * var(--u))}.explore,.recent{align-items:center;gap:calc(10 * var(--u));min-height:calc(40 * var(--u));padding-inline:calc(6 * var(--u));border-radius:calc(7 * var(--u));font-size:calc(13 * var(--u));font-weight:500;display:flex}.explore .icon,.recent .icon{color:var(--ink-2);font-size:calc(15 * var(--u));flex:none}.explore small{margin-top:calc(2 * var(--u));color:var(--ink-3);font-size:calc(11.5 * var(--u));font-weight:400;display:block}.recent{transition:background-color var(--quick) var(--ease)}.recent:hover{background:var(--plate)}.recent small{color:var(--ink-3);font-size:calc(11.5 * var(--u));margin-left:auto;font-weight:400}.landing__foot{color:var(--ink-3);font-size:calc(11.5 * var(--u));text-align:center;margin-top:auto}.view--editor{grid-template:"main explorer" minmax(0, 1fr) "toolbar toolbar" calc(36 * var(--u)) "panel panel" calc(128 * var(--u)) "status status" calc(24 * var(--u)) / minmax(0, 1fr) calc(206 * var(--u))}.editor{grid-area:main;grid-template-rows:calc(40 * var(--u)) minmax(0, 1fr);min-width:0;min-height:0;display:grid}.explorer{gap:calc(4 * var(--u));min-height:0;padding:calc(10 * var(--u)) calc(8 * var(--u));border-left:1px solid var(--rule);flex-direction:column;grid-area:explorer;display:flex;overflow:hidden}.explorer__head{padding-inline:calc(4 * var(--u));color:var(--ink-2);font:600 calc(10.5 * var(--u)) var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.explorer__tools{gap:calc(8 * var(--u));font-size:calc(13 * var(--u));display:inline-flex}.explorer .field--search{margin-block:calc(6 * var(--u)) calc(4 * var(--u))}.folder__head{align-items:center;gap:calc(6 * var(--u));height:calc(26 * var(--u));padding-inline:calc(2 * var(--u));color:var(--ink);font-size:calc(12.5 * var(--u));font-weight:600;display:flex}.folder__head .icon{color:var(--ink-2);font-size:calc(13 * var(--u));flex:none}.folder__head small{color:var(--ink-3);font-size:calc(11 * var(--u));margin-left:auto;font-weight:400}.folder__file,.folder__empty{align-items:center;gap:calc(7 * var(--u));height:calc(23 * var(--u));margin-left:calc(11 * var(--u));padding-inline:calc(10 * var(--u));border-left:1px solid var(--rule);color:var(--ink-2);font-size:calc(12 * var(--u));white-space:nowrap;display:flex}.folder__file .icon{font-size:calc(13 * var(--u));flex:none}.folder__file.is-active{border-left-color:var(--ink-2);background:var(--plate);color:var(--ink)}.folder__empty{color:var(--ink-3)}.toolbar{align-items:center;gap:calc(4 * var(--u));padding-inline:calc(10 * var(--u));border-top:1px solid var(--rule);grid-area:toolbar;display:flex}.tool{width:calc(28 * var(--u));height:calc(26 * var(--u));color:var(--ink-2);font-size:calc(15 * var(--u));place-items:center;display:grid}.act{align-items:center;gap:calc(6 * var(--u));height:calc(26 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(6 * var(--u));color:var(--ink-2);font-size:calc(12.5 * var(--u));font-weight:600;display:inline-flex}.act .icon{font-size:calc(13 * var(--u))}.act--primary{margin-right:calc(6 * var(--u));background:var(--accent);color:var(--on-accent);transition:transform var(--quick) var(--ease);position:relative}.act--primary:after{content:"";position:absolute;inset:-6px 0}.act--primary:not(:disabled):active{transform:translateY(1px)scale(.97)}.act--primary:disabled{cursor:default}.view--editor>.output{grid-area:panel}.statusbar{align-items:center;gap:calc(14 * var(--u));padding-inline:calc(12 * var(--u));border-top:1px solid var(--rule);color:var(--ink-2);font:400 calc(11.5 * var(--u)) var(--mono);white-space:nowrap;grid-area:status;display:flex}.statusbar>span:first-child{align-items:center;gap:calc(6 * var(--u));color:var(--ink);display:inline-flex}.view--browse{grid-template-columns:calc(184 * var(--u)) minmax(0, 1fr)}.hub-side{gap:calc(2 * var(--u));min-height:0;padding:calc(10 * var(--u)) calc(8 * var(--u));border-right:1px solid var(--rule);flex-direction:column;display:flex;overflow:hidden}.hub-nav,.hub-source,.hub-filter{align-items:center;gap:calc(9 * var(--u));min-height:calc(26 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(7 * var(--u));color:var(--ink-2);font-size:calc(12.5 * var(--u));white-space:nowrap;display:flex}.hub-nav{min-height:calc(38 * var(--u));color:var(--ink);font-weight:600}.hub-nav small{color:var(--ink-3);font-size:calc(10.5 * var(--u));font-weight:400;display:block}.hub-nav.is-active,.hub-source.is-active{background:var(--plate-active);color:var(--ink)}.hub-nav .icon,.hub-filter .icon{color:var(--ink-2);font-size:calc(14 * var(--u));flex:none}.hub-source i{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:calc(3 * var(--u));background:linear-gradient(135deg,#3a3943,#24232b);flex:none}.hub-source.is-active i{background:var(--ink-2)}.hub-source .icon{color:var(--ink);font-size:calc(13 * var(--u));margin-left:auto}.hub-label{margin:calc(10 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u));color:var(--ink-3);font:600 calc(10 * var(--u)) var(--mono);letter-spacing:.14em;text-transform:uppercase}.hub-main{gap:calc(12 * var(--u));min-width:0;min-height:0;padding:calc(12 * var(--u));flex-direction:column;display:flex;overflow:hidden}.hub-search{align-items:center;gap:calc(12 * var(--u));display:flex}.hub-search .field{height:calc(32 * var(--u));border-radius:calc(8 * var(--u));flex:1}.hub-count,.hub-sort{color:var(--ink-3);font-size:calc(12 * var(--u));white-space:nowrap}.hub-sort{align-items:center;gap:calc(6 * var(--u));height:calc(30 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(7 * var(--u));background:var(--plate);color:var(--ink);display:inline-flex}.hub-featured{grid-template-columns:calc(210 * var(--u)) minmax(0, 1fr);gap:calc(16 * var(--u));padding:calc(10 * var(--u));border-radius:calc(10 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);display:grid}.hub-featured__text{gap:calc(7 * var(--u));min-width:0;padding-block:calc(4 * var(--u));flex-direction:column;display:flex}.hub-featured__body{color:var(--ink-2);font-size:calc(12 * var(--u));line-height:1.5}.hub-grid{gap:calc(12 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hub-card{gap:calc(7 * var(--u));min-width:0;padding:calc(8 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(10 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);flex-direction:column;display:flex}.hub-card__title{padding-inline:calc(2 * var(--u));font-size:calc(13 * var(--u));text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hub-tags{align-items:center;gap:calc(10 * var(--u));padding-inline:calc(2 * var(--u));color:var(--ink-2);font-size:calc(11.5 * var(--u));display:flex}.hub-tags span{align-items:center;gap:calc(5 * var(--u));display:inline-flex}.hub-tags b{padding:calc(1 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));color:var(--ink-2);font:600 calc(10 * var(--u)) var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;margin-left:auto}.hub-exec{justify-content:center;align-items:center;gap:calc(6 * var(--u));height:calc(28 * var(--u));border-radius:calc(7 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);font-size:calc(12 * var(--u));margin-top:auto;font-weight:600;display:inline-flex}.hub-featured .hub-exec{padding-inline:calc(16 * var(--u));align-self:flex-end}.hub-tile{height:calc(78 * var(--u));border-radius:calc(8 * var(--u));background:var(--editor);box-shadow:inset 0 0 0 1px var(--rule);place-items:center;display:grid;position:relative}.hub-tile b{font-size:calc(26 * var(--u));letter-spacing:-.03em;font-weight:700}.hub-tile small{top:calc(7 * var(--u));left:calc(8 * var(--u));color:var(--ink-3);font:600 calc(9 * var(--u)) var(--mono);letter-spacing:.12em;text-transform:uppercase;position:absolute}.hub-tile--featured{height:auto;min-height:calc(120 * var(--u))}.hub-tile--featured b{font-size:calc(44 * var(--u))}.hub-chip{align-self:flex-start;align-items:center;gap:calc(4 * var(--u));height:calc(18 * var(--u));padding-inline:calc(7 * var(--u));border-radius:calc(5 * var(--u));color:#7ee2a0;font-size:calc(10.5 * var(--u));background:#173c26;font-weight:600;display:inline-flex}.tabs{align-items:flex-end;gap:calc(2 * var(--u));height:calc(32 * var(--u));padding-left:calc(4 * var(--u));border-bottom:1px solid var(--rule);display:flex}.tab{align-items:center;gap:calc(4 * var(--u));height:calc(28 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(10 * var(--u));border-radius:calc(5 * var(--u)) calc(5 * var(--u)) 0 0;color:var(--ink-2);font-size:calc(12.5 * var(--u));flex:none;display:flex;position:relative}.tab.is-active{background:var(--editor);color:var(--ink)}.tab.is-active:before{content:"";top:0;left:calc(2 * var(--u));right:calc(2 * var(--u));height:calc(2 * var(--u));background:var(--accent);clip-path:polygon(0 100%, calc(2 * var(--u)) 0, 100% 0, calc(100% - 2 * var(--u)) 100%);position:absolute}.tab__slot{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--ink-2);font-size:calc(13 * var(--u));place-items:center;display:grid}.dirty{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--amber);border-radius:50%}.iconbtn{width:calc(26 * var(--u));height:calc(26 * var(--u));color:var(--ink-2);font-size:calc(16 * var(--u));flex:none;place-items:center;display:grid}.iconbtn--sm{width:calc(22 * var(--u));height:calc(22 * var(--u));font-size:calc(14 * var(--u))}.tabs>.iconbtn{align-self:center}.code{min-height:0;padding-block:calc(6 * var(--u));background:var(--editor);color:#d7d4df;font:400 calc(14 * var(--u)) / calc(20 * var(--u)) var(--mono);margin:0;overflow:hidden}.code code{font:inherit;display:block}.line{grid-template-columns:calc(46 * var(--u)) minmax(0, 1fr);display:grid}.line.is-current{background:#15151b}.line__no{padding-right:calc(16 * var(--u));color:#5f5b69;text-align:right;-webkit-user-select:none;user-select:none}.line.is-current .line__no{color:var(--ink-2)}.line__text{min-height:calc(20 * var(--u));white-space:pre-wrap}.caret{width:calc(1.5 * var(--u));background:var(--accent);height:1.15em;margin:.14em 0 0 1px;position:absolute}.c-key{color:#b79cd9}.c-decl{color:#8fa9d9}.c-string{color:#a3c4a0}.c-number{color:#d6a77a}.c-comment{color:#807c8b}.c-builtin{color:#7fbbb2}.c-punct{color:#9a96a5}mark{color:inherit;background:#d9b36c3d;border-radius:2px;box-shadow:0 0 0 1px #d9b36c3d}.output{grid-template:calc(28 * var(--u)) minmax(0, 1fr) / minmax(0, 1fr);border-top:1px solid var(--rule);background:var(--window);min-height:0;display:grid}.output__head{align-items:center;gap:calc(2 * var(--u));padding-inline:calc(8 * var(--u));border-bottom:1px solid var(--rule);display:flex}.output__title{margin-right:calc(6 * var(--u));color:var(--ink-2);font-size:calc(12 * var(--u));font-weight:500}.out-count{align-items:center;gap:calc(3 * var(--u));margin-right:calc(6 * var(--u));font-size:calc(12 * var(--u));display:inline-flex}.out-count--warning{color:var(--amber)}.out-count--error{color:var(--red)}.field{align-items:center;gap:calc(6 * var(--u));background:var(--plate);border-radius:calc(5 * var(--u));color:var(--ink-3);font-size:calc(12 * var(--u));display:inline-flex}.field--filter{width:calc(110 * var(--u));height:calc(22 * var(--u));margin-left:auto;margin-right:calc(4 * var(--u));padding-inline:calc(8 * var(--u))}.field--search{height:calc(26 * var(--u));padding-inline:calc(8 * var(--u))}.seg{border-radius:calc(5 * var(--u));background:var(--plate);flex:none;gap:1px;padding:1px;display:inline-flex}.seg__item{height:calc(20 * var(--u));padding-inline:calc(7 * var(--u));border-radius:calc(4 * var(--u));color:var(--ink-2);font-size:calc(12 * var(--u));place-items:center;display:grid}.seg__item.is-active{background:var(--plate-active);color:var(--ink)}.seg--levels{margin-right:calc(4 * var(--u))}.output__body{min-height:0;padding-block:calc(2 * var(--u));background:var(--editor);scrollbar-color:var(--rule-strong) transparent;scrollbar-width:thin;overflow-y:auto}.out-row{align-items:flex-start;gap:calc(8 * var(--u));min-height:calc(20 * var(--u));padding-block:calc(2 * var(--u));padding-inline:calc(8 * var(--u));color:#d7d4df;font:400 calc(12 * var(--u)) / 1.4 var(--mono);display:flex}.out-row__time{color:var(--ink-3);flex:none}.out-row__source{min-width:calc(58 * var(--u));height:calc(15 * var(--u));padding-inline:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:var(--plate);color:var(--ink-2);font:500 calc(11 * var(--u)) / 1 var(--sans);flex:none;justify-content:center;align-items:center;display:inline-flex}.out-row__level{width:calc(13 * var(--u));height:1.4em;margin-right:calc(-2 * var(--u));font-size:calc(13 * var(--u));flex:none;place-items:center;display:grid}.out-row__text{min-width:0}.out-row--warning{color:var(--amber)}.out-row--error{color:var(--red)}.settings{max-width:calc(580 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u))}.settings__title{font:600 calc(13 * var(--u)) / 1.3 var(--sans)}.settings__caption{margin-top:calc(14 * var(--u));margin-bottom:calc(6 * var(--u));color:var(--ink-2);font-size:calc(12 * var(--u));font-weight:500}.setting{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));min-height:calc(40 * var(--u));display:flex}.setting+.setting{border-top:1px solid var(--rule)}.setting__label small{margin-top:calc(3 * var(--u));color:var(--ink-2);font-size:calc(12 * var(--u));display:block}.toggle{width:calc(32 * var(--u));height:calc(18 * var(--u));border-radius:calc(9 * var(--u));background:var(--plate-active);flex:none;position:relative}.toggle:after{content:"";top:calc(3 * var(--u));left:calc(3 * var(--u));width:calc(12 * var(--u));height:calc(12 * var(--u));background:var(--ink-2);border-radius:50%;position:absolute}.toggle.is-on{background:var(--accent)}.toggle.is-on:after{left:calc(17 * var(--u));background:var(--on-accent)}.stepper{align-items:center;gap:calc(12 * var(--u));height:calc(26 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(5 * var(--u));background:var(--plate);color:var(--ink-2);font-size:calc(12 * var(--u));flex:none;display:inline-flex}.stepper b{color:var(--ink);font-weight:400}.keyfield{min-width:calc(76 * var(--u));height:calc(26 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--plate);font:400 calc(12 * var(--u)) var(--mono);flex:none;place-items:center;display:inline-grid}.findbar{top:calc(10 * var(--u));right:calc(14 * var(--u));align-items:center;gap:calc(10 * var(--u));width:calc(360 * var(--u));max-width:calc(100% - 20 * var(--u));height:calc(32 * var(--u));padding-inline:calc(10 * var(--u));border:1px solid var(--rule-strong);border-radius:calc(6 * var(--u));background:var(--plate);box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #00000080;font-size:calc(12.5 * var(--u));display:flex;position:absolute}.findbar__query{align-items:center;gap:calc(6 * var(--u));white-space:pre;flex:1;min-width:0;display:inline-flex}.findbar__query .icon{color:var(--ink-2)}.findbar__count{color:var(--ink-2);font-size:calc(12 * var(--u));white-space:nowrap}.findbar__tools{gap:calc(8 * var(--u));color:var(--ink-2);font-size:calc(14 * var(--u));display:inline-flex}.modal{width:min(100% - 32px, calc(360 * var(--u)));padding:calc(16 * var(--u));border:1px solid var(--rule-strong);border-radius:calc(8 * var(--u));background:var(--popup);box-shadow:inset 0 1px 0 #ffffff0a, 0 0 0 1px #00000080, 0 calc(28 * var(--u)) calc(64 * var(--u)) calc(-12 * var(--u)) #000000d9}.modal__title{font-weight:600}.modal__body{margin-top:calc(4 * var(--u));color:var(--ink-2);font-size:calc(12 * var(--u))}.modal__actions{justify-content:flex-end;gap:calc(6 * var(--u));margin-top:calc(14 * var(--u));display:flex}.modal__actions .act{background:var(--plate);color:var(--ink)}.modal__actions .is-focus{position:relative}.modal__actions .is-focus:after{content:"";border-radius:inherit;box-shadow:0 0 0 1px var(--accent);position:absolute;inset:0}.out-row.is-filtered{display:none}.demo--output .output{border-top:0}.demo--output .output__body{padding-block:calc(6 * var(--u))}.demo .app__tab span,.demo .app__grip,.demo .app__download{display:none}.demo .app__tab{padding-inline:calc(10 * var(--u))}.panel-tabs{gap:calc(2 * var(--u));margin-right:calc(10 * var(--u));flex:none;display:inline-flex}.panel-tab{align-items:center;gap:calc(5 * var(--u));height:calc(22 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(6 * var(--u));color:var(--ink-3);font-size:calc(12 * var(--u));white-space:nowrap;font-weight:500;display:inline-flex}.panel-tab .icon{font-size:calc(12.5 * var(--u))}.panel-tab.is-active{color:#121216;background:#e9e6ef;box-shadow:0 2px 8px -2px #0009}@container (width<=760px){.view--editor{grid-template:"main" minmax(0, 1fr) "toolbar" calc(36 * var(--u)) "panel" calc(128 * var(--u)) "status" calc(24 * var(--u)) / minmax(0, 1fr)}.explorer,.hub-side{display:none}.view--browse{grid-template-columns:minmax(0,1fr)}}@container (width<=560px){.app__title{gap:calc(6 * var(--u));padding-left:calc(10 * var(--u))}.app__grip,.app__download,.app__inject,.app__state span,.app__tab span{display:none}.app__tab{padding-inline:calc(10 * var(--u))}.app__state{margin-right:calc(4 * var(--u))}.winctl{width:calc(30 * var(--u))}.landing{gap:calc(18 * var(--u));width:calc(100% - 28px);padding-block:calc(22 * var(--u)) calc(12 * var(--u))}.welcome{gap:calc(12 * var(--u))}.welcome__logo{height:calc(40 * var(--u))}.welcome__title{font-size:calc(22 * var(--u))}.quick__item{gap:calc(6 * var(--u));height:calc(64 * var(--u));font-size:calc(12 * var(--u));flex-direction:column-reverse}.compat__meters{gap:calc(12 * var(--u));grid-template-columns:minmax(0,1fr)}.meter__value{font-size:calc(18 * var(--u))}.meter__bar{margin-top:calc(7 * var(--u))}.landing__cols{grid-template-columns:minmax(0,1fr)}.landing__cols>:first-child,.landing__foot{display:none}.code{font-size:12px;line-height:17px}.line{grid-template-columns:30px minmax(0,1fr)}.line__no{padding-right:10px}.line__text{min-height:17px;padding-right:8px}.output__tool,.field--filter,.statusbar__extra,.panel-tab:not(.is-active){display:none}.seg--levels{margin-left:auto}.out-row{padding-block:calc(3 * var(--u))}.out-row__time{display:none}.hub-main{gap:calc(10 * var(--u));padding:calc(10 * var(--u))}.hub-count,.hub-sort{display:none}.hub-featured{gap:calc(8 * var(--u));grid-template-columns:minmax(0,1fr)}.hub-tile--featured{min-height:calc(64 * var(--u))}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-card:nth-child(n+3){display:none}.demo--output .output{grid-template-rows:auto minmax(0,1fr)}.demo--output .output__head{padding-block:calc(4 * var(--u));flex-wrap:wrap}.demo--output .field--filter{display:inline-flex}.demo--output .out-row{flex-wrap:wrap;row-gap:0}.demo--output .out-row__time{display:inline}.demo--output .out-row__text{flex:1 0 100%}.settings{padding-inline:calc(14 * var(--u))}.setting{padding-block:calc(6 * var(--u))}.setting:has(.seg--scale){padding-block:calc(8 * var(--u));flex-wrap:wrap}.seg--scale .seg__item{padding-inline:calc(6 * var(--u))}}@container (width<=337px){.view--editor{grid-template:"main" minmax(0, 1fr) "toolbar" calc(36 * var(--u)) "panel" calc(164 * var(--u)) "status" calc(24 * var(--u)) / minmax(0, 1fr)}.tool:nth-of-type(n+4){display:none}}html:not(.js) .slot{height:auto}html:not(.js) .app{grid-template-rows:calc(46 * var(--u)) auto;position:static}html:not(.js) .view{height:calc(534 * var(--u))}html:not(.js) .view+.view{border-top:1px solid var(--rule)}html:not(.js) .app__tabs,html:not(.js) .app__toast,html:not(.js) .picker__tabs,html:not(.js) .picker__caption,html:not(.js) .btn--toggle,html:not(.js) .slot__show{display:none}.chroma,.rise>span{position:relative}.chroma:before,.chroma:after,.rise>span:before,.rise>span:after{content:attr(data-text);color:#ff2f6d;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute;inset:0}.chroma:after,.rise>span:after{color:#22d8ff}@media (prefers-reduced-motion:no-preference){.js .rise>span:before{animation:split-left 1s var(--ease) backwards;animation-delay:calc(60ms + var(--i) * 90ms)}.js .rise>span:after{animation:split-right 1s var(--ease) backwards;animation-delay:calc(60ms + var(--i) * 90ms)}.js .chroma.reveal:not(.is-pending):before{animation:split-left .9s var(--ease) backwards}.js .chroma.reveal:not(.is-pending):after{animation:split-right .9s var(--ease) backwards}}@keyframes split-left{0%{opacity:.95;transform:translate(-.08em)}}@keyframes split-right{0%{opacity:.95;transform:translate(.08em)}}.eyebrow{color:var(--muted);font:600 12px / 1 var(--mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow span{color:var(--accent)}.eyebrow:after{content:"";background:var(--line);width:56px;height:1px}.features__head .eyebrow{grid-column:1/-1;margin-bottom:4px}.ticker{background:var(--hairline) top / 100% 1px no-repeat, var(--hairline) bottom / 100% 1px no-repeat;padding-block:20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ticker__track{align-items:center;width:max-content;animation:60s linear infinite ticker;display:flex}.ticker__track span{color:var(--muted);font:600 13px / 1 var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.ticker__track .blade{height:13px;margin-inline:26px}@keyframes ticker{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}.js .lift:after{--mark:#ffffff4d;--arm:16px;content:"";pointer-events:none;background:linear-gradient(var(--mark) 0 0) 0 0 / var(--arm) 1px, linear-gradient(var(--mark) 0 0) 0 0 / 1px var(--arm), linear-gradient(var(--mark) 0 0) 100% 0 / var(--arm) 1px, linear-gradient(var(--mark) 0 0) 100% 0 / 1px var(--arm), linear-gradient(var(--mark) 0 0) 0 100% / var(--arm) 1px, linear-gradient(var(--mark) 0 0) 0 100% / 1px var(--arm), linear-gradient(var(--mark) 0 0) 100% 100% / var(--arm) 1px, linear-gradient(var(--mark) 0 0) 100% 100% / 1px var(--arm);background-repeat:no-repeat;position:absolute;inset:-12px}