@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:"Space Grotesk", system-ui, -apple-system, "Segoe 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);letter-spacing:-.035em;text-wrap:balance;font-weight:700}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,.soon__card,.soon__includes,.plan,.pricing__faq){filter:none}html.reduce-motion{scroll-behavior:auto}.reduce-motion,.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (prefers-reduced-motion:reduce){html:not(.js){scroll-behavior:auto}html:not(.js) *,html:not(.js) :before,html:not(.js) :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:-.02em;align-items:center;gap:9px;margin-right:auto;font-size:17px;font-weight:700;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{flex:none;order:1;width:44px;height:44px;margin-right:-10px;display:none;position:relative}@media (width<=299px){.nav__cta{display:none}}.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);letter-spacing:-.02em;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:22px;font-weight:600;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}.js .menu-open .nav__links a:nth-child(4){transition-delay:.21s}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}.hero h1{letter-spacing:-.045em;margin-left:-.04em;font-size:clamp(56px,18.5vw,84px);line-height:.95}.rise{clip-path:inset(-.4em -.25em -.26em -.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}.js:not(.reduce-motion) .site-header{animation:fade-in .7s var(--ease) backwards}.js:not(.reduce-motion) .rise>span{animation:rise var(--enter) var(--ease) backwards;animation-delay:calc(60ms + var(--i) * 90ms)}.js:not(.reduce-motion) .blade--title{animation:draw .52s var(--ease) .62s backwards}.js:not(.reduce-motion) .hero__body{animation:fade-up var(--enter) var(--ease) .26s backwards}.js:not(.reduce-motion) .picker{animation:fade-up var(--enter) var(--ease) .36s backwards}.js:not(.reduce-motion) .glow{animation:bloom .9s var(--ease) .18s backwards}.js:not(.reduce-motion) .lift{animation:lift .9s var(--ease) .22s backwards}.js:not(.reduce-motion) .note{animation:fade-in .6s var(--ease) .56s backwards}@keyframes rise{0%{filter:blur(12px);transform:translateY(132%)}}@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}.hero h1{font-size:clamp(76px,10vw,112px);line-height:.92}.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:.78}.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}.hero h1{grid-area:title;margin-bottom:clamp(24px,3.6vh,36px);font-size:clamp(88px,6.8vw,136px)}.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:.84}}@media (width>=1440px){.stage{--s:.9}}@media (width>=1840px){:root{--width:1560px}.stage{--s:1.04}.lede{font-size:18px}}.features{isolation:isolate;padding-block:clamp(48px,5.6vw,84px) clamp(64px,7vw,112px);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:-.04em;font-size:clamp(40px,5.4vw,76px);line-height:1}.features__head p{max-width:30em;color:var(--muted);font-size:17px}.features__rows{gap:clamp(72px,8.5vw,132px);margin-top:clamp(44px,5vw,80px);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:-.035em;font-size:clamp(28px,2.9vw,40px);line-height:1.05}.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}.js .demo{contain:strict}.js .demo--output{contain:content}.js .demo--output .output__body{contain:strict}.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__frame{border:0;min-inline-size:0;margin:0;padding:0;position:absolute;inset:0}.demo .demo__win>*{grid-area:auto}.demo__win :focus-visible{outline-offset:-2px}.demo__win :disabled{cursor:default}.demo__win :is(input[type=search],input[type=text],.tab__rename){min-width:0;color:var(--ink);font:inherit;appearance:none;background:0 0;border:0;outline:0;margin:0;padding:0}.demo__win input::placeholder{color:var(--ink-3);opacity:1}.demo__win input[type=search]::-webkit-search-cancel-button{display:none}.demo__win .field{box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow var(--quick) var(--ease), background-color var(--quick) var(--ease)}@media (hover:hover){.demo__win .field:hover{background-color:var(--plate-hover)}}.demo__win :is(.field:focus-within,input.field:focus){background-color:var(--editor);box-shadow:inset 0 0 0 1px var(--brand-ring), 0 0 0 3px #bb80ec1f}.demo__win input.field:focus-visible{outline:2px solid var(--accent)}.demo .code--live:has(.code__input:focus-visible):after{content:"";z-index:3;outline:2px solid var(--accent);outline-offset:-2px;pointer-events:none;position:absolute;inset:0}.demo .field--name{height:calc(28 * var(--u));margin-block:calc(10 * var(--u)) calc(8 * var(--u));padding-inline:calc(10 * var(--u));color:var(--ink-2);display:flex}.demo .field--name input{font-family:var(--mono);flex:1;align-self:stretch}.demo .field--name:has(:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.demo .modal__actions:has(:focus-visible) .is-focus:after{opacity:0}.demo .toolbar{height:calc(36 * var(--u))}.demo__ctls{z-index:3;align-items:center;gap:8px 14px;display:flex;position:absolute}.demo__act{flex:none}.demo__act .icon{width:15px;height:15px}.demo__act[aria-disabled=true],.demo__ctls[inert]{opacity:.55;cursor:default}.demo__ctls{transition:opacity var(--quick) var(--ease)}.demo__note{max-width:34em;color:var(--muted);font-size:13px;line-height:1.4}html:not(.js) .demo__ctls{display:none}.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-columns:minmax(0,1fr);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--find .code__stack{padding-top:calc(52 * var(--u))}.demo--tabs{--h:clamp(360px, 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--live{--lines:6;height:calc(var(--lines) * var(--lh) + 12 * var(--u))}.demo--tabs .demo__ctls{text-align:center;flex-direction:column;inset:auto 12px calc(12% + 14px)}.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{inset:max(var(--inset), 56px) var(--inset) 0 0;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(46 * var(--u)) calc(32 * var(--u)) minmax(0, 1fr) auto;border-bottom:0;border-left:0;border-radius:0 10px 0 0;display:grid}.demo--conflict .app__modal{border-radius:inherit}.demo--conflict .demo__ctls{inset:0 var(--inset) auto 16px;height:max(var(--inset), 56px);justify-content:flex-end}.demo--conflict .demo__note{text-align:right}@media (width<=479px){.demo--conflict .demo__note{display:none}}.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--output .demo__frame{position:static}.demo--output .demo__ctls{margin-top:16px;position:static}.demo--output .toolbar{border-top:1px solid var(--rule)}.demo--output .output__head .panel-tab{margin-right:calc(10 * var(--u))}@container (width<=35em){.demo--output .output[data-show]{grid-template-rows:calc(60 * var(--u)) calc(5 * 34 * var(--u) + 14 * var(--u))}.demo--output .output[data-show] .seg--levels,.demo--output .output__set .output__tool{display:inline-flex}.demo--output .output__head{align-content:center}.demo--output .output__set{row-gap:calc(4 * var(--u));flex-wrap:wrap}}@media (width<=719px){.demo .code--live .code__stack{width:auto}.demo .code--live :is(.code__input,.line__text){white-space:pre-wrap;overflow-wrap:anywhere}}.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:.92;--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;--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.12}.demo--tabs{--s:1.08}.demo--tabs .code--live{--lines:8}.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.04;padding:72px var(--bleed)}}.demo--tabs .demo__win,.demo--tabs .tab,.demo--tabs .tabs>.iconbtn,.demo--tabs .code{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease)}.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:nth-child(n+4){--i:3}.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-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--conflict .demo__keys{bottom:calc(36px * var(--s) + 14px)}.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 .out-row{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease)}@starting-style{.demo--output .out-row{opacity:0;transform:translateY(calc(8 * var(--u)))}}.demo--output[data-step] .out-row.is-filtered{display:flex}.demo--output[data-step=filtering] .out-row.is-filtered{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(36px,4vw,56px);line-height:1.02}.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(40px,5.4vw,76px);line-height:1}.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}.motion-switch{min-height:44px;color:var(--muted);transition:color var(--quick) var(--ease);align-items:center;gap:10px;font-size:13px;display:inline-flex}.motion-switch:hover{color:var(--text)}.motion-switch i{background:var(--line);width:28px;height:16px;transition:background-color var(--quick) var(--ease);border-radius:8px;position:relative}.motion-switch i:after{content:"";background:var(--muted);width:12px;height:12px;transition:transform var(--quick) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.motion-switch[aria-pressed=true]{color:var(--text)}.motion-switch[aria-pressed=true] i{background:var(--text)}.motion-switch[aria-pressed=true] i:after{background:var(--bg);transform:translate(12px)}html:not(.js) .motion-switch{display:none}@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}.motion-switch i{forced-color-adjust:none;background:canvas;border:1px solid canvastext}.motion-switch i:after{forced-color-adjust:none;background:canvastext;top:1px;left:1px}.motion-switch[aria-pressed=true] i{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}.has-backdrop .site-header{view-transition-name:site-header}html:not(.reduce-motion) .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;--brand:#bb80ec;--brand-ink:#dcbcf8;--brand-fill:linear-gradient(180deg, #8b52ee, #6a32d6);--brand-line:linear-gradient(90deg, #f0bffc, #b055f6);--brand-tint:linear-gradient(180deg, #bb80ec42, #bb80ec1a);--brand-ring:#bb80ec66;--brand-glow:#9650f080;--raise:inset 0 1px 0 #fff1, inset 0 0 0 1px var(--rule), 0 1px 0 #00000080, 0 14px 28px -18px #000000f2;--sheen:linear-gradient(180deg, #ffffff0a, #ffffff02 55%);--u:calc(var(--s,1) * var(--ui,1) * 1px);color:var(--ink);font:400 calc(13 * var(--u)) / 1.3 var(--sans)}.app{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-top-color:#ffffff26;border-radius:12px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #0009,0 2px 6px #00000059,0 22px 44px -14px #000000a6,0 56px 120px -36px #341268d9}.js .app{contain:strict}.app__frame{grid-template:"title" calc(46 * var(--u)) "body" minmax(0, 1fr) / minmax(0, 1fr);min-width:0;height:100%;border:0;min-inline-size:0;margin:0;padding:0;display:grid}.appkit [hidden]{display:none!important}.app:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#e2c4fb57 20%,#ffffff9e 50%,#e2c4fb57 80%,#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(8 * var(--u));height:calc(46 * var(--u));border-bottom:1px solid var(--rule);grid-area:title;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);display:grid}.app__brand{align-items:center;gap:calc(12 * var(--u));padding-left: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));display:flex}.app__page{align-items:center;gap:calc(6 * var(--u));height:calc(28 * var(--u));padding-inline:calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * 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), box-shadow var(--quick) var(--ease);font-weight:500;display:inline-flex;position:relative}.app__page .icon{font-size:calc(14 * var(--u))}.app__page span{flex-direction:column;align-items:center;display:inline-flex}.app__page span:after{content:attr(data-label);visibility:hidden;height:0;font-weight:650;overflow:hidden}button.app__tab:hover{color:var(--ink)}.app__page.is-active{background:var(--brand-tint);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--brand-ring), 0 6px 16px -8px var(--brand-glow);color:#fff;font-weight:650}.app__page.is-active .icon{color:var(--brand-ink)}.app__page:after{--cut:calc(2 * var(--u));content:"";left:26%;right:26%;bottom:calc(-5 * var(--u));height:calc(2 * var(--u));background:var(--brand-line);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__page.is-active:after{transform:none}.app__right{justify-content:flex-end;align-self:stretch;align-items:center;min-width:0;display:flex}.app__state{align-items:center;gap:calc(8 * var(--u));height:calc(26 * var(--u));margin-right:calc(6 * var(--u));padding-inline:calc(9 * var(--u));border-radius:calc(7 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2);font-size:calc(14 * var(--u));flex:none;display:inline-flex;position:relative}.app__state:after{content:"";left:calc(6 * var(--u));right:calc(6 * var(--u));background:linear-gradient(90deg,#0000,#ffffffbf,#0000);height:1px;position:absolute;bottom:0}.app__state i{color:var(--state);box-shadow:0 0 0 calc(3 * var(--u)) #f07f8624, 0 0 calc(8 * var(--u)) #f07f868c}.app__state i,.chip--state i,.client__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}.winctl{width:calc(38 * 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)}button.winctl{transition:background-color var(--quick) var(--ease)}button.winctl svg{transition:stroke var(--quick) var(--ease)}.winctl:focus-visible{outline-offset:-2px;border-radius:0}@media (hover:hover){button.winctl:enabled:hover{background-color:var(--plate-active)}button.winctl:enabled:hover svg{stroke:var(--ink)}button.winctl--close:enabled:hover{background-color:#c42b1c}button.winctl--close:enabled:hover svg{stroke:#fff}}button.winctl:enabled:active{background-color:var(--plate-hover)}button.winctl--close:enabled:active{background-color:#a52417}.app__body{grid-area:body;min-width:0;min-height:0}.view{overscroll-behavior:contain;background:var(--window);scrollbar-color:var(--rule-strong) transparent;scrollbar-width:thin;height:100%;min-height:0;display:grid;overflow:auto}.js .app__body{--dir:1;touch-action:pan-y pinch-zoom;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:clip}.js .view{contain:strict;grid-area:1/1}.js .view:not(.is-active){visibility:hidden;transform:translateX(calc(var(--dir) * 100%))}.js .view.is-active,.js .view.is-leaving{transition:transform var(--move) var(--ease), visibility 0s var(--move)}.js .view.is-active{transition-delay:0s}.js .view.is-leaving{transform:translateX(calc(var(--dir) * -100%))}.app__toast{left:0;right:0;bottom:calc(18 * var(--u));z-index:4;align-items:center;gap:calc(12 * var(--u));width:fit-content;max-width:calc(100% - 32px);min-height:calc(34 * var(--u));padding:calc(6 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px #bb80ec4d, 0 12px 28px -8px #000c, 0 8px 24px -12px var(--brand-glow);color:var(--ink);font-size:calc(12.5 * var(--u));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(10 * var(--u)));transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), visibility 0s var(--move);background:linear-gradient(#241d2e,#1b1822);margin-inline:auto;display:flex;position:absolute}.app__toast:has(.app__toast-act[hidden]){padding-right:calc(12 * var(--u))}.app__toast.is-shown{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.app__toast.is-nudged{animation:toast-nudge var(--move) var(--ease)}@keyframes toast-nudge{30%{transform:translateY(calc(-3 * var(--u)))}}.app__toast-act{height:calc(24 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(6 * var(--u));background:var(--ink);color:var(--editor);font-size:calc(12 * var(--u));transition:background-color var(--quick) var(--ease), transform var(--quick) var(--ease);flex:none;font-weight:650}.app__toast-act:hover{background:#fff}.app__toast-act:active{transform:scale(.96)}.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);background:#f07f861a;font-weight:500;box-shadow:inset 0 0 0 1px #f07f8647}.chip--state i{box-shadow:0 0 calc(6 * var(--u)) #f07f86b3}.landing{gap:calc(18 * var(--u));width:min(100% - 32px, calc(700 * var(--u)));padding-block:calc(22 * var(--u)) calc(14 * var(--u));flex-direction:column;margin-inline:auto;display:flex}.welcome{align-items:center;gap:calc(18 * var(--u));padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(14 * var(--u));background:linear-gradient(132deg,#0000 56%,#e2c4fb0f 63%,#f0d2fd24 64%,#bb80ec0d 66%,#0000 74%),radial-gradient(70% 150% at 0 0,#b055f66b,#0000 62%),linear-gradient(135deg,#1b1428,#110f16 60%,#17112a);display:flex;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #bb80ec3d,0 1px #00000080,0 20px 40px -24px #7c3ce6bf}.welcome__logo{width:auto;height:calc(54 * var(--u));flex:none}.welcome__title{font-size:calc(30 * var(--u));letter-spacing:-.03em;font-weight:700;line-height:1.1}.welcome__title b{color:#dcaefa;font-weight:700}.welcome__sub{align-items:center;gap:calc(6 * var(--u)) calc(10 * var(--u));margin-top:calc(7 * var(--u));color:#bcb6c8;font-size:calc(12.5 * var(--u));flex-wrap:wrap;display:flex}.quick{gap:calc(10 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quick__item{justify-content:center;align-items:center;gap:calc(10 * var(--u));height:calc(52 * var(--u));border-radius:calc(11 * var(--u));background:var(--sheen), var(--plate);box-shadow:var(--raise);color:var(--ink);font-size:calc(13 * var(--u));transition:background-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease), color var(--quick) var(--ease);font-weight:650;display:flex}.quick__item .icon{box-sizing:content-box;padding:calc(6 * var(--u));border-radius:calc(8 * var(--u));background:var(--brand-tint);color:var(--brand-ink);font-size:calc(14 * var(--u));transition:color var(--quick) var(--ease), transform var(--quick) var(--ease);box-shadow:inset 0 0 0 1px #bb80ec4d}.quick__item:hover{background-color:var(--plate-active)}.quick__item:hover .icon{color:#fff}.quick__item:disabled{color:var(--ink-3);cursor:default}.quick__item:disabled .icon{color:inherit;transform:none}.compat__head,.landing__label{color:var(--ink-2);font:600 calc(10.5 * var(--u)) / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase}:is(.compat__head>span,.landing__label,.settings__caption,.hub-label):before{--cut:calc(2 * var(--u));content:"";width:calc(3 * var(--u));height:calc(11 * var(--u));margin-right:calc(8 * var(--u));background:var(--brand-line);clip-path:polygon(0 var(--cut), 100% 0, 100% calc(100% - var(--cut)), 0 100%);vertical-align:calc(-1 * var(--u));flex:none;display:inline-block}.compat__head{justify-content:space-between;align-items:baseline;display:flex}.compat__head small{color:#8e8e95;font:400 calc(11.5 * var(--u)) var(--sans);letter-spacing:0;text-transform:none}.compat{padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-radius:calc(12 * var(--u));background:radial-gradient(60% 90% at 0% 100%, #b055f614, transparent 70%), var(--sheen), var(--plate);box-shadow:var(--raise)}.compat__meters{grid-template-columns:repeat(auto-fit, minmax(calc(150 * var(--u)), 1fr));gap:calc(14 * var(--u)) calc(24 * var(--u));margin-top:calc(14 * var(--u));display:grid}.meter{--fill:linear-gradient(90deg, #7138dd, #b055f6 65%, #e6b0fc);--tone:linear-gradient(180deg, #8b52ee, #6a32d6);--glow:#b055f699;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:linear-gradient(90deg, #b8202e, #ef4452 70%, #ff8d95);--tone:linear-gradient(180deg, #dc2f3c, #b8202e);--glow:#ef445280}.meter:nth-child(3n+3){--fill:linear-gradient(90deg, #52525b, #f4f4f5);--tone:linear-gradient(180deg, #5a5a63, #3f3f46);--glow:#f4f4f547}.meter__badge{min-width:calc(24 * var(--u));height:calc(22 * var(--u));padding-inline:calc(5 * var(--u));border-radius:calc(6 * var(--u));background:var(--tone);color:#fff;font-size:calc(10.5 * var(--u));place-items:center;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff40}.meter__name{color:var(--ink);font-size:calc(12.5 * var(--u));font-weight:600}.meter__value{font-size:calc(26 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:700;line-height:1}.meter__value small{margin-left:calc(1 * var(--u));color:#8e8e95;font-size:calc(11 * var(--u));font-weight:500}.meter__bar{height:calc(6 * var(--u));margin-top:calc(11 * var(--u));border-radius:calc(4 * var(--u));background:#ffffff0f;grid-column:1/-1;box-shadow:inset 0 1px 1px #00000080}.meter__bar i{border-radius:inherit;background:var(--fill);height:100%;box-shadow:0 0 calc(10 * var(--u)) var(--glow), inset 0 1px 0 #ffffff4d;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))}.landing__list{padding:calc(4 * var(--u));border-radius:calc(12 * var(--u));background:var(--sheen), var(--plate);box-shadow:var(--raise);display:grid}.landing__list>*+*{box-shadow:0 -1px #ffffff0b}.explore,.recent{align-items:center;gap:calc(10 * var(--u));min-height:calc(40 * var(--u));padding-inline:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(13 * var(--u));font-weight:500;display:flex}.explore .icon{flex:none}.explore>.icon:first-child,.recent .icon{box-sizing:content-box;padding:calc(6 * var(--u));border-radius:calc(8 * var(--u));background:var(--sheen), var(--plate-active);box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--rule-strong);color:var(--ink-2);font-size:calc(14 * var(--u));flex:none}.explore>.icon:first-child{background:var(--brand-tint);color:var(--brand-ink);box-shadow:inset 0 0 0 1px #bb80ec4d}.explore>span{font-weight:600}.explore small{margin-top:calc(2 * var(--u));color:#8e8e95;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-hover)}.recent small{color:#8e8e95;font-size:calc(11.5 * var(--u));margin-left:auto;font-weight:400}.landing__foot{align-items:center;gap:calc(14 * var(--u));color:var(--ink-3);font-size:calc(11.5 * var(--u));text-align:center;margin-top:auto;display:flex}.landing__foot:before,.landing__foot:after{content:"";background:linear-gradient(90deg, transparent, var(--rule-strong));flex:1;height:1px}.landing__foot:after{background:linear-gradient(270deg, transparent, var(--rule-strong))}.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(180 * var(--u))}.editor{grid-template:auto minmax(0,1fr)/minmax(0,1fr);grid-area:main;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{justify-content:space-between;align-items:center;gap:calc(6 * var(--u));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;display:flex}.explorer__head>span:first-child{text-overflow:ellipsis;overflow:hidden}.explorer__tools{gap:calc(5 * var(--u));color:var(--ink-3);font-size:calc(13 * var(--u));flex:none;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 .icon:not(.folder__chevron){color:var(--brand)}.folder__head small{min-width:calc(17 * var(--u));padding:calc(1 * var(--u)) calc(5 * var(--u));border-radius:calc(6 * var(--u));box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2);font-size:calc(10.5 * var(--u));font-variant-numeric:tabular-nums;text-align:center;background:#ffffff0d;margin-left:auto;font-weight:500;line-height:1.3}.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-radius:0 calc(6 * var(--u)) calc(6 * var(--u)) 0;color:#fff;background:linear-gradient(90deg,#bb80ec3d,#bb80ec0f);border-left-color:#0000}.folder__file.is-active .icon{color:var(--brand-ink)}.folder__empty{color:var(--ink-3)}.toolbar{align-items:center;gap:calc(2 * var(--u));padding-inline:calc(6 * var(--u));border-top:1px solid var(--rule);grid-area:toolbar;display:flex}.tool{align-items:center;gap:calc(6 * var(--u));height:calc(26 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(6 * var(--u));color:var(--ink-3);font-size:calc(12.5 * var(--u));white-space:nowrap;flex:none;font-weight:500;display:inline-flex}.tool .icon{font-size:calc(14 * var(--u))}.tool--run{color:var(--ink);transition:background-color var(--quick) var(--ease), transform var(--quick) var(--ease);font-weight:600;position:relative}.tool--run:after{content:"";position:absolute;inset:-6px 0}@media (hover:hover){.tool--run:not(:disabled):hover{background-color:var(--plate-active)}}.tool--run:not(:disabled):active{transform:translateY(1px)scale(.97)}.tool--run:disabled{color:var(--ink-3);cursor:default}.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))}.view--editor>.output{grid-area:panel}.statusbar{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;background:linear-gradient(90deg,#bb80ec12,#0000 40%),#0c0c0d;grid-area:status;align-items:center;display:flex}.statusbar>span:first-child{align-items:center;gap:calc(6 * var(--u));color:var(--ink);display:inline-flex}.statusbar .icon{color:var(--brand-ink)}.statusbar>span+span{margin-left:calc(11 * var(--u));padding-left:calc(11 * var(--u));box-shadow:inset 1px 0 0 var(--rule-strong)}.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);background:#0c0c0d;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 small{color:#c9b8dc}.hub-nav.is-active,.hub-source.is-active,.hub-filter.is-active{background:var(--brand-tint);color:#fff}.hub-nav .icon,.hub-filter .icon{color:var(--ink-2);font-size:calc(14 * var(--u));flex:none}.hub-nav .icon{box-sizing:content-box;padding:calc(6 * var(--u));border-radius:calc(8 * var(--u));background:var(--sheen), var(--plate-active);box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--rule-strong);font-size:calc(13 * var(--u))}.hub-nav.is-active .icon{background:var(--brand-fill);box-shadow:inset 0 1px 0 #ffffff47, 0 calc(4 * var(--u)) calc(10 * var(--u)) calc(-3 * var(--u)) var(--brand-glow);color:#fff}.hub-source i{width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:calc(3 * var(--u));background:linear-gradient(135deg,#3d3c46,#25242c);flex:none;box-shadow:inset 0 1px #ffffff1a}.hub-source.is-active i{background:linear-gradient(135deg,#f0bffc,#9b5bf2);box-shadow:inset 0 1px #ffffff4d}.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(12 * var(--u));background:radial-gradient(50% 120% at 0% 50%, #b055f629, transparent 70%), var(--sheen), var(--plate);display:grid;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #bb80ec33,0 1px #00000080,0 18px 34px -22px #7c3ce699}.hub-featured .hub-card__title{font-size:calc(18 * var(--u));letter-spacing:-.02em;font-weight:700}.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(11 * var(--u));background:var(--sheen), var(--plate);box-shadow:var(--raise);flex-direction:column;display:flex}.hub-card__title{padding-inline:calc(2 * var(--u));font-size:calc(14 * var(--u));letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;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 span .icon{color:var(--brand)}.hub-tags b{padding:calc(1.5 * var(--u)) calc(6 * var(--u));border-radius:calc(4 * var(--u));color:#86efac;font:600 calc(10 * var(--u)) var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#4ade801f;margin-left:auto;box-shadow:inset 0 0 0 1px #4ade804d}.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{--hue:270;isolation:isolate;height:calc(78 * var(--u));border-radius:calc(8 * var(--u));background:radial-gradient(80% 110% at 92% -8%, hsl(var(--hue) 95% 66% / .6), transparent 60%), radial-gradient(70% 90% at 0% 108%, hsl(calc(var(--hue) - 32) 90% 58% / .42), transparent 62%), linear-gradient(150deg, hsl(var(--hue) 46% 19%), hsl(calc(var(--hue) - 16) 48% 8%) 78%);box-shadow:inset 0 0 0 1px hsl(var(--hue) 80% 75% / .16), inset 0 1px 0 #ffffff24;place-items:center;display:grid;position:relative;overflow:hidden}.hub-tile:before{content:"";z-index:-1;position:absolute;inset:0}.hub-tile[data-art="0"]:before{background:repeating-radial-gradient(circle at 86% 16%, transparent 0 calc(9 * var(--u)), hsl(var(--hue) 90% 82% / .13) calc(9 * var(--u)) calc(10 * var(--u)))}.hub-tile[data-art="1"]:before{background:repeating-linear-gradient(132deg, transparent 0 calc(7 * var(--u)), hsl(var(--hue) 90% 82% / .1) calc(7 * var(--u)) calc(8 * var(--u)))}.hub-tile[data-art="2"]:before{background:linear-gradient(132deg, transparent 34%, hsl(var(--hue) 95% 80% / .14) 45%, hsl(var(--hue) 100% 90% / .42) 46%, hsl(var(--hue) 95% 80% / .1) 48%, transparent 58%), linear-gradient(132deg, transparent 58%, hsl(var(--hue) 95% 80% / .1) 64%, hsl(var(--hue) 100% 90% / .26) 65%, transparent 71%)}.hub-tile[data-art="3"]:before{background:radial-gradient(hsl(var(--hue) 90% 86% / .26) calc(1 * var(--u)), transparent calc(1.6 * var(--u))) 0 0 / calc(11 * var(--u)) calc(11 * var(--u))}.hub-tile b{color:#fff;font-size:calc(30 * var(--u));letter-spacing:-.04em;text-shadow:0 calc(2 * var(--u)) 0 hsl(var(--hue) 70% 14% / .8);font-weight:700}.hub-tile small{top:calc(6 * var(--u));left:calc(6 * var(--u));padding:calc(2 * var(--u)) calc(5 * var(--u));border-radius:calc(4 * var(--u));color:#ffffffdb;font:600 calc(9 * var(--u)) var(--mono);letter-spacing:.12em;text-transform:uppercase;background:#00000061;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.hub-tile--featured{height:auto;min-height:calc(120 * var(--u))}.hub-tile--featured b{font-size:calc(52 * var(--u))}.hub-chip{align-self:flex-start;align-items:center;gap:calc(4 * var(--u));height:calc(20 * var(--u));padding-inline:calc(7 * var(--u)) calc(8 * var(--u));border-radius:calc(6 * var(--u));background:var(--brand-fill);box-shadow:inset 0 1px 0 #ffffff47, 0 calc(4 * var(--u)) calc(12 * var(--u)) calc(-4 * var(--u)) var(--brand-glow);color:#fff;font-size:calc(10.5 * var(--u));font-weight:650;display:inline-flex}.hub-chip .icon{fill:currentColor}.tabs{align-items:center;gap:calc(2 * var(--u));height:calc(32 * var(--u));padding-inline:calc(5 * var(--u));border-bottom:1px solid var(--rule);display:flex}.tab{align-items:center;gap:calc(6 * var(--u));min-width:0;height:calc(24 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(7 * var(--u));color:var(--ink-3);font-size:calc(12.5 * var(--u));white-space:nowrap;flex:0 auto;font-weight:500;display:flex}.tab .icon{font-size:calc(13 * var(--u))}.tab.is-active{background:linear-gradient(180deg, #bb80ec2e, #bb80ec0d), var(--plate-active);color:#fff;font-weight:650;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #bb80ec4d}.tab.is-active .icon{color:var(--brand-ink)}.tab__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.dirty{width:calc(6 * var(--u));height:calc(6 * var(--u));background:var(--amber);box-shadow:0 0 calc(6 * var(--u)) #d9b36c99;border-radius:50%;flex:none}.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:#dedbe8;font:400 calc(13 * var(--u)) / calc(19 * var(--u)) var(--mono);margin:0;position:relative;overflow:hidden}.code code{font:inherit;display:block}.line{grid-template-columns:calc(42 * var(--u)) minmax(0, 1fr);display:grid}.line.is-current{background:#bb80ec0f}.line__no{padding-right:calc(16 * var(--u));color:#7a7983;text-align:right;-webkit-user-select:none;user-select:none;font-weight:500}.line.is-current .line__no{color:var(--brand-ink);font-weight:650}.line__text{min-height:calc(19 * var(--u));white-space:pre-wrap}.caret{width:calc(1.5 * var(--u));background:#e6b0fc;height:1.15em;margin:.14em 0 0 1px;position:absolute}.c-key{color:#d3a6fa}.c-decl{color:#8db6ff}.c-string{color:#a8e2a2}.c-number{color:#f9b384}.c-comment{color:#8a8598}.c-builtin{color:#86e0d3}.c-punct{color:#a5a1b3}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__tools{flex:1;min-width:0;display:grid}.output__set{justify-content:flex-end;align-items:center;gap:calc(2 * var(--u));grid-area:1/1;min-width:0;display:flex}.output[data-show]>.output__body{grid-area:2/1}.output [data-for]{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), visibility 0s}.output[data-show=output] [data-for]:not([data-for=output]),.output[data-show=parser] [data-for]:not([data-for=parser]),.output[data-show=instances] [data-for]:not([data-for=instances]){opacity:0;visibility:hidden;transition-delay:0s, 0s, var(--move)}.output[data-show=output] .output__body:not([data-for=output]),.output[data-show=parser] .output__body[data-for=instances]{transform:translateX(calc(14 * var(--u)))}.output[data-show=instances] .output__body:not([data-for=instances]),.output[data-show=parser] .output__body[data-for=output]{transform:translateX(calc(-14 * var(--u)))}.output__title{margin-right:calc(6 * var(--u));color:var(--ink-2);font-size:calc(12 * var(--u));font-weight:500}.out-count{--tone:217 179 108;align-items:center;gap:calc(4 * var(--u));height:calc(18 * var(--u));margin-right:calc(6 * var(--u));padding-inline:calc(6 * var(--u)) calc(7 * var(--u));border-radius:calc(9 * var(--u));background:rgb(var(--tone) / .12);box-shadow:inset 0 0 0 1px rgb(var(--tone) / .3);font-size:calc(11.5 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.out-count--warning{color:var(--amber)}.out-count--error{--tone:229 128 128;color:var(--red)}.field{align-items:center;gap:calc(6 * var(--u));background:linear-gradient(180deg, #00000038, transparent 60%), 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))}.field--clients{flex:0 1 calc(150 * var(--u));min-width:0;height:calc(22 * var(--u));margin-right:calc(2 * var(--u));padding-inline:calc(8 * var(--u));white-space:nowrap;overflow:hidden}.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(--brand-tint);color:#fff}.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{--tone:187 128 236;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:#dedbe8;font:400 calc(12 * var(--u)) / 1.4 var(--mono);display:flex}.out-row__time{color:var(--ink-3);flex:none}:is(.out-row--warning,.out-row--error) .out-row__time{color:#8e8e95}.out-row__source{min-width:calc(58 * var(--u));height:calc(16 * var(--u));margin-top:calc(.5 * var(--u));padding-inline:calc(5 * var(--u));border-radius:calc(4 * var(--u));color:var(--brand-ink);font:600 calc(10 * var(--u)) / 1 var(--mono);letter-spacing:.06em;background:#bb80ec21;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #bb80ec42}.out-row__level{width:calc(17 * var(--u));height:calc(16 * var(--u));margin-top:calc(.5 * var(--u));margin-right:calc(-2 * var(--u));border-radius:calc(4 * var(--u));background:rgb(var(--tone) / .13);box-shadow:inset 0 0 0 1px rgb(var(--tone) / .3);font-size:calc(11 * var(--u));flex:none;place-items:center;display:grid}.out-row--info .out-row__level:before{content:"";width:calc(5 * var(--u));height:calc(5 * var(--u));background:var(--brand);box-shadow:0 0 calc(5 * var(--u)) #bb80ece6;border-radius:50%}.out-row__text{min-width:0}.out-row--warning{--tone:217 179 108;background:linear-gradient(90deg, rgb(var(--tone) / .09), transparent 70%);box-shadow:inset calc(2 * var(--u)) 0 0 rgb(var(--tone) / .75);color:var(--amber)}.out-row--error{--tone:229 128 128;background:linear-gradient(90deg, rgb(var(--tone) / .09), transparent 70%);box-shadow:inset calc(2 * var(--u)) 0 0 rgb(var(--tone) / .75);color:var(--red)}.output__body--instances{overflow:hidden}.clients{gap:calc(4 * var(--u));padding:calc(5 * var(--u)) calc(10 * var(--u));flex-direction:column;display:flex}.clients__all{align-items:center;gap:calc(10 * var(--u));height:calc(22 * var(--u));padding-inline:calc(10 * var(--u));font-size:calc(12.5 * var(--u));white-space:nowrap;display:flex}.clients__all b{font-weight:650}.clients__all small{min-width:0;color:var(--ink-3);font:400 calc(11 * var(--u)) var(--mono);text-overflow:ellipsis;overflow:hidden}.check{width:calc(14 * var(--u));height:calc(14 * var(--u));border-radius:calc(4 * var(--u));flex:none;box-shadow:inset 0 0 0 1px #3c3c42}.client{align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(9 * var(--u));background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);grid-template-columns:auto auto minmax(0,1fr) repeat(4,auto);display:grid}.client__avatar{width:calc(32 * var(--u));height:calc(32 * var(--u));background:radial-gradient(circle calc(6.5 * var(--u)) at 50% 38%, #77767e 95%, transparent), radial-gradient(calc(11 * var(--u)) calc(8.5 * var(--u)) at 50% 100%, #77767e 95%, transparent), #2b2b30;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff0f}.client__who{min-width:0;line-height:1.25;display:grid}.client__who b{font-size:calc(13 * var(--u));font-weight:650}.client__who small{color:var(--ink-2);font:400 calc(11 * var(--u)) / 1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client__who em{color:#8e8e95;font-size:calc(11.5 * var(--u))}.client__state{align-items:center;gap:calc(6 * var(--u));color:var(--state);font-size:calc(12 * var(--u));white-space:nowrap;font-weight:500;display:inline-flex}.client__inject{align-items:center;gap:calc(6 * var(--u));height:calc(26 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(7 * var(--u));box-shadow:inset 0 0 0 1px var(--rule-strong);font-size:calc(12 * var(--u));background:#1e1e21;font-weight:600;display:inline-flex}.client__inject .icon{font-size:calc(13 * var(--u))}.client__tool{color:var(--ink-3);font-size:calc(14 * var(--u))}.settings{max-width:calc(580 * var(--u));padding:calc(16 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u))}.settings__title{font:700 calc(20 * var(--u)) / 1.2 var(--sans);letter-spacing:-.025em}.settings__caption{margin:calc(16 * var(--u)) calc(2 * var(--u)) calc(8 * var(--u));color:var(--ink-2);font:600 calc(10.5 * var(--u)) / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.settings__group{padding-inline:calc(14 * var(--u));border-radius:calc(12 * var(--u));background:var(--sheen), var(--plate);box-shadow:var(--raise)}.setting__label>span{font-weight:550}.setting{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));min-height:calc(44 * var(--u));padding-block:calc(5 * 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(34 * var(--u));height:calc(20 * var(--u));border-radius:calc(10 * var(--u));box-shadow:inset 0 1px 2px #0000008c, inset 0 0 0 1px var(--rule-strong);background:#222226;flex:none;position:relative}.toggle:after{content:"";top:calc(3 * var(--u));left:calc(3 * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u));background:linear-gradient(#b4b4b9,#8d8d93);border-radius:50%;position:absolute;box-shadow:0 1px 2px #00000080}.toggle.is-on{background:var(--brand-fill);box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 1px #6028c899, 0 calc(3 * var(--u)) calc(10 * var(--u)) calc(-2 * var(--u)) var(--brand-glow)}.toggle.is-on:after{transform:translateX(calc(14 * var(--u)));background:#fff}.stepper{align-items:center;gap:calc(12 * var(--u));height:calc(28 * var(--u));padding-inline:calc(8 * var(--u));border-radius:calc(7 * var(--u));box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink-2);font-size:calc(12 * var(--u));background:linear-gradient(#00000038,#0000 60%),#121214;flex:none;display:inline-flex}.stepper b,.stepper__value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.keyfield{min-width:calc(76 * var(--u));height:calc(28 * var(--u));padding-inline:calc(12 * var(--u));border-radius:calc(7 * var(--u));font:600 calc(12 * var(--u)) var(--mono);background:linear-gradient(#2a2a2f,#1d1d21);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(8 * var(--u));box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #00000080;font-size:calc(12.5 * var(--u));background:linear-gradient(#1f1e24,#18171c);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(--brand-ink);font-size:calc(12 * var(--u));white-space:nowrap;font-weight:500}.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(10 * var(--u));background:radial-gradient(80% 60% at 50% -20%, #bb80ec1a, transparent 70%), var(--popup);box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px #00000080, 0 calc(28 * var(--u)) calc(64 * var(--u)) calc(-12 * var(--u)) #000000d9;border-top-color:#ffffff1f}.modal__title{font-size:calc(14 * var(--u));font-weight:700}.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__page span,.demo .app__grip,.demo .app__download{display:none}.demo .app__page{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{background:var(--brand-tint);box-shadow:inset 0 1px 0 #ffffff17, inset 0 0 0 1px var(--brand-ring);color:#fff;font-weight:600}.panel-tab.is-active .icon{color:var(--brand-ink)}button.panel-tab{transition:background-color var(--quick) var(--ease), color var(--quick) var(--ease), box-shadow var(--quick) var(--ease)}button.panel-tab:disabled{cursor:default}@media (hover:hover){button.panel-tab:not(:disabled,.is-active):hover{color:var(--ink)}}.app :focus-visible{outline-offset:-2px}.app :disabled{cursor:default}.app input[type=search],.app input[type=text],.app .tab__rename{min-width:0;color:var(--ink);font:inherit;appearance:none;background:0 0;border:0;outline:0;margin:0;padding:0}.app input::placeholder{color:var(--ink-3);opacity:1}.app input[type=search]::-webkit-search-cancel-button{display:none}label.field{cursor:text}.app .field{box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow var(--quick) var(--ease), background-color var(--quick) var(--ease)}.app label.field input{flex:1;align-self:stretch}@media (hover:hover){.app .field:hover{background-color:var(--plate-hover)}}.app .field:focus-within,.app input.field:focus{background-color:var(--editor);box-shadow:inset 0 0 0 1px var(--brand-ring), 0 0 0 3px #bb80ec1f}.app .field:has(:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.app .field :focus-visible{outline:0}.app input.field{color:var(--ink)}.iconbtn{border-radius:calc(6 * var(--u))}.iconbtn--xs{width:calc(17 * var(--u));height:calc(20 * var(--u));font-size:calc(13 * var(--u));color:var(--ink-3)}:is(button.iconbtn,.tool,.hub-act,.explore,.recent,.quick__item,.hub-nav,.hub-source,.hub-filter,.folder__head,.folder__file,.tab__close,.app__home,.unseen__back,.act,.stepper__btn,.keyfield){transition:background-color var(--quick) var(--ease), color var(--quick) var(--ease), box-shadow var(--quick) var(--ease), transform var(--quick) var(--ease)}@media (hover:hover){:is(button.iconbtn,.tool,.hub-nav,.hub-source,.hub-filter,.folder__head,.folder__file):enabled:hover{background-color:var(--plate-hover);color:var(--ink)}}:is(button.iconbtn,.tool,.hub-act,.hub-exec,.act,.stepper__btn,.keyfield,.unseen__back,.client__inject,.app__home):enabled:active{transform:scale(.96)}:is(.hub-nav,.hub-source,.hub-filter,.folder__head,.folder__file,.explore,.quick__item):enabled:active,a.quick__item:active,a.recent:active{background-color:var(--plate-active)}button.iconbtn[aria-pressed=true]{background:var(--brand-tint);box-shadow:inset 0 0 0 1px var(--brand-ring);color:#fff}:is(.hub-nav,.folder__file){position:relative}:is(.hub-nav,.folder__file):before{--cut:calc(2 * var(--u));content:"";width:calc(3 * var(--u));height:calc(16 * var(--u));margin-top:calc(-8 * var(--u));clip-path:polygon(0 var(--cut), 100% 0, 100% calc(100% - var(--cut)), 0 100%);transition:transform var(--move) var(--ease);background:linear-gradient(#f0bffc,#b055f6);position:absolute;top:50%;left:0;transform:scaleY(0)}:is(.hub-nav,.folder__file).is-active:before{transform:none}.app__title{background:linear-gradient(#ffffff06,#0000);position:relative}.app__brand{gap:calc(4 * var(--u));padding-left:calc(6 * var(--u))}.app__brand .iconbtn{width:calc(28 * var(--u));height:calc(28 * var(--u));color:var(--ink-3);font-size:calc(15 * var(--u))}.app__home{height:calc(30 * var(--u));padding-inline:calc(6 * var(--u));border-radius:calc(7 * var(--u));place-items:center;display:grid}.app__home .app__logo{transition:transform var(--move) var(--ease)}@media (hover:hover){.app__home:enabled:hover{background:var(--plate-hover)}.app__home:enabled:hover .app__logo{transform:rotate(-6deg)scale(1.06)}button.app__page:enabled:not(.is-active):hover{background:var(--plate-hover);color:var(--ink)}button.app__state:enabled:hover{background:var(--plate-hover);box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink)}}button.app__page:enabled:active{background:var(--plate-active)}button.app__state{transition:background-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease), color var(--quick) var(--ease)}.view--unseen{background:radial-gradient(36% 42% at 50% 44%, #b055f61f, transparent 70%), var(--window);place-items:center}.unseen{justify-items:center;gap:calc(8 * var(--u));max-width:calc(380 * var(--u));padding:calc(24 * var(--u));text-align:center;display:grid}.unseen__icon{width:calc(56 * var(--u));height:calc(56 * var(--u));margin-bottom:calc(8 * var(--u));border-radius:calc(16 * var(--u));box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px #bb80ec59, 0 0 0 1px #00000080, 0 calc(12 * var(--u)) calc(30 * var(--u)) calc(-8 * var(--u)) var(--brand-glow);color:var(--brand-ink);font-size:calc(22 * var(--u));background:radial-gradient(80% 80% at 30% 0,#f0bffc4d,#0000 70%),linear-gradient(#2b1f3d,#18131f);place-items:center;display:grid}.unseen__title{font-size:calc(21 * var(--u));letter-spacing:-.025em;font-weight:700}.unseen__body{color:var(--ink-2);font-size:calc(12.5 * var(--u));line-height:1.55}.unseen__back{align-items:center;gap:calc(7 * var(--u));height:calc(30 * var(--u));margin-top:calc(10 * var(--u));padding-inline:calc(12 * var(--u));border-radius:calc(8 * var(--u));background:var(--brand-tint);box-shadow:inset 0 1px 0 #ffffff17, inset 0 0 0 1px var(--brand-ring);font-size:calc(12.5 * var(--u));font-weight:600;display:inline-flex}.unseen__back .icon{color:var(--brand-ink);font-size:calc(13 * var(--u))}@media (hover:hover){.unseen__back:enabled:hover{background-color:#bb80ec1f}}.output__body--note{background:var(--editor);place-items:center;display:grid}.output__body--note .unseen{gap:calc(4 * var(--u));padding:calc(8 * var(--u))}.output__body--note .unseen__icon{width:calc(30 * var(--u));height:calc(30 * var(--u));margin-bottom:calc(2 * var(--u));border-radius:calc(9 * var(--u));font-size:calc(14 * var(--u))}.output__body--note .unseen__title{font-size:calc(13 * var(--u))}.output__body--note .unseen__body{font-size:calc(11.5 * var(--u))}.quick__item{position:relative}.quick__item .icon{transition:color var(--quick) var(--ease), transform var(--move) var(--ease)}.quick__item:after{content:"";opacity:0;height:1px;transition:opacity var(--quick) var(--ease);background:linear-gradient(90deg,#0000,#ffffff80,#0000);position:absolute;inset:auto 30% 0}@media (hover:hover){.quick__item:is(a,:enabled):hover .icon{transform:translateY(calc(-2 * var(--u)))}.quick__item:is(a,:enabled):hover:after{opacity:1}.explore:enabled:hover,a.recent:hover{background:var(--plate-hover)}.explore:enabled:hover .explore__go{color:var(--ink);transform:translate(calc(2 * var(--u)), calc(-2 * var(--u)))}}.explore{text-align:left;width:100%}.explore__go{color:var(--ink-3);font-size:calc(13 * var(--u));transition:color var(--quick) var(--ease), transform var(--quick) var(--ease);margin-left:auto}.tabs{gap:calc(4 * var(--u))}.tabs__list{align-items:center;gap:calc(2 * var(--u));scrollbar-width:none;flex:0 auto;min-width:0;display:flex;overflow-x:auto}.tabs__list::-webkit-scrollbar{display:none}.tabs__find{color:var(--ink-3);margin-left:auto}.tabs .tab{max-width:calc(200 * var(--u));transition:background-color var(--quick) var(--ease), color var(--quick) var(--ease);flex:none;gap:0;padding:0;position:relative}.tab__main{align-items:center;gap:calc(6 * var(--u));min-width:0;height:100%;padding-inline:calc(8 * var(--u)) calc(4 * var(--u));border-radius:inherit;font-weight:inherit;display:flex}.tab__close{width:calc(18 * var(--u));height:calc(18 * var(--u));margin-right:calc(4 * var(--u));border-radius:calc(5 * var(--u));color:var(--ink-3);font-size:calc(12 * var(--u));opacity:0;flex:none;place-items:center;display:grid}.tab.is-active .tab__close,.tab:hover .tab__close,.tab__close:focus-visible{opacity:1}@media (hover:hover){.tabs .tab:not(.is-active):hover{background:var(--plate);color:var(--ink-2)}.tab__close:enabled:hover{color:var(--ink);background:#ffffff14}}.tabs .tab.is-active{box-shadow:inset 0 1px 0 #ffffff17, inset 0 0 0 1px #bb80ec4d, 0 1px 2px #00000073, 0 4px 12px -6px var(--brand-glow)}.tab__rename{width:auto;min-width:calc(60 * var(--u));height:calc(18 * var(--u));border-radius:calc(4 * var(--u));box-shadow:inset 0 0 0 1px var(--accent);padding-inline:calc(4 * var(--u))!important;background:var(--editor)!important;font-weight:500!important}.code--live{--gutter:calc(42 * var(--u));--pad-r:calc(14 * var(--u));--lh:calc(var(--code-size,14) * var(--code-scale,1) * 1.4 * var(--u));font-size:calc(var(--code-size,14) * var(--code-scale,1) * var(--u));line-height:var(--lh);grid-template:minmax(0,1fr)/minmax(0,1fr);padding:0;display:grid}.code__scroll{overscroll-behavior:contain;scrollbar-color:var(--rule-strong) transparent;scrollbar-width:thin;min-width:0;min-height:0;overflow:auto}.code__stack{width:max-content;min-width:100%;min-height:100%;padding-block:calc(6 * var(--u));display:grid;position:relative}.code[data-wrap=on] .code__stack{width:auto}.code__stack>*{min-width:0;font:inherit;tab-size:2;grid-area:1/1;margin:0}.code__view,.code__marks{pointer-events:none}.code__marks{color:#0000}.code__view code,.code__marks code{font:inherit;display:block}.code--live .line{grid-template-columns:var(--gutter) minmax(0, 1fr)}.code--live .line__text{min-height:var(--lh);padding-right:var(--pad-r);white-space:pre}.code--live .line__no{background:var(--editor);position:sticky;left:0;box-shadow:inset -1px 0 #ffffff0b}.code__marks .line__no{background:0 0}.code__input{z-index:1;width:100%;height:100%;padding:0 var(--pad-r) 0 var(--gutter);color:#0000;caret-color:#e6b0fc;resize:none;white-space:pre;overflow-wrap:normal;background:0 0;border:0;border-radius:0;outline:0;display:block;overflow:hidden}.code__input::selection{color:#0000;background:#bb80ec57}.code[data-wrap=on] :is(.code__input,.line__text){white-space:pre-wrap;overflow-wrap:anywhere}.code--live .line.is-current{background:#bb80ec0b}.code--live .line.is-current .line__no{box-shadow:inset calc(2 * var(--u)) 0 0 #bb80ec8c, inset -1px 0 0 #ffffff0b;background:#120f16}.code--live:focus-within .line.is-current{background:#bb80ec13}.code--live:focus-within .line.is-current .line__no{box-shadow:inset calc(2 * var(--u)) 0 0 var(--brand), inset -1px 0 0 #ffffff0b;background:#16111c}.code--live:has(.code__input:focus-visible){box-shadow:inset 0 0 0 1px #bb80ec59}:is(.app.is-still,.reduce-motion .app) .code__input{caret-animation:manual}.code__marks mark{color:#0000;box-shadow:none;background:#d9b36c38;border-radius:2px}.code__marks mark.is-current{background:#d9b36c80;box-shadow:0 0 0 1px #d9b36ccc}.findbar--live{z-index:2;right:calc(18 * var(--u));gap:calc(8 * var(--u));padding-inline:calc(10 * var(--u)) calc(4 * var(--u));box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px #00000080, 0 calc(12 * var(--u)) calc(30 * var(--u)) calc(-4 * var(--u)) #000000bf, 0 calc(8 * var(--u)) calc(24 * var(--u)) calc(-10 * var(--u)) var(--brand-glow);font-size:calc(12.5 * var(--u));transition:opacity var(--move) var(--ease), transform var(--move) var(--ease), border-color var(--quick) var(--ease);line-height:1.3}@starting-style{.findbar--live{opacity:0;transform:translateY(calc(-6 * var(--u)))}}.findbar--live .findbar__query{align-self:stretch}.findbar--live .findbar__input{font-family:var(--mono);font-size:calc(12 * var(--u));flex:1;align-self:stretch}.findbar--live .findbar__count{min-width:calc(52 * var(--u));font-variant-numeric:tabular-nums;text-align:right}.findbar--live.is-missing .findbar__count{color:var(--red)}.findbar--live .findbar__tools{gap:calc(1 * var(--u))}.findbar--live .iconbtn:disabled{opacity:.4}.findbar--live:focus-within{border-color:#bb80ec73}.findbar--live .findbar__query:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.findbar--live .findbar__input:focus-visible{outline:0}.explorer{scrollbar-width:none;overflow:auto}.explorer__tools{gap:0}.explorer__head{min-height:calc(22 * var(--u))}.folders{gap:calc(2 * var(--u));display:grid}.folder__head{border-radius:calc(6 * var(--u));text-align:left;width:100%}.folder__chevron{transition:transform var(--move) var(--ease)}.folder.is-closed .folder__chevron{transform:rotate(-90deg)}.folder__files{margin:0;padding:0;list-style:none}.folder__file{width:calc(100% - 11 * var(--u));text-align:left}.folder__file span{text-overflow:ellipsis;overflow:hidden}.folder__file:before{left:calc(-2 * var(--u))}.folder__none{padding:calc(10 * var(--u)) calc(6 * var(--u));color:var(--ink-3);font-size:calc(12 * var(--u))}.view--editor.is-sideless{grid-template-columns:minmax(0,1fr) 0}.view--editor.is-sideless .explorer{display:none}.view--editor.is-panelless{grid-template-rows:minmax(0, 1fr) calc(36 * var(--u)) 0 calc(24 * var(--u))}.view--editor.is-panelless>.output{display:none}.view--editor.is-folded:not(.is-panelless){grid-template-rows:minmax(0, 1fr) calc(36 * var(--u)) calc(29 * var(--u)) calc(24 * var(--u))}.output.is-folded[data-show]>.output__body{display:none}.output.is-folded .output__fold .icon{transform:rotate(180deg)}.output__fold .icon{transition:transform var(--move) var(--ease)}.toolbar,.output__head{scrollbar-width:none;overflow-x:auto}.statusbar{overflow:hidden}.toolbar{gap:calc(3 * var(--u));background:linear-gradient(#ffffff05,#0000)}.tool{color:var(--ink-2)}.tool--run{padding-inline:calc(11 * var(--u)) calc(14 * var(--u));background:var(--brand-fill);box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #0000002e, 0 0 0 1px #6028c8b3, 0 calc(6 * var(--u)) calc(16 * var(--u)) calc(-6 * var(--u)) var(--brand-glow);color:#fff;font-weight:650}.tool--run .icon{color:#fff;fill:currentColor;font-size:calc(12 * var(--u))}@media (hover:hover){.tool--run:enabled:hover{box-shadow:inset 0 1px 0 #ffffff5c, inset 0 -1px 0 #0000002e, 0 0 0 1px #6e32dccc, 0 calc(6 * var(--u)) calc(20 * var(--u)) calc(-5 * var(--u)) #a05af5b3;background-image:linear-gradient(#a466f5,#7841e4)}}.tool--run:disabled{background:var(--plate-active);box-shadow:inset 0 0 0 1px var(--rule-strong)}.tool--run:disabled .icon{color:inherit}.output__head{background:linear-gradient(#ffffff05,#0000)}.output__set[data-for=instances]{gap:calc(4 * var(--u))}.output[data-show]>.output__body--log{grid-template:minmax(0,1fr)/minmax(0,1fr);padding:0;display:grid;overflow:hidden}.out-log{min-height:0;padding-block:calc(2 * var(--u));overscroll-behavior:contain;scrollbar-color:var(--rule-strong) transparent;scrollbar-width:thin;grid-area:1/1;overflow-y:auto}.out-empty{color:var(--ink-3);font-size:calc(12 * var(--u));grid-area:1/1;place-self:center}.out-counts{display:inline-flex}@media (hover:hover){.out-log .out-row:hover{background:#ffffff06}}.out-log .out-row:last-child{animation:row-in var(--move) var(--ease)}@keyframes row-in{0%{opacity:0;transform:translateY(calc(6 * var(--u)))}}button.seg__item{transition:background-color var(--quick) var(--ease), color var(--quick) var(--ease), box-shadow var(--quick) var(--ease)}@media (hover:hover){button.seg__item:enabled:not(.is-active):hover{color:var(--ink);background:var(--plate-hover)}}.seg__item.is-active{box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--brand-ring), 0 1px 2px #00000080}input.check{appearance:none;background:var(--editor);cursor:pointer;transition:background-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease);place-items:center;margin:0;display:grid}input.check:after{content:"";border:solid var(--editor);border-width:0 calc(2 * var(--u)) calc(2 * var(--u)) 0;width:40%;height:70%;transition:transform var(--quick) var(--ease);margin-top:-12%;transform:rotate(45deg)scale(0)}input.check:checked{background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}input.check:checked:after{transform:rotate(45deg)}@media (hover:hover){input.check:enabled:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}}.clients__all{cursor:pointer}.clients__none{padding:calc(8 * var(--u)) calc(10 * var(--u));color:var(--ink-3);font-size:calc(12 * var(--u))}.client{transition:box-shadow var(--quick) var(--ease)}.client:has(input:checked){box-shadow:inset 0 0 0 1px var(--rule-strong), inset 0 1px 0 #ffffff0d}.client__inject{transition:background-color var(--quick) var(--ease), transform var(--quick) var(--ease)}@media (hover:hover){.client__inject:enabled:hover{background:var(--plate-active)}}.client>.iconbtn{color:var(--ink-3)}.hub-side{scrollbar-width:none;overflow:auto}.hub-navs,.hub-group{gap:calc(2 * var(--u));display:grid}.hub-nav,.hub-source,.hub-filter{text-align:left;width:100%}.hub-nav.is-active,.hub-source.is-active,.hub-filter.is-active{box-shadow:inset 0 1px 0 #ffffff17, inset 0 0 0 1px var(--brand-ring)}.hub-source .icon,.hub-filter>.icon:last-child{opacity:0;transition:opacity var(--quick) var(--ease), transform var(--quick) var(--ease);transform:scale(.6)}.hub-source.is-active .icon,.hub-filter.is-active>.icon:last-child{opacity:1;transform:none}.hub-filter>.icon:last-child{color:var(--brand-ink);font-size:calc(13 * var(--u));margin-left:auto}.hub-source .icon,.hub-filter.is-active>.icon:first-child{color:var(--brand-ink)}.hub-sort{min-width:calc(88 * var(--u));background:var(--sheen), var(--plate);box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 1px var(--rule-strong);transition:background-color var(--quick) var(--ease), transform var(--quick) var(--ease)}.hub-sort .icon{color:var(--ink-3);font-size:calc(13 * var(--u))}@media (hover:hover){.hub-sort:enabled:hover{background:var(--plate-hover)}}.hub-sort:enabled:active{transform:scale(.96)}.hub-results{gap:calc(12 * var(--u));flex-direction:column;display:flex}.hub-card,.hub-featured{cursor:pointer;transition:box-shadow var(--quick) var(--ease)}@media (hover:hover){.hub-card:hover,.hub-featured:hover{box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px var(--brand-ring), 0 1px 0 #00000080, 0 16px 30px -16px #7c3ce6b3}}.hub-acts{gap:calc(6 * var(--u));margin-top:auto;display:flex}.hub-featured .hub-acts{align-self:flex-end}.hub-act,.hub-exec{justify-content:center;align-items:center;gap:calc(6 * var(--u));height:calc(28 * var(--u));padding-inline:calc(10 * var(--u));border-radius:calc(7 * var(--u));font-size:calc(12 * var(--u));flex:1;margin:0;font-weight:600;display:inline-flex}.hub-act{box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink-2)}.hub-act .icon,.hub-exec .icon{font-size:calc(12 * var(--u))}.hub-exec{background:var(--brand-fill);color:#fff;transition:background-color var(--quick) var(--ease), box-shadow var(--quick) var(--ease), transform var(--quick) var(--ease);box-shadow:inset 0 1px #ffffff42,0 0 0 1px #6028c8a6}.hub-exec .icon{fill:currentColor}.hub-featured .hub-act,.hub-featured .hub-exec{padding-inline:calc(16 * var(--u));flex:none}@media (hover:hover){.hub-act:enabled:hover{background:var(--plate-hover);color:var(--ink)}.hub-exec:enabled:hover{box-shadow:inset 0 1px 0 #ffffff52, 0 0 0 1px #6e32dccc, 0 calc(4 * var(--u)) calc(14 * var(--u)) calc(-5 * var(--u)) #a05af5b3;background-image:linear-gradient(#a466f5,#7841e4)}}.hub-exec:disabled{background:var(--plate-active);box-shadow:inset 0 0 0 1px var(--rule-strong);color:var(--ink-2)}.hub-empty{justify-items:center;gap:calc(6 * var(--u));padding:calc(48 * var(--u)) calc(16 * var(--u));border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2);font-size:calc(13 * var(--u));text-align:center;display:grid}.hub-empty .icon{margin-bottom:calc(4 * var(--u));color:var(--ink-3);font-size:calc(20 * var(--u))}.hub-empty p{color:var(--ink);font-weight:600}.hub-empty small{max-width:calc(320 * var(--u));color:var(--ink-3);font-size:calc(12 * var(--u));line-height:1.5}button.toggle{cursor:pointer;transition:background-color var(--move) var(--ease)}.toggle:after{transition:transform var(--move) var(--ease), background-color var(--move) var(--ease)}@media (hover:hover){button.toggle:not(.is-on):enabled:hover{background:#2d2d31}button.toggle:not(.is-on):enabled:hover:after{background:var(--ink)}}.toggle:focus-visible{outline-offset:2px}.stepper{gap:calc(2 * var(--u));padding-inline:calc(2 * var(--u))}.stepper__btn{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(4 * var(--u));color:var(--ink-2);place-items:center;display:grid}.stepper__btn:disabled{color:var(--ink-3);opacity:.45}@media (hover:hover){.stepper__btn:enabled:hover{background:var(--plate-active);color:var(--ink)}}.stepper__value{min-width:calc(44 * var(--u));text-align:center}.keyfield{box-shadow:inset 0 1px 0 #ffffff1a, inset 0 calc(-2 * var(--u)) 0 #00000073, 0 0 0 1px var(--rule-strong), 0 calc(2 * var(--u)) calc(6 * var(--u)) #00000080;color:var(--ink)}@media (hover:hover){.keyfield:enabled:hover{background:linear-gradient(#313137,#222227)}}.keyfield.is-listening{background:var(--editor);box-shadow:inset 0 0 0 1px var(--brand-ring), 0 0 0 3px #bb80ec24;color:var(--brand-ink)}.app__modal{z-index:5;transition:opacity var(--move) var(--ease);background:#0505079e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.app__modal .modal{transition:opacity var(--move) var(--ease), transform var(--move) var(--ease)}@starting-style{.app__modal{opacity:0}.app__modal .modal{opacity:0;transform:translateY(calc(10 * var(--u))) scale(.97)}}.modal--wide{width:min(100%, calc(440 * var(--u)))}.modal__body p+p{margin-top:calc(6 * var(--u))}.modal__actions .act{height:calc(28 * var(--u));padding-inline:calc(12 * var(--u));box-shadow:inset 0 1px 0 #ffffff0d, 0 0 0 1px var(--rule-strong)}.modal__actions .act--primary{background:var(--brand-fill);color:#fff;box-shadow:inset 0 1px #ffffff42,0 0 0 1px #6028c8a6}@media (hover:hover){.modal__actions .act:hover{background:var(--plate-active)}.modal__actions .act--primary:hover{background:linear-gradient(#a466f5,#7841e4)}}.details{grid-template-columns:calc(96 * var(--u)) minmax(0, 1fr);gap:calc(14 * var(--u));margin-top:calc(10 * var(--u));display:grid}.hub-tile--details{height:calc(96 * var(--u))}.details__text{align-content:start;gap:calc(7 * var(--u));display:grid}.details__text .hub-tags{padding:0}.details__kind{color:var(--ink-3);font:600 calc(10 * var(--u)) var(--mono);letter-spacing:.12em;text-transform:uppercase}.details__note{color:var(--ink-3);font-size:calc(11.5 * var(--u))}.picker__tabs.is-unpicked :is(.picker__blade,.picker__glow){opacity:0}.picker__blade,.picker__glow{transition:transform var(--move) var(--ease), opacity var(--move) var(--ease)}.app.is-still,.app.is-still *,.app.is-still :before,.app.is-still :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.slot{font-size:calc(var(--ui,1) * 16px)}@container (width<=47.5em){.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<=49.3125em){.app__page span{display:none}.app__page{padding-inline:calc(9 * var(--u))}}@container (width<=35em){.app__title{gap:calc(6 * var(--u))}.app__brand{padding-left:calc(10 * var(--u))}.app__grip,.app__download,.app__state .icon,.app__state:after{display:none}.app__page{padding-inline:calc(7 * var(--u))}.app__state{margin-right:calc(2 * var(--u));padding-inline:calc(4 * var(--u));box-shadow:none;background:0 0}.winctl{width:calc(30 * var(--u))}.tool:not(.tool--run)>span{display:none}.client{grid-template-columns:auto auto minmax(0,1fr) auto}.client>.check,.client__avatar,.client__inject{grid-row:span 2}.client__state{grid-area:2/3}.client__who :is(small,em),.client__tool{display:none}.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:not(.code--live){font-size:12px;line-height:17px}.code:not(.code--live) .line{grid-template-columns:30px minmax(0,1fr)}.line__no{padding-right:calc(10 * var(--u))}.code:not(.code--live) .line__text{min-height:17px;padding-right:8px}.code--live{--code-scale:.86;--gutter:calc(30 * var(--u));--pad-r:calc(8 * var(--u))}.output__tool,.field--filter,.statusbar__extra{display:none}.statusbar>span+span{margin-left:calc(8 * var(--u));padding-left:calc(8 * var(--u))}.panel-tab:not(.is-active,[data-panel]){display:none}.seg--levels{margin-left:auto}.output[data-show] .seg--levels{display:none}.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}.hub-card .hub-act{width:calc(30 * var(--u));flex:none;padding:0}.hub-card .hub-act span{display:none}.settings__group{padding-inline:calc(12 * var(--u))}.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<=21.0625em){.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)}.field--clients,.statusbar .icon{display:none}}@container (width<=19.9375em){.app__page--unseen{display:none}}@container (width<=16em){.winctl:not(.winctl--close){display:none}}html:not(.js) .slot{height:auto}html:not(.js) .app{position:static}html:not(.js) .app__frame{grid-template-rows:calc(46 * var(--u)) auto}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) .code__input,html:not(.js) .picker__tabs,html:not(.js) .picker__caption,html:not(.js) .btn--toggle,html:not(.js) .slot__show{display:none}html:not(.js) .app__right{grid-column:3}.chroma,.rise>span{position:relative}.chroma:before,.chroma:after,.rise>span:before,.rise>span:after{content:attr(data-text);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}.js:not(.reduce-motion) .rise>span:before{animation:split-left 1s var(--ease) backwards;animation-delay:calc(60ms + var(--i) * 90ms)}.js:not(.reduce-motion) .rise>span:after{animation:split-right 1s var(--ease) backwards;animation-delay:calc(60ms + var(--i) * 90ms)}.js:not(.reduce-motion) .chroma.reveal:not(.is-pending):before{animation:split-left .9s var(--ease) backwards}.js:not(.reduce-motion) .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%)}}.reduce-motion .ticker__track{animation:none}@media (prefers-reduced-motion:reduce){html:not(.js) .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}.nav__links a{isolation:isolate;position:relative}.nav__links a[aria-current]{color:var(--text)}.nav__pill{z-index:-1;pointer-events:none;transform-origin:0 0;background:#ffffff14;border-radius:6px;position:absolute;inset:0}html:not(.js) .nav__pill{display:none}:is(h1,h2,section)[tabindex="-1"]:focus{outline:none}.pricing-section{isolation:isolate;padding-block:clamp(64px,8vw,128px);position:relative}.pricing-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 88% 30%,#bb80ec0b,#0000 70%);position:absolute;inset:0}.pricing{gap:clamp(36px,5vw,64px);display:grid}.pricing__head{gap:14px;max-width:760px;display:grid}.pricing__head .eyebrow{margin-bottom:4px}.pricing__intro{max-width:34em;color:var(--muted);font-size:17px}.soon__card,.soon__includes,.plan{border:1px solid var(--line);background:linear-gradient(#ffffff09,#ffffff02 40%),#0c0c0ec7;border-radius:12px;position:relative}.soon{gap:16px;display:grid}.soon__card{align-content:start;justify-items:start;gap:12px;padding:clamp(24px,3.4vw,40px);display:grid}.soon__card:after{--mark:#ffffff47;--arm:14px;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:-9px}.soon__mark{width:auto;height:56px;margin-bottom:10px}.soon__title{font:700 clamp(26px, 2.6vw, 34px) / 1.1 var(--display);letter-spacing:-.035em}.soon__body{max-width:30em;color:var(--muted)}.soon__actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px;display:flex}.soon__includes{padding:clamp(24px,3.4vw,40px)}.soon__label,.plan__name{color:var(--muted);font:600 12px / 1 var(--mono);letter-spacing:.16em;text-transform:uppercase}.soon__label{margin-bottom:22px}.soon__includes ul,.plan__points{gap:15px;margin:0;padding:0;list-style:none;display:grid}.soon__includes li,.plan__points li{align-items:baseline;gap:12px;font-size:15.5px;display:flex}.soon__includes .icon,.plan__points .icon{color:var(--accent);translate:0 2px}@media (width>=900px){.soon{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.plan{align-content:start;gap:14px;padding:28px;display:grid}.plan--featured{border-color:#bb80ec8c;box-shadow:inset 0 1px #bb80ec66,0 24px 60px -32px #bb80ec73}.plan__price b{font:700 clamp(40px, 4vw, 52px) / 1 var(--display);letter-spacing:-.04em}.plan__price span{color:var(--muted);margin-left:8px}.plan__note{color:var(--muted)}.plan__action{margin-top:10px}.pricing__faq{gap:0 clamp(24px,4vw,64px);margin:0;display:grid}.pricing__faq div{background:var(--hairline) top / 100% 1px no-repeat;padding:22px 0}.pricing__faq dt{font-size:17px;font-weight:600}.pricing__faq dd{color:var(--muted);margin:8px 0 0}@media (width>=900px){.pricing__faq{grid-template-columns:1fr 1fr}}