@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
.char-root{transform-origin:50%;will-change:transform;position:relative}.char-body{transform-origin:50% 78%;will-change:transform;position:absolute;inset:0}.char-bezel{background:linear-gradient(157deg,#fff 0%,#f7f5f0 38%,#e6e2d8 72%,#d2cec2 100%);position:absolute;inset:0}.char-bezel-shade{background:radial-gradient(62% 30% at 50% 104%,#00000038,#0000 72%),radial-gradient(55% 42% at 28% -6%,#ffffffd9,#0000 68%),linear-gradient(200deg,#0000 55%,#0000001a 100%);position:absolute;inset:0}.char-shadow{filter:blur(28px);opacity:.17;pointer-events:none;position:absolute;inset:0;transform:translateY(24px)scale(.973)}.char-shadow-fill{background:#000;position:absolute;inset:0}.char-screen-glow{pointer-events:none;filter:blur(3px);transform-origin:50%;position:absolute}.char-screen-glow--hi{transform:translate(3px,3px)scale(1.045)}.char-screen-glow--lo{transform:translate(-3px,-3px)scale(1.045)}.char-screen-glow-fill{position:absolute;inset:0}.char-screen-glow--lo .char-screen-glow-fill{opacity:.1;background:#4f4f4f}.char-edge{pointer-events:none;position:absolute;inset:0;overflow:visible}.char-screen{isolation:isolate;position:absolute;overflow:hidden}.char-layer{pointer-events:none;position:absolute;inset:0}.char-scan{--scan:4px;background-image:repeating-linear-gradient(to bottom, #000000d9 0px, #000000d9 calc(var(--scan) * .375), #0000 calc(var(--scan) * .375), #0000 var(--scan));mix-blend-mode:multiply}.char-sweep{background:linear-gradient(#0000 0%,#ffffff0e 42%,#ffffff1c 50%,#ffffff0e 58%,#0000 100%);height:34%}.char-glass{background:linear-gradient(168deg,#ffffff24 0%,#ffffff0a 26%,#0000 46%)}.char-ambient{pointer-events:none;filter:blur(60px);z-index:-1;border-radius:50%;position:absolute;inset:-18%}@supports (font:-apple-system-body) and (appearance:none){.char-ambient,.char-shadow{will-change:transform}}.char-stage{flex-direction:column;align-items:center;gap:24px;display:flex}.char-stage-frame{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid}.char-stage-label{text-transform:uppercase;letter-spacing:.18em;color:#ffffff59;font-size:11px}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--leading-snug:1.375;--leading-relaxed:1.625;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\[container-type\:size\]{container-type:size}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-\[44dvh\]{top:44dvh}.right-4{right:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-\[5\]{z-index:5}.order-first{order:-9999}.-mx-5{margin-inline:calc(var(--spacing) * -5)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-\[44dvh\]{height:44dvh}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[20px\]{min-height:20px}.min-h-\[44px\]{min-height:44px}.min-h-\[190px\]{min-height:190px}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-\[190px\]{max-width:190px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[984px\]{max-width:984px}.max-w-\[1360px\]{max-width:1360px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-\[44dvh\]{scroll-margin-top:44dvh}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-9{gap:calc(var(--spacing) * 9)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-9>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--hairline\)\]{border-color:var(--hairline)}.bg-\[var\(--background\)\]{background-color:var(--background)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-geist-mono)}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--muted\)\]{color:var(--muted)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.empty\:hidden:empty{display:none}@media (min-width:64rem){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:top-8{top:calc(var(--spacing) * 8)}.lg\:bottom-6{bottom:calc(var(--spacing) * 6)}.lg\:z-auto{z-index:auto}.lg\:order-last{order:9999}.lg\:-mx-8{margin-inline:calc(var(--spacing) * -8)}.lg\:mx-8{margin-inline:calc(var(--spacing) * 8)}.lg\:mt-0{margin-top:0}.lg\:mt-5{margin-top:calc(var(--spacing) * 5)}.lg\:mt-auto{margin-top:auto}.lg\:mb-0{margin-bottom:0}.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:h-auto{height:auto}.lg\:h-dvh{height:100dvh}.lg\:min-h-0{min-height:0}.lg\:min-h-\[calc\(100dvh-112px\)\]{min-height:calc(100dvh - 112px)}.lg\:flex-1{flex:1}.lg\:scroll-mt-0{scroll-margin-top:0}.lg\:grid-cols-\[176px_minmax\(0\,680px\)\]{grid-template-columns:176px minmax(0,680px)}.lg\:grid-cols-\[minmax\(0\,1fr\)_420px\]{grid-template-columns:minmax(0,1fr) 420px}.lg\:flex-col{flex-direction:column}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:self-start{align-self:flex-start}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:bg-transparent{background-color:#0000}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:pt-0{padding-top:0}.lg\:pt-7{padding-top:calc(var(--spacing) * 7)}.lg\:pt-\[30px\]{padding-top:30px}.lg\:pb-6{padding-bottom:calc(var(--spacing) * 6)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#eef1f6;--foreground:#1a1d23;--hairline:#0c14281f;--hairline-strong:#0c14284d;--control:#fff9;--well:#ffffffb3;--track:#0c142829;--tab-track:#0c142812;--thumb:#fff;--ink:#0c1428c7;--muted:#0c1428a3;--accent:#1447e6}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b0d10;--foreground:#e8eaee;--hairline:#ffffff1a;--hairline-strong:#ffffff47;--control:#ffffff0a;--well:#00000059;--track:#ffffff24;--tab-track:#ffffff12;--thumb:#23262d;--ink:#ffffffb8;--muted:#ffffff85}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), system-ui, sans-serif}.chip{border:1px solid var(--hairline);background:var(--control);color:var(--ink);text-align:left;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.2;transition:border-color .15s ease-out,background-color .15s ease-out}.dropzone{border:1px dashed var(--hairline-strong);background:var(--foreground);flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:130px;display:flex}@supports (color:color-mix(in lab, red, red)){.dropzone{background:color-mix(in srgb, var(--foreground) 16%, transparent)}}.dropzone{color:var(--ink);padding:8px 12px;font-size:13px;line-height:1.2;transition:border-color .15s ease-out,background-color .15s ease-out}.dropzone[data-over]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dropzone[data-over]{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.dropzone kbd{font:inherit;font-weight:600}.dropzone button{text-underline-position:from-font;text-decoration:underline;text-decoration-thickness:1px}.dropzone button:hover{color:var(--foreground)}.shape-help{color:var(--muted);text-underline-offset:3px;align-items:center;gap:4px;margin-top:12px;font-size:12px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.shape-help:hover{color:var(--foreground)}.pad{background:var(--tab-track);border:1px dashed #0000;justify-items:center;gap:8px;padding:20px 16px 16px;transition:border-color .15s ease-out,background-color .15s ease-out;display:grid;position:relative}.pad[data-over]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pad[data-over]{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.deck[data-skin] .pad button.pad-remove{place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:8px;right:8px}.pad>svg{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.pad>svg *{vector-effect:non-scaling-stroke}.pad-shell{fill:var(--control);stroke:var(--ink);stroke-width:1.5px;transition:fill .15s ease-out,stroke .15s ease-out}.pad-glass{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pad-glass{fill:color-mix(in srgb, var(--accent) 45%, transparent)}}:is(.pad:has(.pad-remove:hover) .pad-shell,.pad:has(.pad-remove:focus-visible) .pad-shell){fill:#e5484d38;stroke:#e5484d}:is(.pad:has(.pad-remove:hover) :is(.pad-glass,.pad-eye,.pad-reach,.pad-knob,.pad-rail,.pad-mark,.pad-guide,.pad-handle,.pad-label),.pad:has(.pad-remove:focus-visible) :is(.pad-glass,.pad-eye,.pad-reach,.pad-knob,.pad-rail,.pad-mark,.pad-guide,.pad-handle,.pad-label)){opacity:.25}.pad-eye{fill:var(--ink);cursor:grab}.pad-eye:active{cursor:grabbing}.pad-knob{fill:var(--thumb);stroke:var(--accent);stroke-width:1.5px;cursor:nwse-resize}.pad-reach{fill:none;stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3;pointer-events:none}.pad-rail{stroke:var(--track);stroke-width:3px;pointer-events:none}.pad-mark{stroke:var(--ink);stroke-width:1.5px;pointer-events:none}.pad-guide{stroke:var(--hairline-strong);stroke-width:1px;stroke-dasharray:2 3;pointer-events:none}.pad-handle{fill:var(--thumb);stroke:var(--hairline-strong);stroke-width:1px}.pad-handle[data-way=up]{cursor:ns-resize}.pad-handle[data-way=across]{cursor:ew-resize}.pad-label{fill:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.chip-sm{border-radius:8px;padding:6px 10px;font-size:12.5px}.chip:hover{border-color:var(--hairline-strong)}.chip:disabled{opacity:.45;pointer-events:none}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.chip[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.chip[aria-pressed=true]{color:var(--foreground)}.chip:focus-visible,.swatch:focus-visible,.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatch{width:34px;height:34px;box-shadow:0 0 0 1px var(--hairline);border:2px solid #0000;border-radius:999px;transition:transform .15s ease-out}.stage-set{--char-w:min(360px, 62cqw, calc((100cqh - 84px) / (1 + var(--headroom)) * var(--ratio)));--char-h:calc(var(--char-w) / var(--ratio));transition:translate .42s cubic-bezier(.215,.61,.355,1)}.stage-character{width:var(--char-w)}.stage-set[data-bubble=true]{translate:0 max(0px, calc(var(--char-h) * (.5 + var(--headroom)) + 42px - 50cqh))}@media (prefers-reduced-motion:reduce){.stage-set{transition:none}}.dock-area{--dock-surface:var(--key-top);--dock-ink:var(--foreground)}.hint{z-index:60;background:var(--lcd-ink);border-radius:6px;padding:6px 10px;position:fixed}@supports (color:color-mix(in lab, red, red)){.hint{background:color-mix(in srgb, var(--lcd-ink) 88%, #000)}}.hint{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%, calc(-100% - var(--gap,8px) + 6px));font-size:12px;line-height:16px;transition:opacity .12s,transform .12s}.hint[data-on=true]{opacity:1;transform:translate(-50%, calc(-100% - var(--gap,8px)))}.hint[data-below=true]{transform:translate(-50%, calc(var(--gap,8px) - 6px))}.hint[data-below=true][data-on=true]{transform:translate(-50%, var(--gap,8px))}.hint[data-slide=true]{transition:opacity .12s,transform .12s,left .22s cubic-bezier(.215,.61,.355,1),top .22s cubic-bezier(.215,.61,.355,1)}.hint-clip{display:block;position:relative;overflow:hidden}.hint[data-slide=true] .hint-clip{transition:width .22s cubic-bezier(.215,.61,.355,1)}.hint-now{display:inline-block}.hint-now[data-arriving=true]{animation:.22s cubic-bezier(.215,.61,.355,1) both tip-arrive}.hint-was{animation:.16s cubic-bezier(.55,.055,.675,.19) both tip-leave;position:absolute;top:0;left:0}@keyframes tip-arrive{0%{opacity:0;filter:blur(2px);transform:translateX(calc(var(--way) * 14px))}}@keyframes tip-leave{to{opacity:0;filter:blur(2px);transform:translateX(calc(var(--way) * -14px))}}.deck[data-skin=clean] .hint{border-radius:0}@media (prefers-reduced-motion:reduce){.hint,.hint[data-slide=true],.hint[data-slide=true] .hint-clip{transition:opacity .12s}.hint-now[data-arriving=true],.hint-was{animation:none}.hint-was{display:none}}.dock{background:linear-gradient(var(--key-top), var(--key-bottom));max-width:100%;height:60px;box-shadow:var(--raised);border-radius:16px;flex-shrink:0;position:relative;overflow:clip}.dock[data-ready=true]{transition:width .26s cubic-bezier(.215,.61,.355,1),height .26s cubic-bezier(.215,.61,.355,1)}.dock-face{opacity:0;filter:blur(8px);visibility:hidden;will-change:opacity, filter, transform;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;width:max-content;max-width:calc(100vw - 64px);transition:opacity .17s cubic-bezier(.215,.61,.355,1),filter .17s cubic-bezier(.215,.61,.355,1),transform .17s cubic-bezier(.215,.61,.355,1),visibility 0s linear .17s;display:flex;position:absolute;top:10px;left:12px;transform:scale(.97)}.dock-face[data-showing=true]{opacity:1;filter:blur();visibility:visible;transition:opacity .22s cubic-bezier(.215,.61,.355,1) 40ms,filter .22s cubic-bezier(.215,.61,.355,1) 40ms,transform .22s cubic-bezier(.215,.61,.355,1) 40ms,visibility;transform:none}.dock-rule{background:linear-gradient(to right, var(--seam) 50%, var(--shine) 50%);flex-shrink:0;width:2px;height:32px;margin:0 3px}.dock-item{min-width:40px;height:40px;color:var(--dock-ink);border-radius:9px;flex-shrink:0;place-items:center;padding:0 4px;transition:background-color .15s,box-shadow .15s,transform .15s;display:grid}@media (hover:hover) and (pointer:fine){.dock-item:hover{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.dock-item:hover{background:color-mix(in srgb, var(--tone) 16%, transparent)}}.dock-item--icon:hover{background:var(--dock-ink)}@supports (color:color-mix(in lab, red, red)){.dock-item--icon:hover{background:color-mix(in srgb, var(--dock-ink) 7%, transparent)}}.dock-item:hover .mini-scan{animation:.42s linear infinite mini-scan}.dock-item:hover .mini-eyes{animation:.36s cubic-bezier(.645,.045,.355,1) .12s mini-blink}.dock-item:hover .mini-eyes--glow{filter:brightness(1.3)}}.dock-item[aria-pressed=true]{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.dock-item[aria-pressed=true]{background:color-mix(in srgb, var(--tone) 12%, var(--well))}}.dock-item[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--tone), inset 0 2px 3px var(--pit)}.dock-item:focus-visible{outline:2px solid var(--dock-ink);outline-offset:-2px}.dock-item:active{transform:scale(.96)}.dock-item--switch[aria-pressed=true]{box-shadow:none}.sound-wave{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .14s cubic-bezier(.215,.61,.355,1),opacity .14s}.sound-icon[data-on=true] .sound-wave{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .26s cubic-bezier(.215, .61, .355, 1) calc(60ms + var(--i) * 80ms), opacity .12s ease calc(60ms + var(--i) * 80ms)}.sound-cross{transform-box:fill-box;transform-origin:50%;transition:transform .22s cubic-bezier(.215,.61,.355,1) 60ms,opacity .16s 60ms}.sound-icon[data-on=true] .sound-cross{opacity:0;transition:transform .14s cubic-bezier(.215,.61,.355,1),opacity .12s;transform:scale(.4)rotate(-45deg)}.dock-item[data-nudge=true]{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.dock-item[data-nudge=true]{background:color-mix(in srgb, var(--tone) 16%, transparent)}}.dock-item[data-nudge=true]{animation:1.3s ease-in-out infinite nudge}.deck[data-lit] .dock-item[data-nudge=true]{animation:none}.deck[data-lit] .dock-item[data-nudge=true]:after{opacity:1;animation:1.2s cubic-bezier(.645,.045,.355,1) infinite beckon}@keyframes beckon{0%,to{inset:0}50%{inset:-7px}}@keyframes nudge{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tone) 55%, transparent)}60%{box-shadow:0 0 0 7px color-mix(in srgb, var(--tone) 0%, transparent)}}@media (max-width:640px){.dock-rule{display:none}}.dock-wheel{background-image:conic-gradient(in oklab from 180deg at 50% 50%, #ff150f 0%, #79fe00 25.39%, #00fbf8 50%, #371eff 73.83%, #ff150f 100%);border-radius:999px;width:32px;height:32px;display:block;position:relative;box-shadow:inset 1px 1px 2px #ffffffb3,inset -1px -1px 2px #0003,0 4px 4px -2px #0000001f,0 2px 2px -1px #0000001f}@supports (color:lab(0% 0 0)){.dock-wheel{background-image:conic-gradient(in oklab from 180deg at 50% 50%, lab(56.4% 93.8115 98.313) 0%, lab(89.9388% -71.7419 108.926) 25.39%, lab(89.6936% -68.3464 -17.7556) 50%, lab(32.7421% 72.3993 -112.674) 73.83%, lab(56.4% 93.8115 98.313) 100%)}}.dock-wheel>span{background:var(--dock-surface);border-radius:999px;width:22px;height:22px;position:absolute;top:50%;left:50%;translate:-50% -50%}.dock-wheel>span>span{background:var(--tone);border-radius:999px;outline:.5px solid #00000012;width:16px;height:16px;position:absolute;top:50%;left:50%;translate:-50% -50%}.dock-tile{border-radius:6px;width:32px;height:32px;display:block;position:relative;overflow:clip}.dock-tile--tint{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.dock-tile--tint{background:color-mix(in srgb, var(--tone) 10%, transparent)}}.dock-swatch{background-image:repeating-linear-gradient(#00000024 0 1px,#0000 1px 3px),linear-gradient(#ffffff59,#0000 60%);border-radius:6px;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 1px #0000002e}.dock-hue{appearance:none;cursor:pointer;background:0 0;flex-shrink:0;width:132px;height:32px}.dock-hue::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, #f04c4c, #f04c4e);border-radius:6px;height:12px;box-shadow:inset 0 0 0 1px #00000024}.dock-hue::-moz-range-track{background:linear-gradient(to right in hsl longer hue, #f04c4c, #f04c4e);border-radius:6px;height:12px;box-shadow:inset 0 0 0 1px #00000024}.dock-hue::-webkit-slider-thumb{appearance:none;background:hsl(var(--hue) 85% 60%);border:2px solid #fff;border-radius:4px;width:14px;height:22px;margin-top:-5px;box-shadow:0 0 0 1px #0000004d}.dock-hue::-moz-range-thumb{background:hsl(var(--hue) 85% 60%);border:2px solid #fff;border-radius:4px;width:10px;height:18px;box-shadow:0 0 0 1px #0000004d}.dock-hue[data-on=false]::-webkit-slider-thumb{opacity:.55}.dock-hue[data-on=false]::-moz-range-thumb{opacity:.55}.dock-hue:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deck[data-skin=clean] .dock-hue::-webkit-slider-runnable-track{border-radius:0}.deck[data-skin=clean] .dock-hue::-webkit-slider-thumb{border-radius:0}.deck[data-skin=clean] .dock-hue::-moz-range-track{border-radius:0}.deck[data-skin=clean] .dock-hue::-moz-range-thumb{border-radius:0}.dock-chip{background:var(--tone);border-radius:8px;place-items:center;height:32px;padding:0 11px;font-size:13px;font-weight:500;display:grid}@supports (color:color-mix(in lab, red, red)){.dock-chip{background:color-mix(in srgb, var(--tone) 10%, transparent)}}.mini-eyes{transform-box:fill-box;transform-origin:50%;transition:filter .15s}@keyframes mini-blink{0%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes mini-scan{to{transform:translateY(var(--scan))}}.tabs{grid-template-columns:repeat(var(--tabs,3), 1fr);background:var(--well);box-shadow:var(--sunk);border-radius:10px;padding:3px;display:grid;position:relative}.tabs:before{content:"";width:calc((100% - 6px) / var(--tabs,3));background:linear-gradient(var(--key-top), var(--key-bottom));box-shadow:inset 0 1px 0 var(--shine), 0 0 0 1px var(--rim), 0 1px 0 1px var(--key-edge), 0 3px 4px -1px var(--drop);transform:translateX(calc(var(--at) * 100%));border-radius:7px;transition:transform .24s cubic-bezier(.645,.045,.355,1);position:absolute;top:3px;bottom:3px;left:3px}.tabs>button{height:32px;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:color .15s;display:flex;position:relative}.tabs>button[aria-selected=true]{color:var(--foreground)}.tabs>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.tabs>button:hover{color:var(--foreground)}}.terminal-dock{background:var(--background);padding-top:12px}.terminal{--row:17px;background:radial-gradient(ellipse 90% 140% at 50% 50%, var(--tube), transparent 70%), #05070a;border-radius:12px;flex-wrap:wrap;align-content:center;align-items:flex-start;gap:10px;height:60px;padding:0 10px 0 16px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.terminal{background:radial-gradient(ellipse 90% 140% at 50% 50%, color-mix(in srgb, var(--tube) 22%, transparent), transparent 70%), #05070a}}.terminal{box-shadow:var(--glass-edge);color:var(--phosphor)}.terminal:after,.tube:after{content:"";pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 1px 3px);position:absolute;inset:0}.terminal-prompt{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:15px;line-height:var(--row);opacity:.6;flex-shrink:0}.terminal>code{overflow-wrap:anywhere;min-width:0;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;line-height:var(--row);text-shadow:0 0 8px var(--phosphor);flex:1}@supports (color:color-mix(in lab, red, red)){.terminal>code{text-shadow:0 0 8px color-mix(in srgb, var(--phosphor) 65%, transparent)}}.terminal>code.terminal-idle{opacity:.6}.terminal-cursor{vertical-align:-2px;background:var(--phosphor);width:7px;height:14px;box-shadow:0 0 8px var(--phosphor);margin-left:4px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.terminal-cursor{box-shadow:0 0 8px color-mix(in srgb, var(--phosphor) 65%, transparent)}}.terminal-cursor{animation:1.1s step-end infinite terminal-blink}@keyframes terminal-blink{50%{opacity:0}}.terminal>button{z-index:1;min-width:32px;height:32px;margin-block:calc((var(--row) - 32px) / 2);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--phosphor);opacity:.75;border-radius:7px;flex-shrink:0;place-items:center;padding:0 8px;font-size:11.5px;transition:opacity .15s,background-color .15s;display:grid;position:relative}.terminal>button:disabled{opacity:.3}.terminal>button:focus-visible{outline:2px solid var(--phosphor);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.terminal>button:not(:disabled):hover{opacity:1;background:var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.terminal>button:not(:disabled):hover{background:color-mix(in srgb, var(--phosphor) 14%, transparent)}}}.copy-key>svg{grid-area:1/1;transition:opacity .18s,scale .18s,filter .18s}.copy-key>svg:last-child,.copy-key[data-done=true]>svg:first-child{opacity:0;filter:blur(4px);scale:.5}.copy-key[data-done=true]>svg:last-child{opacity:1;filter:none;scale:1}@media (prefers-reduced-motion:reduce){.terminal-cursor{animation:none}.terminal>button,.copy-key>svg{transition:none}}.mood{background:linear-gradient(var(--key-top), var(--key-bottom));min-width:0;box-shadow:var(--raised);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:11px 2px 7px;font-size:9px;line-height:1.2;transition:background-color .15s,box-shadow .1s,color .15s,transform .1s;display:flex;position:relative}.mood:after{content:"";background:var(--seam);border-radius:999px;width:4px;height:4px;position:absolute;top:5px;left:5px}.mood>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mood--small{gap:5px;padding:8px 2px 7px}.mood--small:after{display:none}.mood:disabled{opacity:.45;pointer-events:none}.mood[aria-pressed=true]{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.mood[aria-pressed=true]{background:color-mix(in srgb, var(--tone) 10%, var(--key-bottom))}}.mood[aria-pressed=true]{box-shadow:var(--held);color:var(--foreground);transform:translateY(2px)}.mood[aria-pressed=true]:after{background:var(--tone);box-shadow:0 0 5px 1px var(--tone)}@supports (color:color-mix(in lab, red, red)){.mood[aria-pressed=true]:after{box-shadow:0 0 5px 1px color-mix(in srgb, var(--tone) 70%, transparent)}}.mood:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mood:active{box-shadow:var(--held);transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.mood:hover{color:var(--foreground)}.mood:hover .mini-scan{animation:.42s linear infinite mini-scan}.mood:hover .mini-eyes--glow{filter:brightness(1.3)}}.tip{display:inline-flex;position:relative}.tip-mark{width:18px;height:18px;color:var(--muted);border-radius:999px;place-items:center;transition:color .15s;display:grid}.tip-mark:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tip-note{z-index:20;background:var(--lcd-ink);border-radius:8px;width:max-content;max-width:min(232px,100vw - 48px);padding:8px 10px;position:absolute;top:calc(100% + 6px);left:-6px}@supports (color:color-mix(in lab, red, red)){.tip-note{background:color-mix(in srgb, var(--lcd-ink) 88%, #000)}}.tip-note{color:#fff;letter-spacing:0;text-transform:none;pointer-events:none;opacity:0;transform-origin:12px 0;visibility:hidden;font-size:12px;line-height:1.4;transition:opacity .12s,transform .12s,visibility 0s linear .12s;transform:translateY(-3px)scale(.98);box-shadow:0 8px 24px #0003}.tip[data-open=true] .tip-note{opacity:1;visibility:visible;transition:opacity .16s cubic-bezier(.215,.61,.355,1),transform .16s cubic-bezier(.215,.61,.355,1),visibility;transform:none}.tip:has(.tip-mark:focus-visible) .tip-note{opacity:1;visibility:visible;transition:opacity .16s cubic-bezier(.215,.61,.355,1),transform .16s cubic-bezier(.215,.61,.355,1),visibility;transform:none}@media (hover:hover) and (pointer:fine){.tip:hover .tip-mark{color:var(--foreground)}.tip:hover .tip-note{opacity:1;visibility:visible;transition:opacity .16s cubic-bezier(.215,.61,.355,1) .12s,transform .16s cubic-bezier(.215,.61,.355,1) .12s,visibility 0s linear .12s;transform:none}}@media (prefers-reduced-motion:reduce){.tip-note,.tip:hover .tip-note,.tip[data-open=true] .tip-note{transition:none;transform:none}.tip:has(.tip-mark:focus-visible) .tip-note{transition:none;transform:none}}.fold>summary{cursor:pointer;font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:10.5px}.fold>summary:hover{color:var(--foreground)}.pane{animation:.24s cubic-bezier(.215,.61,.355,1) pane-in}@keyframes pane-in{0%{opacity:0;filter:blur(6px)}}@media (prefers-reduced-motion:reduce){.dock[data-ready=true],.dock-face,.dock-face[data-showing=true],.dock-item,.mini-eyes,.sound-wave,.sound-icon[data-on=true] .sound-wave,.sound-cross,.sound-icon[data-on=true] .sound-cross{transition:none}.dock-item:hover .mini-scan,.dock-item:hover .mini-eyes{animation:none}.dock-item:active{transform:none}.dock-item[data-nudge=true]{box-shadow:inset 0 0 0 1.5px var(--tone);animation:none}.deck[data-lit] .dock-item[data-nudge=true]:after,.pane{animation:none}.tabs:before,.tabs>button,.mood{transition:none}.mood:hover .mini-scan{animation:none}.mood:active{transform:none}}.swatch-sm{width:26px;height:26px}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{border-color:var(--background);box-shadow:0 0 0 2px var(--foreground)}.switch{background:var(--well);width:40px;height:20px;box-shadow:var(--sunk);border-radius:5px;flex-shrink:0;transition:background-color .15s ease-out;position:relative}.switch:after{content:"";background:repeating-linear-gradient(to right, transparent 0 2px, var(--seam) 2px 3px) 50% 50% / 9px 8px no-repeat, linear-gradient(var(--key-top), var(--key-bottom));width:20px;height:16px;box-shadow:inset 0 1px 0 var(--shine), 0 0 0 1px var(--rim), 0 1px 2px var(--drop);border-radius:3px;transition:transform .15s ease-out;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--tone)}.switch[aria-checked=true]:after{transform:translate(16px)}input[type=range]{accent-color:var(--accent)}@media (prefers-reduced-motion:reduce){.chip,.swatch,.switch,.switch:after{transition:none}}:root:has(.deck){--background:#e5e1d6;--foreground:#1f1d19;--hairline:#28221429;--hairline-strong:#28221461;--control:#ffffff80;--well:#d3cfc2;--ink:#1f1d19db;--muted:#1f1d19b3;--key-top:#f7f5ee;--key-bottom:#e7e3d8;--key-edge:#b5af9f;--shine:#ffffffd9;--rim:#3c34243d;--drop:#28221447;--pit:#2822144d;--seam:#28221438;--bezel:0 0 0 7px #24221e, 0 0 0 8px var(--rim), 0 2px 0 8px var(--shine);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}[data-theme=dark]:has(.deck){--background:#151618;--foreground:#ece9df;--hairline:#fffaeb1a;--hairline-strong:#fffaeb4d;--control:#ffffff0a;--well:#0b0c0d;--ink:#ece9dfcc;--muted:#ece9df94;--key-top:#2d2f34;--key-bottom:#232529;--key-edge:#070708;--shine:#ffffff1a;--rim:#000000bf;--drop:#0000008c;--pit:#000000bf;--seam:#0009;--bezel:0 0 0 7px #060607, 0 0 0 8px var(--rim), 0 2px 0 8px var(--shine);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E")}:root:has(.deck) body{background:var(--grain), var(--background)}.deck{--raised:inset 0 1px 0 var(--shine), 0 0 0 1px var(--rim), 0 2px 0 1px var(--key-edge), 0 5px 6px -2px var(--drop);--held:inset 0 1px 3px var(--pit), 0 0 0 1px var(--rim);--sunk:inset 0 1px 3px var(--pit), inset 0 0 0 1px var(--rim), 0 1px 0 var(--shine);--glass-edge:inset 0 0 0 1px #ffffff12, inset 0 0 22px #000000bf, 0 0 0 1px var(--rim), 0 1px 0 1px var(--shine);--glass:repeating-linear-gradient(to bottom, #00000047 0 1px, transparent 1px 3px), radial-gradient(ellipse 90% 140% at 50% 50%, var(--tube), transparent 70%), #05070a}@supports (color:color-mix(in lab, red, red)){.deck{--glass:repeating-linear-gradient(to bottom, #00000047 0 1px, transparent 1px 3px), radial-gradient(ellipse 90% 140% at 50% 50%, color-mix(in srgb, var(--tube) 24%, transparent), transparent 70%), #05070a}}.deck{--glass-ink:var(--phosphor);--glass-glow:0 0 8px var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.deck{--glass-glow:0 0 8px color-mix(in srgb, var(--phosphor) 65%, transparent)}}.deck :is(button,select,summary,a,label:has(.switch),.fader):not(:disabled){cursor:pointer}.deck ::selection{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck ::selection{background:color-mix(in srgb, var(--tone) 45%, transparent)}}.deck .terminal-dock,.deck .tabs-bar{background:var(--grain), var(--background)}@media (max-width:1023.98px){.deck .stage{background:var(--grain), var(--background)}}@media (min-width:1024px){.deck .panel{box-shadow:inset 1px 0 0 var(--seam), inset 2px 0 0 var(--shine)}}.lamp{background:var(--seam);width:7px;height:7px;box-shadow:inset 0 1px 1px var(--pit);border-radius:999px;flex-shrink:0;display:inline-block}.lamp[data-lit=true]{background:radial-gradient(circle at 35% 30%, #fff, var(--tone) 55%);box-shadow:0 0 7px 1px var(--tone)}@supports (color:color-mix(in lab, red, red)){.lamp[data-lit=true]{box-shadow:0 0 7px 1px color-mix(in srgb, var(--tone) 70%, transparent)}}.nameplate{align-items:flex-start;gap:10px;min-width:0;display:flex}.nameplate>div{min-width:0}.nameplate>.lamp{margin-top:8px}.nameplate h1{font-family:var(--font-dot), var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:24px;font-weight:900;line-height:1}.nameplate p{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:10px}.deck .chip.chip--icon{place-items:center;padding-inline:9px;display:grid}.deck[data-plain] .chip.chip--icon{padding-inline:8px}.swap{place-items:center;display:grid}.swap>svg{grid-area:1/1;transition:opacity .18s,scale .18s,filter .18s}.swap>svg:last-child,.swap[data-done=true]>svg:first-child{opacity:0;filter:blur(4px);scale:.5}.swap[data-done=true]>svg:last-child{opacity:1;filter:none;scale:1}@media (max-width:480px){.nameplate{gap:8px}.nameplate h1{letter-spacing:.04em;font-size:19px}.nameplate p{letter-spacing:.12em;font-size:8.5px}.nameplate>.lamp{margin-top:6px}.deck header .chip{letter-spacing:.06em;padding:8px 9px;font-size:10px}}.deck .chip{background:linear-gradient(var(--key-top), var(--key-bottom));box-shadow:var(--raised);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--ink);border:0;border-radius:8px;padding:9px 12px;font-size:11px;transition:box-shadow .1s,transform .1s,color .15s}.deck .chip:active,.deck .chip[aria-pressed=true]{box-shadow:var(--held);transform:translateY(2px)}.deck .chip[aria-pressed=true]{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck .chip[aria-pressed=true]{background:color-mix(in srgb, var(--tone) 14%, var(--key-bottom))}}.deck .chip[aria-pressed=true]{color:var(--foreground)}@media (hover:hover) and (pointer:fine){.deck .chip:hover{color:var(--foreground)}}.deck .chip--lamp{justify-content:center;align-items:center;gap:8px;display:flex}.deck .chip--lamp:before{content:"";background:var(--lamp);width:6px;height:6px;box-shadow:0 0 5px var(--lamp);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.deck .chip--lamp:before{box-shadow:0 0 5px color-mix(in srgb, var(--lamp) 70%, transparent)}}.bay{isolation:isolate;background:repeating-linear-gradient(to bottom, transparent 0 1.5px, var(--tube) 1.5px 4px), radial-gradient(ellipse 58% 62% at 50% 46%, var(--tube), var(--tube) 45%, transparent 72%), #02030a;border-radius:26px;position:relative;overflow:clip}@supports (color:color-mix(in lab, red, red)){.bay{background:repeating-linear-gradient(to bottom, transparent 0 1.5px, color-mix(in srgb, var(--tube) 9%, transparent) 1.5px 4px), radial-gradient(ellipse 58% 62% at 50% 46%, color-mix(in srgb, var(--tube) 34%, transparent), color-mix(in srgb, var(--tube) 10%, transparent) 45%, transparent 72%), #02030a}}.bay{box-shadow:var(--bezel)}.bay:after{--ring:var(--line)}@supports (color:color-mix(in lab, red, red)){.bay:after{--ring:color-mix(in srgb, var(--line) 30%, transparent)}}.bay:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--ring), var(--ring)) 50% 46% / 100% 1px no-repeat, linear-gradient(var(--ring), var(--ring)) 50% 50% / 1px 100% no-repeat, repeating-radial-gradient(circle at 50% 46%, transparent 0 78px, var(--ring) 78px 79.5px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 25%,#0000 60%);mask-image:radial-gradient(circle at 50% 46%,#000 25%,#0000 60%)}.bay-glass{z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(168deg,#ffffff14 0%,#ffffff05 16%,#0000 32%),radial-gradient(115% 115%,#0000 52%,#0000009e 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #000,inset 0 0 46px 8px #000c,inset 4px 0 12px -5px #ff323273,inset -4px 0 12px -5px #328cff80}.bay:before{--mark:var(--hairline-strong);content:"";pointer-events:none;background:linear-gradient(var(--mark), var(--mark)) 0 0 / 10px 1px, linear-gradient(var(--mark), var(--mark)) 0 0 / 1px 10px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 10px 1px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 1px 10px, linear-gradient(var(--mark), var(--mark)) 0 100% / 10px 1px, linear-gradient(var(--mark), var(--mark)) 0 100% / 1px 10px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 10px 1px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 1px 10px;background-repeat:no-repeat;position:absolute;inset:10px}.bay-note{letter-spacing:.18em;text-transform:uppercase;color:var(--line);pointer-events:none;align-items:center;gap:7px;margin:8px;font-size:10px;font-weight:700;display:flex;position:absolute}.caption{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted);font-size:12px;line-height:1.45}.legend{align-items:center;gap:6px;display:flex}.legend>h3{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.legend:after{content:"";background:linear-gradient(var(--seam) 50%, var(--shine) 50%);flex:1;height:2px;margin-left:4px}.pane-title{font-family:var(--font-dot), var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;font-size:26px;font-weight:900;line-height:1}.field{background:var(--glass);box-shadow:inset 0 2px 5px #00000052, inset 0 0 0 1px #00000047, 0 1px 0 var(--shine);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--glass-ink);caret-color:var(--glass-ink);text-shadow:var(--glass-glow);border-radius:8px;outline:none;padding:11px 12px;font-size:12.5px}.field::placeholder{color:var(--glass-ink)}@supports (color:color-mix(in lab, red, red)){.field::placeholder{color:color-mix(in srgb, var(--glass-ink) 74%, transparent)}}.field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field--select{appearance:none;background:linear-gradient(45deg, transparent 50%, currentColor 50%) right 14px center / 5px 5px no-repeat, linear-gradient(135deg, currentColor 50%, transparent 50%) right 9px center / 5px 5px no-repeat, var(--glass);padding:7px 28px 7px 10px;font-size:11.5px}.readout{background:var(--glass);letter-spacing:.04em;text-align:right;min-width:44px;color:var(--glass-ink);text-shadow:var(--glass-glow);border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600;display:inline-block;box-shadow:inset 0 1px 2px #0000004d,inset 0 0 0 1px #00000040}.fader-wrap{display:block;position:relative}.fader-mark{top:50%;left:calc(7px + var(--from) * (100% - 14px));background:var(--ink);pointer-events:none;opacity:0;width:2px;height:14px;margin:-7px 0 0 -1px;transition:opacity .12s;position:absolute}.fader-mark[data-moved=true]{opacity:.7}.fader-reset{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.fader-reset>i{opacity:.8;background:currentColor;width:2px;height:9px}@media (hover:hover){.fader-reset:hover{color:var(--foreground)}}.fader{--cap:14px;--lit:calc(var(--cap) / 2 + var(--at) * (100% - var(--cap)));appearance:none;cursor:pointer;background:repeating-linear-gradient(to right, var(--hairline-strong) 0 1px, transparent 1px 10%) 7px 100% / calc(100% - 13px) 4px no-repeat;height:28px;display:block}.fader::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tone) var(--lit), var(--well) var(--lit));height:6px;box-shadow:var(--sunk);border-radius:3px}.fader::-moz-range-track{background:linear-gradient(to right, var(--tone) var(--lit), var(--well) var(--lit));height:6px;box-shadow:var(--sunk);border-radius:3px}.fader::-webkit-slider-thumb{appearance:none;width:var(--cap);background:linear-gradient(to right, transparent 6px, var(--accent) 6px 8px, transparent 8px), linear-gradient(var(--key-top), var(--key-bottom));height:20px;box-shadow:inset 0 1px 0 var(--shine), 0 0 0 1px var(--rim), 0 2px 3px var(--drop);border-radius:3px;margin-top:-7px}.fader::-moz-range-thumb{width:var(--cap);background:linear-gradient(to right, transparent 6px, var(--accent) 6px 8px, transparent 8px), linear-gradient(var(--key-top), var(--key-bottom));height:20px;box-shadow:inset 0 1px 0 var(--shine), 0 0 0 1px var(--rim), 0 2px 3px var(--drop);border:0;border-radius:3px}.fader:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tube{background:radial-gradient(ellipse 90% 90% at 50% 40%, var(--tube), transparent 75%), #05070a;border-radius:12px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tube{background:radial-gradient(ellipse 90% 90% at 50% 40%, color-mix(in srgb, var(--tube) 20%, transparent), transparent 75%), #05070a}}.tube{box-shadow:var(--glass-edge);color:var(--phosphor)}.tube-head{border-bottom:1px solid var(--phosphor);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.tube-head{border-bottom:1px solid color-mix(in srgb, var(--phosphor) 20%, transparent)}}.tube-head{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;padding:6px 6px 6px 14px;font-size:10.5px}.tube-head>span{opacity:.7}.tube-head>button{z-index:1;border-radius:6px;place-items:center;width:28px;height:28px;transition:background-color .15s;display:grid;position:relative}.tube-head>button:focus-visible{outline:2px solid var(--phosphor);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.tube-head>button:hover{background:var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.tube-head>button:hover{background:color-mix(in srgb, var(--phosphor) 14%, transparent)}}}.tube>pre{font-family:var(--font-geist-mono), ui-monospace, monospace;text-shadow:0 0 8px var(--phosphor);padding:14px;font-size:12px;line-height:1.65;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.tube>pre{text-shadow:0 0 8px color-mix(in srgb, var(--phosphor) 45%, transparent)}}@media (prefers-reduced-motion:reduce){.deck .chip,.tube-head>button{transition:none}}:root:has(.deck[data-lit]) body{background-attachment:fixed}.deck[data-lit] :is(.tabs-bar,.terminal-dock){background:var(--grain) fixed, var(--background)}.deck[data-lit] .tabs-bar{-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.deck[data-lit] .terminal-dock{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 14px),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - 14px),#0000)}@media (max-width:1023.98px){.deck[data-lit] .stage{background-attachment:fixed}}.deck .bay{--line:var(--phosphor);--on-line:#02030a;--foreground:var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--foreground:color-mix(in srgb, var(--phosphor) 30%, #fff)}}.deck .bay{--ink:var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--ink:color-mix(in srgb, var(--phosphor) 72%, #fff)}}.deck .bay{--muted:var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--muted:color-mix(in srgb, var(--phosphor) 82%, transparent)}}.deck .bay{--hairline:var(--line)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--hairline:color-mix(in srgb, var(--line) 20%, transparent)}}.deck .bay{--hairline-strong:var(--line)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--hairline-strong:color-mix(in srgb, var(--line) 50%, transparent)}}.deck .bay{--control:var(--tube)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--control:color-mix(in srgb, var(--tube) 20%, transparent)}}.deck .bay{--well:var(--tube)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--well:color-mix(in srgb, var(--tube) 22%, #02030a)}}.deck .bay{--fill:var(--tube)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--fill:color-mix(in srgb, var(--tube) 16%, #02030a)}}.deck .bay{--bloom:var(--line)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--bloom:color-mix(in srgb, var(--line) 60%, transparent)}}.deck .bay{--spill:0 0 14px var(--line), 0 0 46px var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--spill:0 0 14px color-mix(in srgb, var(--line) 90%, transparent), 0 0 46px color-mix(in srgb, var(--tone) 80%, transparent)}}.deck .bay{--haze:0 0 30px var(--tube)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--haze:0 0 30px color-mix(in srgb, var(--tube) 26%, transparent)}}.deck .bay{--key-top:var(--fill);--key-bottom:var(--fill);--key-edge:transparent;--shine:transparent;--rim:transparent;--drop:transparent;--pit:transparent;--seam:var(--line)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--seam:color-mix(in srgb, var(--line) 28%, transparent)}}.deck .bay{--raised:none;--held:var(--spill);--sunk:none;--glass-edge:var(--haze);--glass:var(--tube)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--glass:color-mix(in srgb, var(--tube) 24%, #02030a)}}.deck .bay{--glass-ink:var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--glass-ink:color-mix(in srgb, var(--phosphor) 35%, #fff)}}.deck .bay{--glass-glow:0 0 8px var(--phosphor)}@supports (color:color-mix(in lab, red, red)){.deck .bay{--glass-glow:0 0 8px color-mix(in srgb, var(--phosphor) 80%, transparent)}}.deck .bay{color:var(--foreground);--accent:var(--phosphor);text-shadow:0 0 6px,0 0 18px}@supports (color:color-mix(in lab, red, red)){.deck .bay{text-shadow:0 0 6px color-mix(in srgb, currentColor 55%, transparent), 0 0 18px color-mix(in srgb, currentColor 28%, transparent)}}.bay .chip svg{filter:drop-shadow(0 0 4px)}@supports (color:color-mix(in lab, red, red)){.bay .chip svg{filter:drop-shadow(0 0 4px color-mix(in srgb, currentColor 70%, transparent))}}@keyframes crt-roll{0%{transform:translateY(-30vh)}to{transform:translateY(110vh)}}@keyframes crt-on{0%{opacity:1;transform:scaleY(.004)}45%{opacity:.85;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@keyframes lit-flicker{0%{opacity:.45}18%{opacity:1}32%{opacity:.7}48%{opacity:1}66%{opacity:.88}to{opacity:1}}@media (hover:hover) and (pointer:fine){.deck[data-lit] :is(.chip,.mood,.dock-item,.tabs>button,.tube-head>button):hover,.bay .chip:hover{animation:.24s steps(6,end) lit-flicker}}.bay :is(.chip,.bay-note){font-family:var(--font-hud), var(--font-geist-mono), monospace}:is(.deck[data-lit],.deck .bay) .chip{background:var(--control);border-radius:999px;padding-inline:14px;font-size:10px;font-weight:600;transition:background-color .15s,box-shadow .15s,color .15s}:is(.deck[data-lit],.deck .bay) .chip:active,:is(.deck[data-lit],.deck .bay) .chip[aria-pressed=true]{background:var(--line);box-shadow:var(--spill);color:var(--on-line);text-shadow:none;transform:none}@media (hover:hover) and (pointer:fine){:is(.deck[data-lit],.deck .bay) .chip:not(:active,[aria-pressed=true]):hover{background:var(--line)}@supports (color:color-mix(in lab, red, red)){:is(.deck[data-lit],.deck .bay) .chip:not(:active,[aria-pressed=true]):hover{background:color-mix(in srgb, var(--line) 30%, transparent)}}:is(.deck[data-lit],.deck .bay) .chip:not(:active,[aria-pressed=true]):hover{box-shadow:0 0 18px var(--line)}@supports (color:color-mix(in lab, red, red)){:is(.deck[data-lit],.deck .bay) .chip:not(:active,[aria-pressed=true]):hover{box-shadow:0 0 18px color-mix(in srgb, var(--line) 35%, transparent)}}}.deck[data-lit] .mood:active,.deck[data-lit] .mood[aria-pressed=true]{background:var(--line);box-shadow:var(--spill);color:var(--on-line);text-shadow:none;transform:none}@media (hover:hover) and (pointer:fine){.deck[data-lit] .mood:not(:active,[aria-pressed=true]):hover{background:radial-gradient(ellipse closest-side, var(--line), transparent)}@supports (color:color-mix(in lab, red, red)){.deck[data-lit] .mood:not(:active,[aria-pressed=true]):hover{background:radial-gradient(ellipse closest-side, color-mix(in srgb, var(--line) 32%, transparent), transparent)}}.deck[data-lit] .mood:not(:active,[aria-pressed=true]):hover{color:var(--foreground)}}.deck[data-lit] :is(.mood,.dock-item):after{--mark:var(--line);content:"";pointer-events:none;background:linear-gradient(var(--mark), var(--mark)) 0 0 / 8px 1.5px, linear-gradient(var(--mark), var(--mark)) 0 0 / 1.5px 8px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 8px 1.5px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 1.5px 8px, linear-gradient(var(--mark), var(--mark)) 0 100% / 8px 1.5px, linear-gradient(var(--mark), var(--mark)) 0 100% / 1.5px 8px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 8px 1.5px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 1.5px 8px;width:auto;height:auto;filter:drop-shadow(0 0 3px var(--line));opacity:0;background-repeat:no-repeat;border-radius:0;display:block;position:absolute;inset:1px}.deck[data-lit] .dock-item{position:relative}.deck[data-lit] .dock-item:after{--mark:var(--tone)}@media (hover:hover) and (pointer:fine){.deck[data-lit] :is(.mood,.dock-item):not(:active,[aria-pressed=true]):hover:after{opacity:1}}.deck[data-lit] .dock-item[aria-pressed=true]{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck[data-lit] .dock-item[aria-pressed=true]{background:color-mix(in srgb, var(--tone) 30%, transparent)}}.deck[data-lit] .dock-item[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--tone), inset 0 0 12px var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck[data-lit] .dock-item[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--tone), inset 0 0 12px color-mix(in srgb, var(--tone) 80%, transparent)}}.deck[data-lit] .tabs:before{background:var(--line);box-shadow:var(--spill);border-radius:999px}.deck[data-lit] .tabs>button[aria-selected=true]{color:var(--on-line);text-shadow:none}.deck[data-lit] .tabs>button[aria-selected=true] svg{filter:none}.deck[data-lit] .field:focus-visible{box-shadow:inset 0 0 0 1.5px var(--line), var(--spill);outline:none}@media (prefers-reduced-motion:reduce){.deck[data-lit] :is(.chip,.mood,.dock-item,.tabs>button,.tube-head>button):hover,.bay .chip:hover{animation:none}}:root:has(.deck[data-plain]){--background:#eef1f6;--foreground:#1a1d23;--hairline:#0c14281f;--hairline-strong:#0c14284d;--control:#fff9;--well:#ffffffb3;--ink:#0c1428c7;--muted:#0c1428a3;--surface:#fff;--grain:repeating-linear-gradient(to bottom, #0c14280d 0 1.5px, transparent 1.5px 4px)}[data-theme=dark]:has(.deck[data-plain]){--background:#0b0d10;--foreground:#e8eaee;--hairline:#ffffff1a;--hairline-strong:#ffffff47;--control:#ffffff0a;--well:#00000059;--ink:#ffffffb8;--muted:#ffffff85;--surface:#16181d;--grain:repeating-linear-gradient(to bottom, transparent 0 1.5px, #96b9ff09 1.5px 4px)}.deck[data-plain]{--line:var(--tone);--on-line:var(--lcd-ink);--bloom:var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck[data-plain]{--bloom:color-mix(in srgb, var(--tone) 55%, transparent)}}.deck[data-plain]{--spill:0 0 12px var(--tone), 0 0 38px var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck[data-plain]{--spill:0 0 12px color-mix(in srgb, var(--tone) 80%, transparent), 0 0 38px color-mix(in srgb, var(--tone) 55%, transparent)}}.deck[data-plain]{--haze:0 0 0 0 transparent;--track:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.deck[data-plain]{--track:color-mix(in srgb, var(--foreground) 15%, transparent)}}.deck[data-plain]{--tab-track:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.deck[data-plain]{--tab-track:color-mix(in srgb, var(--foreground) 7%, transparent)}}.deck[data-plain]{--key-top:var(--surface);--key-bottom:var(--surface);--key-edge:transparent;--shine:transparent;--rim:var(--hairline);--drop:transparent;--pit:transparent;--seam:var(--hairline);--raised:0 0 0 1px var(--hairline);--held:var(--spill);--sunk:0 0 0 0 transparent;--glass-edge:inset 0 0 0 1px #ffffff12, inset 0 0 22px #000000bf, 0 1px 2px #0000001f;--glass:var(--well);--glass-ink:var(--foreground);--glass-glow:none}.deck[data-plain] .bay{--line:inherit;--on-line:inherit;--foreground:inherit;--ink:inherit;--muted:inherit;--hairline:inherit;--hairline-strong:inherit;--control:inherit;--well:inherit;--fill:inherit;--bloom:inherit;--spill:inherit;--haze:inherit;--key-top:inherit;--key-bottom:inherit;--key-edge:inherit;--shine:inherit;--rim:inherit;--drop:inherit;--pit:inherit;--seam:inherit;--raised:inherit;--held:inherit;--sunk:inherit;--glass-edge:inherit;--glass:inherit;--glass-ink:inherit;--glass-glow:inherit;--accent:inherit;box-shadow:none;color:inherit;text-shadow:none;background:0 0;border-radius:0}.deck[data-plain] :is(.bay-glass,.nameplate>.lamp),.deck[data-plain] .bay:after,.deck[data-plain] .legend:after,.deck[data-plain] .chip--lamp:before{display:none}.deck[data-plain] .cluster [role=group].grid{gap:4px}@media (max-width:480px){.deck[data-plain] .nameplate p{font-size:12px;line-height:1.35}.deck[data-plain] header .chip{padding:7px 9px;font-size:12.5px}.deck[data-plain] header>.flex{gap:6px}}.deck[data-plain] .bay-note{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted);font-weight:400}.deck[data-plain] .caption{font-family:inherit;font-size:13px;line-height:1.375}.deck[data-plain] .nameplate h1{letter-spacing:-.025em;text-transform:none;font-family:inherit;font-size:15px;font-weight:500;line-height:1.5}.deck[data-plain] .nameplate p{letter-spacing:0;text-transform:none;margin-top:0;font-family:inherit;font-size:13px}.deck[data-plain] .pane-title{letter-spacing:-.025em;text-transform:none;font-family:inherit;font-size:22px;font-weight:500;line-height:1.3}.deck[data-plain] :is(.legend>h3,.fold>summary){letter-spacing:.16em;font-family:inherit;font-size:11px}.deck[data-plain] .chip{background:var(--control);letter-spacing:0;text-transform:none;text-align:left;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:400;transition:background-color .15s,box-shadow .15s,color .15s}.deck[data-plain] .chip--lamp{justify-content:flex-start}.deck[data-plain] .mood{box-shadow:none;letter-spacing:0;text-transform:none;color:var(--muted);background:0 0;border-radius:12px;padding:10px 2px 8px;font-family:inherit;font-size:12px}.deck[data-plain] .mood--small{padding:8px 2px 7px;font-size:11.5px}.deck[data-plain] .dock{border-radius:30px}.deck[data-plain] .dock-item{border-radius:12px}.deck[data-plain] .dock-rule{background:var(--hairline);width:1px;margin:0 4px}.deck[data-plain] .tabs{background:var(--tab-track);box-shadow:none;border-radius:12px}.deck[data-plain] .tabs:before{border-radius:9px}.deck[data-plain] .tabs>button{letter-spacing:0;text-transform:none;border-radius:9px;font-family:inherit;font-size:13px}@media (min-width:1024px){.deck[data-plain] .panel{box-shadow:inset 1px 0 0 var(--hairline)}}.deck[data-plain] .field{box-shadow:0 0 0 1px var(--hairline);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px}.deck[data-plain] .field::placeholder{color:var(--muted)}.deck[data-plain] .field--select{border-radius:8px;padding:6px 28px 6px 9px}.deck[data-plain] .readout{min-width:0;box-shadow:none;letter-spacing:0;color:var(--ink);background:0 0;padding:0;font-size:12px;font-weight:400}.deck[data-plain] .switch{background:var(--track);box-shadow:none;border-radius:999px;transition:background-color .15s ease-out,box-shadow .15s ease-out}.deck[data-plain] .switch:after{background:#fff;border-radius:999px;width:16px;box-shadow:0 1px 2px #00000040}.deck[data-plain] .switch[aria-checked=true]{background:var(--tone);box-shadow:0 0 14px var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck[data-plain] .switch[aria-checked=true]{box-shadow:0 0 14px color-mix(in srgb, var(--tone) 65%, transparent)}}.deck[data-plain] .switch[aria-checked=true]:after{transform:translate(20px)}.deck[data-plain] .fader{filter:drop-shadow(0 0 4px var(--tone));background:0 0}@supports (color:color-mix(in lab, red, red)){.deck[data-plain] .fader{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--tone) 55%, transparent))}}.deck[data-plain] .fader::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--tone) var(--lit), var(--track) var(--lit))}.deck[data-plain] .fader::-moz-range-track{background:linear-gradient(to right, var(--tone) var(--lit), var(--track) var(--lit))}.deck[data-plain] .fader::-webkit-slider-thumb{width:16px;height:16px;box-shadow:0 0 0 1px var(--hairline-strong), 0 1px 3px #00000040;background:#fff;border-radius:999px;margin-top:-5px}.deck[data-plain] .fader::-moz-range-thumb{width:16px;height:16px;box-shadow:0 0 0 1px var(--hairline-strong), 0 1px 3px #00000040;background:#fff;border-radius:999px}.deck[data-plain] .terminal{border-radius:16px}@media (prefers-reduced-motion:reduce){.deck[data-plain] :is(.chip,.switch){transition:none}}@media (min-width:1024px){.deck[data-skin=clean]{grid-template-columns:minmax(0,1fr) 460px;max-width:1440px}.deck[data-skin=clean] .stage-column{padding-inline:40px}}.deck[data-skin=clean]{--mark:var(--accent)}@supports (color:color-mix(in lab, red, red)){.deck[data-skin=clean]{--mark:color-mix(in srgb, var(--accent) 60%, transparent)}}.deck[data-skin=clean]{--line:var(--lcd-ink)}@supports (color:color-mix(in lab, red, red)){.deck[data-skin=clean]{--line:color-mix(in srgb, var(--lcd-ink) 80%, transparent)}}.deck[data-skin=clean]{--on-line:#fff;--spill:0 0 0 0 transparent;--held:var(--spill);--raised:0 0 0 0 transparent;--control:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.deck[data-skin=clean]{--control:color-mix(in srgb, var(--foreground) 16%, transparent)}}.deck[data-skin=clean]{--dock-ground:#f1f2f6cc}[data-theme=dark] .deck[data-skin=clean]{--line:var(--tone)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .deck[data-skin=clean]{--line:color-mix(in srgb, var(--tone) 85%, transparent)}}[data-theme=dark] .deck[data-skin=clean]{--on-line:var(--lcd-ink);--dock-ground:var(--surface)}.deck[data-skin=clean] :is(.chip,.mood,.dock,.dock-item,.tabs,.tabs>button,.field,.terminal,.terminal>button,.tube,.tube-head>button,.tip-note,.switch),.deck[data-skin=clean] .tabs:before,.deck[data-skin=clean] .switch:after{border-radius:0}.deck[data-skin=clean] :is(.chip,.mood,.dock-item,.tabs>button,.copy-key){isolation:isolate;position:relative}.deck[data-skin=clean] :is(.chip,.mood,.dock-item,.tabs>button,.copy-key):after{--mark:var(--tone);content:"";pointer-events:none;background:linear-gradient(var(--mark), var(--mark)) 0 0 / 10px 1px, linear-gradient(var(--mark), var(--mark)) 0 0 / 1px 10px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 10px 1px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 1px 10px, linear-gradient(var(--mark), var(--mark)) 0 100% / 10px 1px, linear-gradient(var(--mark), var(--mark)) 0 100% / 1px 10px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 10px 1px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 1px 10px;width:auto;height:auto;box-shadow:none;filter:drop-shadow(0 0 1px var(--mark));opacity:0;background-repeat:no-repeat;border-radius:0;display:block;position:absolute;inset:0}.deck[data-skin=clean] :is(.chip,.mood,.dock-item)[aria-pressed=true]:after,.deck[data-skin=clean] .tabs>button[aria-selected=true]:after{opacity:1}.deck[data-skin=clean] :is(.mood,.tabs>button):before{content:"";z-index:-1;background:var(--mark);filter:blur(12px);opacity:0;pointer-events:none;width:43px;height:52px;transition:opacity .15s;position:absolute;top:50%;left:50%;translate:-50% -50%}.deck[data-skin=clean] .tabs>button:before{width:84%;height:15px}@media (hover:hover) and (pointer:fine){.deck[data-skin=clean] :is(.chip,.mood,.dock-item,.tabs>button,.copy-key):hover:after{opacity:1}.deck[data-skin=clean] .mood:not(:active,[aria-pressed=true]):hover{background:0 0}.deck[data-skin=clean] .mood:not(:active,[aria-pressed=true]):hover:before{opacity:1}.deck[data-skin=clean] .tabs>button:not([aria-selected=true]):hover:before{opacity:.66}.deck[data-skin=clean] .chip:not(:active,[aria-pressed=true]):hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.deck[data-skin=clean] .chip:not(:active,[aria-pressed=true]):hover{background:color-mix(in srgb, var(--foreground) 22%, transparent)}}.deck[data-skin=clean] .chip:not(:active,[aria-pressed=true]):hover{box-shadow:none}}.deck[data-skin=clean] :is(.terminal,.tube) .copy-key:after{--mark:var(--phosphor)}.deck[data-skin=clean] :is(.terminal,.tube) .copy-key:disabled:after{opacity:0}.deck[data-skin=clean] .tabs{gap:4px;padding:0}.deck[data-skin=clean] .tabs:before{width:calc((100% - (var(--tabs,3) - 1) * 4px) / var(--tabs,3));transform:translateX(calc(var(--at) * (100% + 4px)));top:0;bottom:0;left:0}.deck[data-skin=clean] .tabs>button{height:32px;padding:0}.deck[data-skin=clean] .chip{line-height:16px}.deck[data-skin=clean] .cluster [role=group].grid{gap:12px}.deck[data-skin=clean] .dock{background:var(--dock-ground);box-shadow:0 0 0 1px var(--hairline)}.deck[data-skin=clean] .dock-item[aria-pressed=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.deck[data-skin=clean] .dock-item[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 40%, transparent)}}.deck[data-skin=clean] .dock-item[aria-pressed=true]{box-shadow:none}.deck[data-skin=clean] .dock-tile--tint{background:var(--tone)}@supports (color:color-mix(in lab, red, red)){.deck[data-skin=clean] .dock-tile--tint{background:color-mix(in srgb, var(--tone) 40%, transparent)}}.deck[data-skin=clean] .switch[aria-checked=true]{background:var(--line);box-shadow:none}.deck[data-skin=clean] .fader{filter:none}.deck[data-skin=clean] .fader::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--line) var(--lit), var(--track) var(--lit));border-radius:0}.deck[data-skin=clean] .fader::-moz-range-track{background:linear-gradient(to right, var(--line) var(--lit), var(--track) var(--lit));border-radius:0}.deck[data-skin=clean] .fader::-webkit-slider-thumb{border-radius:0;width:10px;height:18px;margin-top:-6px}.deck[data-skin=clean] .fader::-moz-range-thumb{border-radius:0;width:10px;height:18px}@media (prefers-reduced-motion:reduce){.deck[data-skin=clean] :is(.mood,.tabs>button):before{transition:none}}:root:has(.deck[data-reading]){--grain:none}@media (min-width:1024px){.deck[data-skin=clean][data-reading]{max-width:984px}}.docs-page .nameplate h1{font-size:15px}.docs{color:var(--ink);font-size:15px;line-height:1.65}.docs h1{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:-.02em;color:var(--foreground);font-size:24px;font-weight:500}.docs-lede{max-width:560px;color:var(--ink);margin-top:10px;font-size:16px;line-height:1.55}.docs-stage{background:radial-gradient(ellipse 46% 52% at 50% 40%, var(--tone), transparent 70%);justify-items:center;gap:22px;margin-top:28px;padding:44px 20px 28px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.docs-stage{background:radial-gradient(ellipse 46% 52% at 50% 40%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 70%)}}.docs-stage:before{--mark:var(--hairline-strong);content:"";pointer-events:none;background:linear-gradient(var(--mark), var(--mark)) 0 0 / 10px 1px, linear-gradient(var(--mark), var(--mark)) 0 0 / 1px 10px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 10px 1px, linear-gradient(var(--mark), var(--mark)) 100% 0 / 1px 10px, linear-gradient(var(--mark), var(--mark)) 0 100% / 10px 1px, linear-gradient(var(--mark), var(--mark)) 0 100% / 1px 10px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 10px 1px, linear-gradient(var(--mark), var(--mark)) 100% 100% / 1px 10px;background-repeat:no-repeat;position:absolute;inset:0}.docs-stage-note{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;top:12px;right:16px}.docs-stage-note:before{content:"";background:var(--tone);width:6px;height:6px}.docs-stage figcaption{color:var(--muted);justify-items:center;gap:12px;font-size:13px;display:grid}.docs section{margin-top:64px;scroll-margin-top:28px}.docs h2{letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:14px;margin-bottom:18px;font-size:19px;font-weight:500;display:flex}.docs h2:after{content:"";background:var(--hairline);flex:1;height:1px}.docs section>*+*{margin-top:16px}.docs ul{padding-left:20px;list-style:square}.docs li+li{margin-top:6px}.docs li::marker{color:var(--tone)}.docs :is(p,li,td,dd,dt) code{background:var(--tab-track);font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--foreground);padding:1px 5px;font-size:.87em}.docs-code{background:var(--tab-track);position:relative}.docs-code pre{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ink);counter-reset:line;padding:14px 52px 14px 16px;font-size:12.5px;line-height:1.65;overflow-x:auto}.docs-code pre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.docs-code[data-lines] .docs-line:before{counter-increment:line;content:counter(line);text-align:right;width:18px;color:var(--muted);opacity:.6;-webkit-user-select:none;user-select:none;margin-right:16px;display:inline-block}.docs-line [data-kind=note]{color:var(--muted);font-style:italic}.docs-line [data-kind=text]{color:var(--code-mark)}.docs-line [data-kind=word]{color:var(--foreground);font-weight:600}.docs-line [data-kind=number]{color:var(--code-mark)}.deck[data-skin] .docs-code button.copy-key{width:32px;height:32px;color:var(--muted);place-items:center;display:grid;position:absolute;top:8px;right:8px}.docs-code .copy-key:hover{color:var(--foreground)}.docs-entries:before{content:attr(data-of);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.docs-entries>div{border-bottom:1px solid var(--hairline);padding:12px 0}.docs-entries>div:first-child{border-top:1px solid var(--hairline)}.docs-entries dt{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.docs-entries dt>span{color:var(--muted);font-size:13px}.docs-entries dt>span>i{font-style:normal}.docs-entries dd{margin-top:4px;font-size:14px;line-height:1.55}.docs-table{overflow-x:auto}.docs table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.docs th{text-align:left;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.docs th,.docs td{border-bottom:1px solid var(--hairline);vertical-align:top;padding:10px 16px 10px 0}.docs td:first-child{white-space:nowrap}.docs-nav{gap:22px;display:grid}.docs-nav h2{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:500}.docs-nav a{color:var(--muted);padding:5px 0 5px 14px;font-size:13px;line-height:1.3;transition:color .12s;display:block;position:relative}.docs-nav a:before{content:"";background:var(--tone);opacity:0;width:6px;height:6px;margin-top:-3px;transition:opacity .14s,scale .14s;position:absolute;top:50%;left:0;scale:.4}.docs-nav a:hover{color:var(--foreground)}.docs-nav a[aria-current]{color:var(--foreground);font-weight:500}.docs-nav a[aria-current]:before{opacity:1;scale:1}.docs-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1023.98px){.docs-nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.maker{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.maker:hover{color:var(--foreground)}.docs-foot{border-top:1px solid var(--hairline);color:var(--muted);margin-top:72px;padding-top:20px;font-size:13px}.diagram{background:var(--tab-track);gap:16px;padding:24px 20px 20px;display:grid}.diagram figcaption,.diagram p{color:var(--muted);font-size:13px;line-height:1.5}.diagram--row{grid-template-columns:auto 1fr;align-items:center;gap:28px}@media (max-width:560px){.diagram--row{grid-template-columns:1fr;justify-items:center}}.lanes{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;display:grid}.lanes>p,.lanes>.contents>p{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.lanes>div:not(.contents),.lanes>.contents>div{background:var(--foreground);height:28px;position:relative}@supports (color:color-mix(in lab, red, red)){.lanes>div:not(.contents),.lanes>.contents>div{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.lanes :is(span,i)[style]{top:0;left:calc(var(--from) / var(--span) * 100%);width:calc((var(--to) - var(--from)) / var(--span) * 100%);white-space:nowrap;text-overflow:ellipsis;height:28px;color:var(--ink);padding:0 8px;font-size:12px;font-style:normal;line-height:28px;position:absolute;overflow:hidden}.lanes span[style]{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.lanes span[style]{background:color-mix(in srgb, var(--foreground) 10%, transparent)}}.lanes span[data-strong]{background:var(--lcd-ink);color:#fff}.lanes i[style]{color:var(--muted)}.lanes{grid-template-columns:72px 1fr;position:relative}.lanes>div.lanes-run{pointer-events:none;background:0 0;height:auto;position:absolute;inset:0 0 0 86px}.lanes-now{background:var(--foreground);width:2px;box-shadow:0 0 0 1.5px var(--background);margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.shades{justify-items:center;gap:14px;display:grid}.shades>svg{max-width:100%;height:auto}.shade-ring{fill:none;stroke:#00000061}.shade-dot{fill:#fff;stroke:#0006}.shade-number{fill:#111;font-family:var(--font-geist-mono), ui-monospace, monospace;text-anchor:middle;font-weight:600}.shade-ramp{width:222px}.shade-ramp>div{height:18px;position:relative;box-shadow:inset 0 0 0 1px #00000024}.shade-ramp b{width:16px;font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;color:var(--ink);margin:3px 0 0 -8px;font-size:10px;font-weight:600;position:absolute;top:100%}.shade-ramp b:before{content:"";background:#0000004d;width:1px;height:21px;position:absolute;bottom:100%;left:50%}.shade-ramp>p{justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.shade-key{gap:5px;display:grid}.docs .shade-key{padding:0;list-style:none}.docs .shade-key li+li{margin-top:0}.shade-key li{color:var(--muted);grid-template-columns:18px 22px 70px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.shade-key b{width:18px;height:18px;font-family:var(--font-geist-mono), ui-monospace, monospace;color:#111;background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:grid;box-shadow:0 0 0 1px #00000059}.shade-key i{height:16px;box-shadow:inset 0 0 0 1px #0000001f}.shade-key code{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--foreground);font-size:11.5px}.diagram--row>figcaption{grid-column:1/-1}.pair{flex-wrap:wrap;justify-content:center;gap:16px 56px;display:flex}.pair figure{justify-items:center;gap:10px;display:grid}.pair figcaption{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.docs .steps{padding:0;list-style:none}.docs .steps li+li{margin-top:0}.steps li{text-align:center;counter-increment:step;align-content:start;justify-items:center;gap:4px;display:grid}.steps li>:is(svg,.step-live){place-items:center;width:100%;height:112px;margin-bottom:8px;display:grid}.steps b{color:var(--foreground);font-size:13px;font-weight:500}.steps b:before{content:counter(step) ". ";color:var(--muted)}.steps li>span:not(.step-live){color:var(--muted);font-size:12px;line-height:1.4}.steps svg *{vector-effect:non-scaling-stroke}.step-piece{fill:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.step-piece{fill:color-mix(in srgb, var(--foreground) 8%, transparent)}}.step-piece{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:4 3}.step-shell{fill:var(--control);stroke:var(--ink);stroke-width:1.5px}.step-glass{fill:var(--tone)}@supports (color:color-mix(in lab, red, red)){.step-glass{fill:color-mix(in srgb, var(--tone) 60%, transparent)}}@media (max-width:560px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo{background:var(--tab-track);flex-direction:column;align-items:center;gap:16px;padding:28px 20px 22px;display:flex}.docs .demo .demo-code{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted);font-size:12.5px}.docs-field{border:1px solid var(--hairline);background:var(--well);outline:none;padding:7px 12px;font-size:13px}.docs-field::placeholder{color:var(--muted)}.docs-field:focus{border-color:var(--accent)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}