/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-500:oklch(69.6% .17 162.48);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-\[115\%\]{top:115%}.-bottom-3{bottom:calc(var(--spacing) * -3)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.bottom-\[108\%\]{bottom:108%}.left-1\/2{left:50%}.left-\[47\%\]{left:47%}.left-\[48\%\]{left:48%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-\[90vw\]{width:90vw}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[340px\]{max-width:340px}.max-w-\[420px\]{max-width:420px}.max-w-\[500px\]{max-width:500px}.max-w-\[640px\]{max-width:640px}.max-w-none{max-width:none}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-purple-500\/10{border-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/10{border-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.border-purple-500\/15{border-color:#ac4bff26}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/15{border-color:color-mix(in oklab,var(--color-purple-500) 15%,transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/20{border-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.border-purple-500\/25{border-color:#ac4bff40}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/25{border-color:color-mix(in oklab,var(--color-purple-500) 25%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-zinc-700\/40{border-color:#3f3f4666}@supports (color:color-mix(in lab,red,red)){.border-zinc-700\/40{border-color:color-mix(in oklab,var(--color-zinc-700) 40%,transparent)}}.border-zinc-800{border-color:var(--color-zinc-800)}.border-zinc-800\/40{border-color:#27272a66}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/40{border-color:color-mix(in oklab,var(--color-zinc-800) 40%,transparent)}}.border-t-emerald-500{border-top-color:var(--color-emerald-500)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-white{background-color:var(--color-white)}.bg-zinc-800\/40{background-color:#27272a66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-800\/40{background-color:color-mix(in oklab,var(--color-zinc-800) 40%,transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/90{background-color:#18181be6}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/90{background-color:color-mix(in oklab,var(--color-zinc-900) 90%,transparent)}}.bg-zinc-950\/40{background-color:#09090b66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/40{background-color:color-mix(in oklab,var(--color-zinc-950) 40%,transparent)}}.bg-zinc-950\/80{background-color:#09090bcc}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/80{background-color:color-mix(in oklab,var(--color-zinc-950) 80%,transparent)}}.bg-zinc-950\/90{background-color:#09090be6}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/90{background-color:color-mix(in oklab,var(--color-zinc-950) 90%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-400{color:var(--color-amber-400)}.text-purple-400{color:var(--color-purple-400)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.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)}.shadow-\[0_10px_30px_rgba\(139\,92\,246\,0\.15\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#8b5cf626);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-sm{--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}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));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,)}.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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media(min-width:48rem){.md\:max-w-\[420px\]{max-width:420px}.md\:max-w-\[640px\]{max-width:640px}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:w-full>svg{width:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}:root{--bg: #09090b;--bg-rgb: 9, 9, 11;--bg-soft: #111113;--panel: rgba(24, 24, 27, .55);--panel-solid: #18181b;--border: rgba(63, 63, 70, .4);--border-strong: rgba(82, 82, 91, .6);--text: #e4e4e7;--text-dim: #a1a1aa;--text-faint: #71717a;--accent: #10b981;--accent-soft: rgba(16, 185, 129, .12);--accent-border: rgba(16, 185, 129, .35);--purple: #8b5cf6;--blue: #3b82f6;--code-bg: rgba(63, 63, 70, .35);--code-text: #f4f4f5;--radius: 16px;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--bg: #fafafa;--bg-rgb: 250, 250, 250;--bg-soft: #f1f1f3;--panel: rgba(255, 255, 255, .7);--panel-solid: #ffffff;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--text: #18181b;--text-dim: #52525b;--text-faint: #71717a;--accent-soft: rgba(16, 185, 129, .14);--code-bg: rgba(0, 0, 0, .06);--code-text: #18181b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.86em;background:var(--code-bg);padding:.12em .4em;border-radius:6px;color:var(--code-text)}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;font-weight:800}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:rgba(var(--bg-rgb),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#2dd4bf);display:grid;place-items:center;color:#09090b}.topnav{display:flex;gap:4px;align-items:center}.topnav a{color:var(--text-dim);padding:7px 12px;border-radius:9px;font-size:14px;font-weight:600}.topnav a:hover{color:var(--text);background:var(--panel);text-decoration:none}.topnav a.active{color:var(--accent)}.gh{color:var(--text-dim);font-size:13px}.theme-toggle{width:34px;height:34px;flex-shrink:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border-strong);border-radius:9px;color:var(--text-dim);font-size:15px;line-height:1;transition:color .15s ease,border-color .15s ease,background .15s ease}.theme-toggle:hover{color:var(--text);border-color:var(--accent-border)}.hero{position:relative;padding:80px 24px 56px;text-align:center;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.hero:before{top:-120px;left:20%;width:460px;height:460px;background:#8b5cf61f}.hero:after{bottom:-160px;right:18%;width:460px;height:460px;background:#10b9811a}.hero>*{position:relative;z-index:1}.hero .eyebrow{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:18px}.hero h1{font-size:clamp(34px,6vw,60px);margin:0 0 18px}.hero .lede{font-size:clamp(16px,2.4vw,20px);color:var(--text-dim);max-width:640px;margin:0 auto 32px}.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:var(--sans);transition:all .18s ease}.btn-primary{background:var(--accent);color:#09090b}.btn-primary:hover{background:#34d399;text-decoration:none;box-shadow:0 0 24px #10b9814d}.btn-ghost{background:var(--panel);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--panel-solid);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.hero-wall{padding:88px 24px 72px;min-height:560px;display:flex;align-items:center;justify-content:center}.avatar-wall{position:absolute;top:0;bottom:0;right:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:clamp(8px,1vw,16px);padding:24px clamp(16px,3vw,40px);align-content:center;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 26%,transparent 39%,transparent 61%,#000 74%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 26%,transparent 39%,transparent 61%,#000 74%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.avatar-wall-cell{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;opacity:.95}.avatar-wall-cell>div{width:100%!important;height:100%!important;border-radius:50%;overflow:hidden;box-shadow:0 4px 14px #00000047}.avatar-wall-cell svg{width:100%!important;height:100%!important;display:block}.avatar-wall-disc{border-radius:50%}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(58% 78% at 50% 50%,var(--bg) 0%,var(--bg) 34%,rgba(var(--bg-rgb),.62) 60%,transparent 82%),linear-gradient(180deg,var(--bg) 0%,transparent 16%,transparent 84%,var(--bg) 100%)}.hero-content{position:relative;z-index:2;max-width:620px;margin:0 auto;text-align:center}.hero-content .cta{justify-content:center}.hero-live{display:flex;justify-content:center;margin:28px 0 40px}.hero-live [role=status]{bottom:-14px;padding:3px 11px;font-size:10px;letter-spacing:.12em}.hero-live [role=status] span span{width:6px;height:6px}@media(max-width:860px){.hero-wall{justify-content:center;min-height:0}.hero-content{text-align:center;margin:0 auto;max-width:640px}.hero-content .cta{justify-content:center}.hero-live{display:flex;justify-content:center}.avatar-wall{left:0;opacity:.5;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}.hero-scrim{background:radial-gradient(120% 100% at 50% 50%,rgba(var(--bg-rgb),.92),rgba(var(--bg-rgb),.78) 55%,rgba(var(--bg-rgb),.45)),linear-gradient(180deg,var(--bg) 0%,transparent 22%,transparent 78%,var(--bg) 100%)}}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.section{padding:56px 0}.section h2{font-size:clamp(24px,3.5vw,34px);margin:0 0 8px}.section .sub{color:var(--text-dim);margin:0 0 32px;max-width:640px}.pg{display:flex;flex-direction:column;gap:20px}.pg-head{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.pg-head-main{min-width:0;flex:1 1 360px}.pg-title{margin:0 0 6px;font-size:clamp(18px,2.4vw,22px)}.pg-desc{margin:0;color:var(--text-dim);font-size:14px;max-width:560px}.pg-source{display:flex;flex-direction:column;gap:8px}.pg-source-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.pg-tabs{display:inline-flex;padding:4px;gap:4px;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:12px}.pg-tab{padding:8px 16px;border-radius:9px;border:1px solid transparent;background:none;color:var(--text-dim);font-weight:700;font-size:13px;font-family:var(--sans);cursor:pointer;transition:all .15s;white-space:nowrap}.pg-tab:hover{color:var(--text)}.pg-tab[aria-selected=true]{background:var(--accent);color:#09090b}.pg-catalog{display:flex;align-items:stretch;gap:14px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.pg-catalog-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);flex-shrink:0;align-self:center}.pg-catalog-groups{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:2px}.pg-group{display:flex;flex-direction:column;gap:6px;padding:0 14px;flex-shrink:0}.pg-group:first-child{padding-left:0}.pg-group+.pg-group{border-left:1px solid var(--border)}.pg-group-head{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);padding-left:6px}.pg-thumbs{display:flex;gap:8px}.pg-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px;border-radius:12px;background:none;border:1px solid transparent;cursor:pointer;transition:all .15s;flex-shrink:0}.pg-thumb:hover{background:var(--panel-solid)}.pg-thumb[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent)}.pg-thumb-art{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--panel-solid)}.pg-thumb-art svg{width:100%;height:100%;display:block}.pg-thumb-glyph{font-size:20px;line-height:1}.pg-thumb-name{font-size:10px;color:var(--text-dim);white-space:nowrap}.pg-thumb[aria-selected=true] .pg-thumb-name{color:var(--accent)}.pg-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:stretch}@media(max-width:820px){.pg-card{grid-template-columns:1fr}}.pg-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px;min-height:0;background:radial-gradient(circle at 50% 30%,rgba(16,185,129,.06),transparent 70%),var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.pg-side{display:flex;flex-direction:column;gap:10px;min-width:0}.pg-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pg-side-head>span{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.pg-setup-btn{padding:8px 16px;font-size:13px}.pg-hint{margin:0;font-size:11px;color:var(--text-faint);font-family:var(--mono);text-align:center}.pg-avatar{display:flex;justify-content:center;padding-bottom:26px}.pg-cloud{position:relative;width:100%;max-width:320px;min-height:52px;display:flex;flex-direction:column;gap:3px;text-align:left;padding:9px 14px;border-radius:16px;background:#18181beb;border:1px solid var(--accent-border);box-shadow:0 8px 24px #8b5cf61f;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.pg-cloud[data-show=true]{opacity:1;transform:translateY(0)}.pg-cloud:after{content:"";position:absolute;bottom:-7px;right:38px;width:12px;height:12px;border-radius:50%;background:#18181beb;border:1px solid var(--accent-border);border-top:none;border-left:none}.pg-cloud-text{font-size:12.5px;color:var(--text);font-style:italic;line-height:1.45}.pg-cloud-tool{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font-size:11.5px;color:#fbbf24;font-style:normal}.pg-cloud-tool code{font-family:var(--mono);font-size:11px;color:#fcd34d}.pg-subs{width:100%;max-width:380px;min-height:46px;text-align:center;display:flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:12px;font-size:15px;line-height:1.4;color:#f4f4f5;background:#0000009e;border:1px solid rgba(63,63,70,.5);text-shadow:0 1px 3px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pg-subs[data-empty=true]{color:var(--text-faint);font-size:13px;font-style:italic;background:#00000047}.pg-hud{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pg-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 11px;border-radius:999px;font-size:12px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.02em;background:var(--panel);border:1px solid var(--border);transition:color .15s ease,border-color .15s ease}.pg-toggle:hover{color:var(--text);border-color:var(--accent-border)}.pg-toggle input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.pg-toggle:has(input:checked){color:var(--text);border-color:var(--accent-border)}.pg-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(var(--bg-rgb),.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pg-fade .18s ease}@keyframes pg-fade{0%{opacity:0}to{opacity:1}}.pg-modal{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:18px;padding:24px clamp(18px,3vw,28px);box-shadow:0 24px 60px #00000080}.pg-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.pg-modal-head h3{margin:0 0 6px;font-size:20px}.pg-modal-head p{margin:0;color:var(--text-dim);font-size:14px}.pg-modal-x{flex-shrink:0;width:32px;height:32px;border-radius:9px;cursor:pointer;background:var(--panel);border:1px solid var(--border-strong);color:var(--text-dim);font-size:13px}.pg-modal-x:hover{color:var(--text);border-color:var(--accent-border)}.pg-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.pg-steps>li{display:flex;gap:14px;align-items:flex-start}.pg-step-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#09090b;font-weight:800;font-size:13px;margin-top:2px}.pg-step-body{min-width:0;flex:1}.pg-step-body h4{margin:0 0 8px;font-size:15px}.pg-step-hint{margin:0 0 8px;font-size:13px;color:var(--text-dim)}.code pre{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.code pre::-webkit-scrollbar{height:8px}.code pre::-webkit-scrollbar-track{background:transparent}.code pre::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.code pre::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:920px){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.features{grid-template-columns:1fr}}.feature{padding:26px 24px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:0 12px 30px #00000047}.feature .ico{font-size:22px;line-height:1;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent-soft);border:1px solid var(--accent-border);margin-bottom:16px}.feature h3{font-size:16px;margin:0 0 7px}.feature p{color:var(--text-dim);font-size:14px;line-height:1.55;margin:0}.engine-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;padding:30px clamp(20px,3vw,32px);margin-bottom:18px;border-color:var(--accent-border);background:radial-gradient(120% 140% at 100% 0%,var(--accent-soft),transparent 60%),var(--panel);box-shadow:0 16px 40px #0000004d,0 0 0 1px var(--accent-soft) inset}@media(max-width:820px){.engine-hero{grid-template-columns:1fr;gap:20px}}.engine-hero-main{min-width:0}.engine-hero h3{font-size:clamp(20px,2.6vw,26px);margin:12px 0 10px}.engine-hero p{color:var(--text-dim);font-size:14.5px;line-height:1.6;margin:0 0 14px}.engine-badge{display:inline-block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:5px 12px}.engine-hero-aside{display:flex;flex-direction:column;gap:12px;min-width:0;justify-content:center;align-items:center}.engine-hero-avatar{display:flex;justify-content:center;padding-bottom:26px}.engine-hero-aside .btn{align-self:flex-start}@media(max-width:820px){.engine-hero-aside .btn{align-self:stretch;text-align:center}}.engine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:720px){.engine-grid{grid-template-columns:1fr}}.engine-card{display:flex;flex-direction:column;padding:24px 22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.engine-links{margin-bottom:18px}.engine-card-try{margin-top:auto;align-self:stretch;text-align:center}.engine-card:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:0 12px 30px #00000047}.engine-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.engine-card-head h3{font-size:16px;margin:0}.engine-card-avatar{display:flex;justify-content:center;padding:6px 0 30px}.engine-glyph{font-size:18px;line-height:1;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);border:1px solid var(--accent-border)}.engine-card p{color:var(--text-dim);font-size:14px;line-height:1.55;margin:0 0 14px}.engine-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.engine-links li{position:relative;padding-left:16px;font-size:13.5px}.engine-links li:before{content:"↗";position:absolute;left:0;color:var(--text-faint);font-size:11px;top:2px}.engine-links a{color:var(--text-dim)}.engine-links a:hover{color:var(--accent)}.demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}@media(max-width:820px){.demo{grid-template-columns:1fr}}.demo-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;min-height:380px;background:radial-gradient(circle at 50% 30%,rgba(16,185,129,.06),transparent 70%),var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.demo-side{display:flex;flex-direction:column;gap:14px;min-width:0}.demo-side h3{margin:0;font-size:19px}.demo-side p{margin:0;color:var(--text-dim);font-size:14px}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{padding:7px 13px;border-radius:999px;font-size:12px;font-weight:700;font-family:var(--mono);cursor:pointer;transition:all .15s;background:var(--panel-solid);border:1px solid var(--border-strong);color:var(--text-dim);text-transform:lowercase}.chip:hover{color:var(--text);border-color:var(--accent-border)}.chip[aria-pressed=true]{background:var(--accent);color:#09090b;border-color:var(--accent)}.qs-cards{flex:1;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.qs-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:18px;cursor:pointer;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-dim);transition:border-color .15s,background .15s,color .15s,transform .15s}.qs-card:hover{transform:translateY(-2px);border-color:var(--accent-border);color:var(--text)}.qs-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#3f3f4659;color:var(--text);transition:all .15s}.qs-card-label{font-family:var(--mono);font-size:13px;font-weight:700;text-transform:lowercase;color:var(--text)}.qs-card-blurb{font-size:12.5px;line-height:1.4;color:var(--text-faint)}.qs-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.qs-card[aria-pressed=true] .qs-card-icon{background:var(--accent);color:#09090b}.qs-card[aria-pressed=true] .qs-card-blurb{color:var(--text-dim)}@media(max-width:820px){.qs-cards{grid-template-columns:repeat(2,1fr)}}.subtitle-strip{min-height:44px;max-width:360px;text-align:center;font-size:14px;color:var(--text);background:#0000004d;border:1px solid var(--border);border-radius:10px;padding:8px 14px}.code{position:relative;background:#0c0c0f;border:1px solid var(--border);border-radius:12px;overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.code pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.55;color:#e4e4e7}.code pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.copy-btn{background:none;border:1px solid var(--border-strong);color:var(--text-dim);border-radius:7px;padding:3px 9px;font-size:11px;cursor:pointer;font-family:var(--mono)}.copy-btn:hover{color:var(--text);border-color:var(--accent-border)}.wiki{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:40px 0 80px}@media(max-width:860px){.wiki{grid-template-columns:1fr}.wiki-side{display:none}}.wiki-side{position:sticky;top:78px;align-self:start;height:fit-content}.wiki-side .group{margin-bottom:22px}.wiki-side .group-title{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:8px}.wiki-side a{display:block;padding:5px 10px;border-radius:8px;font-size:14px;color:var(--text-dim);border-left:2px solid transparent}.wiki-side a:hover{color:var(--text);text-decoration:none}.wiki-side a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.wiki-content{min-width:0}.wiki-content h1{font-size:32px;margin:0 0 12px}.wiki-content h2{font-size:22px;margin:36px 0 12px;padding-top:8px}.wiki-content h3{font-size:17px;margin:24px 0 8px}.wiki-content p,.wiki-content li{color:var(--text-dim)}.wiki-content ul{padding-left:22px}.wiki-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.wiki-content th,.wiki-content td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border)}.wiki-content th{color:var(--text);font-weight:700}.wiki-content td{color:var(--text-dim)}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 16px;border-radius:0 10px 10px 0;margin:18px 0;font-size:14px}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:920px){.examples-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.examples-grid{grid-template-columns:1fr}}.example-card{display:flex;flex-direction:column;padding:22px 20px;color:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.example-card:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:0 12px 30px #00000047;text-decoration:none}.example-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.example-card-head h3{font-size:16px;margin:0;color:var(--text)}.example-glyph{font-size:18px;line-height:1;width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);border:1px solid var(--accent-border)}.example-glyph-lg{width:52px;height:52px;font-size:26px;border-radius:14px}.example-card p{color:var(--text-dim);font-size:14px;line-height:1.55;margin:0 0 14px}.example-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.example-tag{font-family:var(--mono);font-size:11px;color:var(--text-faint);background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:999px;padding:3px 9px}.example-card-cta{margin-top:auto;color:var(--accent);font-size:13.5px;font-weight:700}.example-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:40px 0 80px}@media(max-width:860px){.example-page{grid-template-columns:1fr}.example-side{display:none}}.example-side{position:sticky;top:78px;align-self:start;height:fit-content;display:flex;flex-direction:column;gap:2px}.example-side-back{font-size:13px;color:var(--text-faint);margin-bottom:12px}.example-side-back:hover{color:var(--accent);text-decoration:none}.example-side a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:14px;color:var(--text-dim);border-left:2px solid transparent}.example-side a:hover{color:var(--text);text-decoration:none}.example-side a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.example-side-glyph{font-size:15px}.example-content{min-width:0}.example-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.example-head h1{font-size:30px;margin:0 0 4px}.example-head .sub{margin:0}.example-demo-panel{padding:12px;margin-bottom:32px}.example-integration h2{font-size:20px;margin:0 0 16px}.example-foot{display:flex;justify-content:space-between;gap:12px;margin-top:36px;flex-wrap:wrap}.ex-demo{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px;min-height:360px;justify-content:center;background:radial-gradient(circle at 50% 28%,rgba(16,185,129,.06),transparent 70%);border-radius:var(--radius)}.ex-stage{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:26px}.ex-subs{min-height:42px;max-width:460px;text-align:center;font-size:14px;line-height:1.5;color:var(--text);background:#00000038;border:1px solid var(--border);border-radius:10px;padding:8px 14px}.ex-subs[data-empty=true]{color:var(--text-faint)}.ex-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.ex-statebar,.ex-facebar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ex-statebtn{font-family:var(--mono);font-size:12px;text-transform:lowercase;padding:6px 12px}.ex-facebtn{width:44px;height:44px;padding:4px;border-radius:10px;cursor:pointer;background:var(--panel-solid);border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center}.ex-facebtn.is-active{border-color:var(--accent);background:var(--accent-soft)}.ex-cloud{position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%) translateY(6px);width:max-content;max-width:320px;text-align:center;opacity:0;pointer-events:none;background:var(--panel-solid);border:1px solid var(--border-strong);border-radius:14px;padding:10px 14px;font-size:13px;color:var(--text-dim);line-height:1.45;transition:opacity .2s ease,transform .2s ease;box-shadow:0 12px 30px #0000004d}.ex-cloud[data-show=true]{opacity:1;transform:translate(-50%) translateY(0)}.ex-cloud-tool{display:block;margin-top:6px;font-family:var(--mono);font-size:12px;color:var(--accent)}.footer{margin-top:auto;padding:32px 24px;border-top:1px solid var(--border);text-align:center;color:var(--text-faint);font-size:13px}