:root,.pui-theme{--pui-bg:#08080b;--pui-bg-elev:#0e0e13;--pui-bg-soft:#14141c;--pui-border:#1f1f2b;--pui-border-bright:#2a2a3a;--pui-fg:#f4f4f6;--pui-fg-dim:#a3a3b2;--pui-fg-mute:#6b6b7a;--pui-grad-from:#7c3aed;--pui-grad-mid:#ec4899;--pui-grad-to:#06b6d4;--pui-grad:linear-gradient(120deg, var(--pui-grad-from), var(--pui-grad-mid), var(--pui-grad-to));--pui-success:#22c55e;--pui-danger:#f87171;--pui-warn:#fbbf24;--pui-glow:0 0 24px #7c3aed73;--pui-glow-strong:0 0 48px #7c3aed8c, 0 0 96px #ec489940;--pui-font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--pui-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--pui-font-serif:"Instrument Serif", ui-serif, Georgia, serif;--pui-radius-sm:8px;--pui-radius:12px;--pui-radius-lg:18px;--pui-radius-xl:22px;--pui-ease:cubic-bezier(.22, 1, .36, 1);--pui-glass:#0f0f16d9;--pui-glass-deep:#0f0f16c7;--pui-glass-soft:#0f0f168c;--pui-overlay:#ffffff0a;--pui-overlay-strong:#ffffff12;--pui-overlay-bright:#ffffff1f;--pui-button-dark-fill:linear-gradient(180deg, #1a1a26, #0e0e16);--pui-button-dark-popover-fill:linear-gradient(180deg, #11111a, #0a0a12);--pui-button-dark-border:#ffffff14;--pui-shimmer-sweep:#ffffff4d;--pui-shimmer-sweep-edge:#ffffff14;--pui-wave-text:#b4c8eb;--pui-wave-text-hover:#d2e1f5;--pui-wave-border:#7c9cdc38;--pui-wave-border-hover:#7c9cdc59;--pui-bubble-user-fill:linear-gradient(135deg, #1a1a26, #11111a);--pui-ascii-panel-fill:linear-gradient(180deg, #14141c99, #08080b99);--pui-shadow-card:0 10px 40px #0000008c;--pui-shadow-deep:0 30px 80px #0000008c;--pui-shadow-fab:0 10px 40px #0000008c;--pui-grid-dot:#ffffff06;--pui-logo-filter:invert(92%) grayscale(100%) brightness(.85);--pui-logo-filter-hover:invert(100%);--pui-logo-text:#ffffff8c;--pui-logo-text-strong:#ffffffb3;--pui-temp-low:#fbbf24;--pui-temp-medium:#22c55e;--pui-temp-high:#8b9cff;--pui-temp-xhigh:#6cd1a8;--pui-temp-shimmer-hot:#fff;--pui-temp-violet:#a78bfa;--pui-temp-ripple-dark:#3e16764d;--pui-temp-ripple-bright:#8c50f0f2;--pui-temp-track:#ffffff2e;--pui-temp-ripple-from:62, 22, 118;--pui-temp-ripple-to:140, 80, 240}[data-theme=light]{--pui-bg:#fff;--pui-bg-elev:#f7f7fa;--pui-bg-soft:#ededf2;--pui-border:#e6e6ec;--pui-border-bright:#d2d2da;--pui-fg:#0b0b10;--pui-fg-dim:#4a4a55;--pui-fg-mute:#88889a;--pui-glow:0 0 24px #7c3aed2e;--pui-glow-strong:0 0 48px #7c3aed38, 0 0 96px #ec48991f;--pui-glass:#ffffffd9;--pui-glass-deep:#ffffffc7;--pui-glass-soft:#fff9;--pui-overlay:#0000000a;--pui-overlay-strong:#0000000f;--pui-overlay-bright:#0000001a;--pui-button-dark-fill:linear-gradient(180deg, #fff, #f4f4f8);--pui-button-dark-popover-fill:linear-gradient(180deg, #fff, #f0f0f5);--pui-button-dark-border:#0000001f;--pui-shimmer-sweep:#0f0f1e38;--pui-shimmer-sweep-edge:#0f0f1e0d;--pui-wave-text:#8c7abc;--pui-wave-text-hover:#7060a2;--pui-wave-border:#c4aee8a6;--pui-wave-border-hover:#aa90dccc;--pui-bubble-user-fill:linear-gradient(135deg, #f6f6fa, #e8e8ee);--pui-ascii-panel-fill:linear-gradient(180deg, #f7f7fa99, #fff6);--pui-shadow-card:0 10px 30px #00000014;--pui-shadow-deep:0 20px 50px #0000001a;--pui-shadow-fab:0 10px 30px #0000001f;--pui-grid-dot:#0000000b;--pui-logo-filter:grayscale(100%) brightness(.6);--pui-logo-filter-hover:none;--pui-logo-text:#000000a6;--pui-logo-text-strong:#000c;--pui-temp-low:#d4920a;--pui-temp-medium:#16a34a;--pui-temp-high:#5a6ad6;--pui-temp-xhigh:#2e9e74;--pui-temp-shimmer-hot:#0b0b10;--pui-temp-violet:#7c3aed;--pui-temp-ripple-dark:#7c3aed24;--pui-temp-ripple-bright:#7c3aedd9;--pui-temp-track:#00000038;--pui-temp-ripple-from:124, 58, 237;--pui-temp-ripple-to:167, 139, 250}@keyframes pui-grad-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pui-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(.85)rotate(15deg)}}@keyframes pui-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes pui-spin{to{transform:rotate(360deg)}}@keyframes pui-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@keyframes pui-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes pui-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pui-shimmer{0%{left:-120%}60%{left:120%}to{left:120%}}@keyframes pui-aurora-drift{0%{transform:translateZ(0)scale(1)}to{transform:translate(-3%,2%)scale(1.08)}}@keyframes pui-breathe{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 40px #7c3aed2e}}@keyframes pui-float-up{0%{opacity:0;transform:translateY(20px)rotate(0)}10%{opacity:var(--pui-sparkle-peak,1)}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}.pui-sparkle{background:var(--pui-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block}.pui-sparkle--blink{animation:2.4s ease-in-out infinite pui-twinkle}.pui-sparkle--solid{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:currentColor}.pui-gradient-text{background:var(--pui-grad);-webkit-text-fill-color:transparent;color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;display:inline-block}.pui-gradient-text--animate{animation:8s infinite pui-grad-shift}.pui-dot{background:var(--pui-success);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px}.pui-dot--pulse{animation:1.6s ease-in-out infinite pui-pulse-dot}.pui-arrow{transition:transform .22s var(--pui-ease);display:inline-block}a:hover>.pui-arrow,button:hover>.pui-arrow,.pui-arrow--hover-target:hover .pui-arrow{transform:translate(4px)}.pui-rotator{text-align:left;display:inline-block}.pui-rotator__cursor{color:var(--pui-fg);-webkit-text-fill-color:currentColor;background:0 0;margin-left:2px;display:inline-block}.pui-rotator__cursor--block{vertical-align:-.18em;background:currentColor;border-radius:1px;width:.55em;height:1.05em}.pui-rotator__cursor--blink{animation:1.05s steps(2,start) infinite pui-caret}.pui-roll{clip-path:inset(0);display:inline-block;position:relative}.pui-roll__sizer{visibility:hidden;white-space:nowrap;pointer-events:none;display:inline-block}.pui-roll__word{white-space:nowrap;opacity:0;transition:transform var(--pui-roll-ms,.5s) var(--pui-ease),opacity var(--pui-roll-ms,.5s) var(--pui-ease);display:inline-block;position:absolute;top:0;left:0;transform:translateY(100%)}.pui-roll__word--active{opacity:1;transform:translateY(0)}.pui-roll__word--past{opacity:0;transform:translateY(-100%)}.pui-roll--down .pui-roll__word{transform:translateY(-100%)}.pui-roll--down .pui-roll__word--active{transform:translateY(0)}.pui-roll--down .pui-roll__word--past{transform:translateY(100%)}.pui-roll--gradient .pui-roll__word{background:var(--pui-grad);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite pui-grad-shift}.pui-btn{font-family:var(--pui-font-sans);cursor:pointer;white-space:nowrap;transition:transform .16s var(--pui-ease),box-shadow .2s var(--pui-ease),background .2s var(--pui-ease),border-color .2s var(--pui-ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pui-btn:active{transform:translateY(1px)}.pui-btn--block{width:100%}.pui-btn--sm{gap:6px;padding:7px 12px;font-size:13px}.pui-btn--lg{padding:14px 22px;font-size:15px}.pui-btn--solid{color:var(--pui-bg);background:var(--pui-grad);background-size:200% 200%;border:0}.pui-btn--ghost{color:var(--pui-fg);border:1px solid var(--pui-border-bright);background:0 0}.pui-btn--ghost:hover{background:var(--pui-bg-elev);border-color:#3a3a4e}.pui-btn--wave{border-style:solid;border-width:1px 1px 2px;border-color:var(--pui-wave-border);color:var(--pui-wave-text);background-color:#0000;background-image:linear-gradient(var(--pui-bg-elev),var(--pui-bg-elev)),linear-gradient(var(--pui-bg-elev) 50%,var(--pui-bg-elev) 80%,#0e0e1300 100%),linear-gradient(90deg,var(--pui-grad-from),var(--pui-grad-mid),var(--pui-grad-to),var(--pui-grad-mid),var(--pui-grad-from));isolation:isolate;background-position:0%,0%,-100%;background-repeat:repeat,repeat,repeat;background-size:200%,200%,200%;background-origin:border-box,border-box,border-box;background-clip:padding-box,border-box,border-box;border-radius:999px;align-items:center;gap:6px;padding:6px 14px 7px;font-size:13px;font-weight:500;transition:color .12s ease-in,border-color .12s ease-in;animation:2s linear infinite pui-wave-shift;display:inline-flex;position:relative;overflow:visible}.pui-btn--wave:before{content:"";background-image:linear-gradient(90deg,var(--pui-grad-from),var(--pui-grad-mid),var(--pui-grad-to),var(--pui-grad-mid),var(--pui-grad-from));filter:blur(8px);pointer-events:none;z-index:-1;background-repeat:repeat;background-size:200% 100%;width:88%;height:5px;animation:3s linear infinite pui-wave-shift;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pui-btn--wave:hover{color:var(--pui-wave-text-hover);border-color:var(--pui-wave-border-hover)}.pui-btn--wave:disabled,.pui-btn--wave[aria-busy=true]{color:var(--pui-fg-mute);border-color:var(--pui-border);animation:none}.pui-btn--wave:disabled:before{display:none}@keyframes pui-wave-shift{0%{background-position:0%,0%,-100%}to{background-position:0%,0%,100%}}.pui-btn--glow{color:var(--pui-fg);background:var(--pui-button-dark-fill);border:1px solid var(--pui-button-dark-border);box-shadow:var(--pui-glow);position:relative}.pui-btn--glow:before{content:"";background:var(--pui-grad);z-index:-1;filter:blur(12px);opacity:.55;background-size:300% 300%;border-radius:12px;animation:5s infinite pui-grad-shift;position:absolute;inset:-2px}.pui-btn--glow:hover{box-shadow:var(--pui-glow-strong)}.pui-btn--shimmer{background:var(--pui-button-dark-fill);color:var(--pui-fg);border:1px solid var(--pui-border-bright);position:relative;overflow:hidden}.pui-btn--shimmer:after{content:"";background:linear-gradient(115deg,transparent 0%,var(--pui-shimmer-sweep-edge) 35%,var(--pui-shimmer-sweep) 50%,var(--pui-shimmer-sweep-edge) 65%,transparent 100%);width:60%;height:100%;animation:3.5s ease-in-out infinite pui-shimmer;position:absolute;top:0;left:-120%}.pui-btn__spinner{border:1.5px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:.9s linear infinite pui-spin;display:inline-block}.pui-sticky-banner{border-bottom:1px solid var(--pui-border);font-family:var(--pui-font-sans);color:var(--pui-fg-dim);background:linear-gradient(90deg,#7c3aed1a,#ec48991a,#06b6d41a);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.pui-eyebrow{border:1px solid var(--pui-border-bright);font-family:var(--pui-font-sans);color:var(--pui-fg-dim);background:var(--pui-glass-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:inline-flex}.pui-aurora{z-index:0;pointer-events:none;filter:blur(50px)saturate(140%);position:absolute;inset:-20%}.pui-aurora--drift{animation:16s ease-in-out infinite alternate pui-aurora-drift}.pui-node-graph{z-index:1;pointer-events:auto;position:absolute;inset:0}.pui-sparkle-field{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pui-sparkle-field__item{color:#ffffffb3;text-shadow:0 0 8px #ec489999;animation:linear infinite backwards pui-float-up;position:absolute;bottom:-12px}.pui-ascii{-webkit-user-select:none;user-select:none;display:block;position:relative}.pui-ascii>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pui-ascii--panel{border:1px solid var(--pui-border);border-radius:var(--pui-radius);background:var(--pui-ascii-panel-fill);cursor:crosshair;width:min(720px,100%);min-height:280px;margin:0 auto;overflow:hidden;box-shadow:0 0 60px #7c3aed26}.pui-prompt{background:var(--pui-glass-deep);border:1px solid var(--pui-border-bright);width:100%;box-shadow:var(--pui-shadow-card),0 0 0 1px #7c3aed2e,0 0 32px #7c3aed2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 18px;display:flex}.pui-prompt__icon{font-size:18px}.pui-prompt__input{color:var(--pui-fg);font-family:var(--pui-font-sans);background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:15px}.pui-prompt__input::placeholder{color:var(--pui-fg-mute)}.pui-promptbox{background:var(--pui-glass);border:1px solid var(--pui-border-bright);width:100%;max-width:720px;box-shadow:var(--pui-shadow-card),0 0 0 1px #7c3aed2e,0 0 32px #7c3aed2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--pui-font-sans);border-radius:18px;flex-direction:column;gap:10px;padding:14px 14px 10px;display:flex}.pui-promptbox__textarea{resize:none;width:100%;color:var(--pui-fg);background:0 0;border:0;outline:0;min-height:60px;padding:4px 4px 0;font-family:inherit;font-size:15px;line-height:1.5}.pui-promptbox__textarea::placeholder{color:var(--pui-fg-mute)}.pui-promptbox__toolbar{align-items:center;gap:6px;display:flex}.pui-promptbox__spacer{flex:1}.pui-promptbox__iconbtn{background:var(--pui-overlay);border:1px solid var(--pui-border-bright);width:30px;height:30px;color:var(--pui-fg-dim);cursor:pointer;transition:background .16s var(--pui-ease),color .16s var(--pui-ease),border-color .16s var(--pui-ease),box-shadow .2s var(--pui-ease),transform .12s var(--pui-ease);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.pui-promptbox__iconbtn:hover{background:var(--pui-overlay-strong);color:var(--pui-fg);border-color:#3a3a4e}.pui-promptbox__iconbtn:active{transform:translateY(1px)}.pui-promptbox__model-wrap{position:relative}.pui-promptbox__model{background:var(--pui-overlay);border:1px solid var(--pui-border-bright);height:30px;color:var(--pui-fg-dim);font-family:var(--pui-font-mono);cursor:pointer;transition:background .16s var(--pui-ease),color .16s var(--pui-ease),border-color .16s var(--pui-ease);border-radius:8px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:12.5px;display:inline-flex}.pui-promptbox__model:hover{color:var(--pui-fg);background:var(--pui-overlay-strong);border-color:#3a3a4e}.pui-promptbox__menu{background:var(--pui-bg-elev);border:1px solid var(--pui-border-bright);min-width:220px;box-shadow:var(--pui-shadow-deep),0 0 0 1px #7c3aed1a;z-index:10;border-radius:12px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0}.pui-promptbox__menu-item{width:100%;color:var(--pui-fg);font-family:var(--pui-font-mono);text-align:left;cursor:pointer;transition:background .12s var(--pui-ease);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.pui-promptbox__menu-item:hover{background:#7c3aed24}.pui-promptbox__menu-item--active{background:linear-gradient(#7c3aed2e,#ec48990f)}.pui-promptbox__menu-item--active:hover{background:linear-gradient(#7c3aed38,#ec48991a)}.pui-promptbox__send{background:var(--pui-grad);color:#0a0a12;background-size:200% 200%;border-color:#0000;animation:6s infinite pui-grad-shift}.pui-promptbox__send:hover{color:#0a0a12;background:var(--pui-grad);background-size:200% 200%;border-color:#0000;box-shadow:0 0 18px #7c3aed8c}.pui-marquee{position:relative;overflow:hidden}.pui-marquee--fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.pui-marquee__track{width:max-content;animation:pui-marquee var(--pui-marquee-speed,40s) linear infinite;align-items:center;display:flex}.pui-marquee--paused-on-hover .pui-marquee__track:hover{animation-play-state:paused}.pui-marquee__item{margin-right:var(--pui-marquee-gap,56px);align-items:center;display:inline-flex}.pui-marquee__item img{opacity:.7;width:auto;height:28px;filter:var(--pui-logo-filter);transition:opacity .2s var(--pui-ease),filter .2s var(--pui-ease)}.pui-marquee__item img:hover{opacity:1;filter:var(--pui-logo-filter-hover)}.pui-marquee__text{font-family:var(--pui-font-sans);color:var(--pui-logo-text);letter-spacing:-.02em;white-space:nowrap;font-size:22px;font-weight:700}.pui-marquee__text--serif{font-family:var(--pui-font-serif);font-size:28px;font-weight:400}.pui-marquee__text--italic{font-style:italic}.pui-slippy{gap:var(--pui-slip-gap,12px);flex-direction:column;display:flex;position:relative;overflow:hidden}.pui-slippy--fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.pui-slippy__row{justify-content:center;align-items:center;gap:var(--pui-slip-gap,12px);will-change:transform;width:max-content;min-width:100%;transform:translate3d(calc(var(--pui-slip,0px) * var(--pui-slip-dir,1)),0,0);flex-wrap:nowrap;margin:0 auto;display:flex}.pui-slippy__word{white-space:nowrap;border:1px solid var(--pui-border-bright);background:var(--pui-glass-soft);font-family:var(--pui-font-sans);letter-spacing:-.01em;color:var(--pui-fg-dim);border-radius:999px;align-items:center;padding:8px 18px;font-size:17px;font-weight:600;display:inline-flex}.pui-slippy__word--gradient{color:#fff;background:var(--pui-grad);border-color:#0000}@media (prefers-reduced-motion:reduce){.pui-slippy__row{flex-wrap:wrap;transform:none}}.pui-logo-row{text-align:center;font-family:var(--pui-font-sans)}.pui-logo-row__heading{letter-spacing:.18em;text-transform:uppercase;color:var(--pui-fg-mute);margin:0 0 18px;font-size:11px}.pui-logo-row__items{opacity:.75;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:inline-flex}.pui-logo-row__items img{opacity:.75;height:24px;filter:var(--pui-logo-filter)}.pui-logo-row__text{color:var(--pui-logo-text-strong);letter-spacing:.04em;white-space:nowrap;font-size:16px;font-weight:700}.pui-logo-row__text--serif{font-family:var(--pui-font-serif);letter-spacing:0;font-size:22px;font-weight:400}.pui-logo-row__text--italic{font-style:italic}.pui-logo-row__text--sans{font-family:var(--pui-font-sans)}.pui-logo-row__text--bold{letter-spacing:.04em;font-weight:800}.pui-glass-card{border-radius:var(--pui-radius-xl);background:linear-gradient(180deg,var(--pui-overlay),transparent);border:1px solid var(--pui-overlay-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:var(--pui-font-sans);transition:transform .24s var(--pui-ease),border-color .24s var(--pui-ease);padding:28px 26px 24px;position:relative;overflow:hidden}.pui-glass-card--breathing{animation:6s ease-in-out infinite pui-breathe}.pui-glass-card:before{content:"";border-radius:inherit;background:var(--pui-grad);z-index:-1;opacity:0;transition:opacity .24s var(--pui-ease);position:absolute;inset:-1px}.pui-glass-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.pui-glass-card--glow-hover:hover:before{opacity:.35;filter:blur(14px)}.pui-glass-card__icon{width:38px;height:38px;color:var(--pui-fg);background:linear-gradient(135deg,#7c3aed40,#ec489926);border:1px solid #ffffff14;border-radius:10px;place-items:center;margin-bottom:18px;font-size:20px;display:inline-grid}.pui-glass-card__title{letter-spacing:-.01em;color:var(--pui-fg);margin:0 0 8px;font-size:19px}.pui-glass-card__body{color:var(--pui-fg-dim);margin:0 0 18px;font-size:14px;line-height:1.6}.pui-glass-card__link{color:var(--pui-fg);border-bottom:1px solid #ffffff26;align-items:center;gap:6px;padding-bottom:2px;font-size:13px;text-decoration:none;display:inline-flex}.pui-ide{border:1px solid var(--pui-border-bright);border-radius:var(--pui-radius);font-family:var(--pui-font-mono);background:#0a0a10;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 60px #7c3aed2e}.pui-ide__chrome{border-bottom:1px solid var(--pui-border);color:var(--pui-fg-mute);background:#11111a;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.pui-ide__dot{background:#4a4a55;border-radius:50%;width:11px;height:11px;display:inline-block}.pui-ide__dot--red{background:#ff5f56}.pui-ide__dot--yellow{background:#ffbd2e}.pui-ide__dot--green{background:#27c93f}.pui-ide__tab{color:var(--pui-fg-dim);background:#1a1a26;border-radius:6px;margin-left:8px;padding:3px 10px}.pui-ide__thinking{color:var(--pui-fg-dim);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.pui-spinner{border:1.5px solid #ffffff2e;border-top-color:var(--pui-grad-mid);border-radius:50%;width:10px;height:10px;animation:.9s linear infinite pui-spin;display:inline-block}.pui-spinner--sm{border-width:1.2px;width:8px;height:8px}.pui-ide__body{font-family:var(--pui-font-mono);color:#d5d5e0;white-space:pre-wrap;min-height:280px;margin:0;padding:22px 26px;font-size:13px;line-height:1.65}.pui-tok-key{color:#c084fc}.pui-tok-str{color:#6ee7b7}.pui-tok-num{color:#fbbf24}.pui-tok-com{color:#6b7280;font-style:italic}.pui-tok-fn{color:#60a5fa}.pui-caret{background:var(--pui-grad-mid);vertical-align:-2px;width:8px;height:14px;box-shadow:0 0 8px var(--pui-grad-mid);animation:1s steps(2,start) infinite pui-caret;display:inline-block}.pui-bubble{max-width:88%;font-family:var(--pui-font-sans);color:var(--pui-fg);border-radius:18px;padding:14px 18px;font-size:15px;line-height:1.55}.pui-bubble--user{background:var(--pui-bubble-user-fill);border:1px solid var(--pui-border-bright);border-bottom-right-radius:4px;margin-left:auto}.pui-bubble--ai{background:var(--pui-glass-deep);border:1px solid #7c3aed59;border-bottom-left-radius:4px;margin-right:auto;box-shadow:0 0 32px #7c3aed2e}.pui-bubble__meta{color:var(--pui-fg-mute);font-size:12px;font-family:var(--pui-font-mono);align-items:center;gap:8px;margin-bottom:8px;display:inline-flex}.pui-bubble__thinking-pill{border:1px solid var(--pui-border-bright);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.pui-bubble__stream{white-space:pre-wrap;font-size:15px;line-height:1.6}.pui-bubble__stream-caret{background:var(--pui-fg);vertical-align:-2px;width:8px;height:14px;margin-left:1px;animation:1s steps(2,start) infinite pui-caret;display:inline-block}.pui-price{border-radius:var(--pui-radius-xl);border:1px solid var(--pui-border-bright);background:var(--pui-bg-elev);height:100%;font-family:var(--pui-font-sans);color:var(--pui-fg);flex-direction:column;padding:30px 28px;display:flex;position:relative}.pui-price--featured{background:linear-gradient(180deg,#7c3aed14,var(--pui-bg-elev));border-color:#7c3aed8c;box-shadow:0 0 80px #7c3aed33}.pui-price__flag{background:var(--pui-grad);color:#1a1a26;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #ec489966}.pui-price__tier{font-family:var(--pui-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--pui-fg-dim);font-size:12px}.pui-price__amount{letter-spacing:-.035em;margin:8px 0 2px;font-size:44px;font-weight:800}.pui-price__amount-unit{color:var(--pui-fg-mute);margin-left:4px;font-size:14px;font-weight:500}.pui-price__blurb{color:var(--pui-fg-dim);margin:0 0 22px;font-size:13px}.pui-price__features{flex:1;margin:0 0 24px;padding:0;list-style:none}.pui-price__features li{border-top:1px dashed var(--pui-border);color:var(--pui-fg-dim);padding:9px 0;font-size:13.5px}.pui-price__features li:before{content:"✓ ";color:var(--pui-success);margin-right:6px;font-weight:700}.pui-ba{font-family:var(--pui-font-sans);grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px;display:grid}.pui-ba__panel{border-radius:var(--pui-radius-xl);border:1px solid var(--pui-border);background:var(--pui-bg-elev);color:var(--pui-fg);padding:28px}.pui-ba__tag{font-family:var(--pui-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--pui-fg-mute);margin-bottom:12px;font-size:11px}.pui-ba__panel ul{margin:0;padding:0;list-style:none}.pui-ba__panel li{border-bottom:1px dashed var(--pui-border);color:var(--pui-fg-dim);padding:12px 0;font-size:15px}.pui-ba__panel li:last-child{border-bottom:0}.pui-ba__panel--before{opacity:.55;filter:grayscale(45%)}.pui-ba__panel--before li{-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.pui-ba__panel--after{background:linear-gradient(180deg,#7c3aed0f,var(--pui-bg-elev));border-color:#7c3aed73;box-shadow:0 0 60px #7c3aed33}.pui-ba__panel--after li{color:var(--pui-fg)}.pui-ba__arrow{color:var(--pui-fg-dim);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;align-self:center;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pui-ba__arrow>:first-child{font-size:24px}.pui-ba__arrow>:last-child{font-size:22px}@media (max-width:720px){.pui-ba{grid-template-columns:1fr}}.pui-stat{font-family:var(--pui-font-sans);font-variant:tabular-nums;letter-spacing:-.04em;font-weight:800;line-height:1}.pui-wibble{font-family:var(--pui-font-mono);color:var(--pui-fg);align-items:baseline;gap:1ch;font-size:14px;line-height:1.4;display:inline-flex}.pui-wibble__glyph{text-align:center;width:1ch;color:var(--pui-warn);display:inline-block}.pui-wibble__verb{font-family:inherit}.pui-wibble__info{color:var(--pui-fg-mute)}.pui-fab{z-index:30;border:1px solid var(--pui-button-dark-border);background:var(--pui-button-dark-fill);color:var(--pui-fg);font-family:var(--pui-font-sans);cursor:pointer;box-shadow:var(--pui-shadow-fab),0 0 0 1px #7c3aed40,0 0 32px #7c3aed59;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;right:24px}.pui-fab-popover{z-index:30;border:1px solid var(--pui-border-bright);background:var(--pui-button-dark-popover-fill);width:340px;box-shadow:var(--pui-shadow-deep),0 0 60px #7c3aed38;font-family:var(--pui-font-sans);color:var(--pui-fg);border-radius:18px;position:fixed;bottom:76px;right:24px;overflow:hidden}.pui-fab-popover__header{border-bottom:1px solid var(--pui-border);align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.pui-fab-popover__close{color:var(--pui-fg-mute);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:22px;line-height:1}.pui-fab-popover__body{padding:16px}.pui-waitlist-wrap{width:min(520px,100%);font-family:var(--pui-font-sans);flex-direction:column;align-items:center;gap:8px;display:inline-flex}.pui-waitlist{background:var(--pui-glass-soft);border:1px solid var(--pui-border-bright);border-radius:999px;align-items:center;gap:8px;width:100%;padding:5px 5px 5px 16px;display:inline-flex}.pui-waitlist__icon{color:var(--pui-fg-mute);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pui-waitlist__input{min-width:0;color:var(--pui-fg);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-family:inherit;font-size:14px}.pui-waitlist__input::placeholder{color:var(--pui-fg-mute)}.pui-waitlist__footnote{color:var(--pui-fg-mute);letter-spacing:.02em;font-size:12px}.pui-waitlist .pui-btn{border-radius:999px}.pui-popover-overlay{z-index:100;font-family:var(--pui-font-sans);justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.pui-popover-backdrop{-webkit-backdrop-filter:blur(10px)saturate(120%);background:#000000b3;position:absolute;inset:0}[data-theme=light] .pui-popover-backdrop{background:#f5f5fab3}.pui-popover{background:var(--pui-bg-elev);border:1px solid var(--pui-border-bright);border-radius:var(--pui-radius-xl);width:100%;max-width:480px;box-shadow:var(--pui-shadow-deep),0 0 0 1px #7c3aed2e,0 0 60px #7c3aed33;color:var(--pui-fg);animation:pui-popover-in .32s var(--pui-ease);padding:28px 28px 18px;position:relative}@keyframes pui-popover-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pui-popover__title{letter-spacing:-.015em;color:var(--pui-fg);margin:0 0 16px;font-size:22px;font-weight:600}.pui-popover__body{flex-direction:column;gap:12px;display:flex}.pui-popover__dismiss{color:var(--pui-fg-mute);cursor:pointer;text-align:center;text-underline-offset:3px;transition:color .16s var(--pui-ease),text-decoration-color .16s var(--pui-ease);background:0 0;border:0;margin:16px auto 0;padding:8px 12px;font-family:inherit;font-size:13px;font-style:italic;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:block}.pui-popover__dismiss:hover{color:var(--pui-fg-dim);text-decoration-color:currentColor}.pui-community{border:1px solid var(--pui-border-bright);background:var(--pui-bg-elev);font-family:var(--pui-font-sans);color:var(--pui-fg);transition:transform .2s var(--pui-ease),border-color .2s var(--pui-ease);border-radius:14px;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;display:inline-flex}.pui-community:hover{border-color:#7c3aed66;transform:translateY(-2px)}.pui-community__icon{opacity:.85;width:28px;height:28px;filter:var(--pui-logo-filter)}.pui-community__top{font-size:14px;font-weight:600}.pui-community__bottom{color:var(--pui-fg-mute);font-size:12px;font-family:var(--pui-font-mono);margin-top:2px}.pui-goldeneye{background:var(--pui-bg);cursor:crosshair;isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:inherit;width:100%;min-height:360px;position:relative;overflow:hidden}.pui-goldeneye__base,.pui-goldeneye__scope{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pui-goldeneye__base{color:var(--pui-fg)}.pui-goldeneye__scope{background:var(--pui-fg);color:var(--pui-bg);will-change:clip-path}.pui-goldeneye__pattern{font-family:var(--pui-font-mono);letter-spacing:.55em;color:inherit;opacity:.32;box-sizing:border-box;padding:6px 10px;line-height:2;position:absolute;inset:0;overflow:hidden}.pui-goldeneye__pattern-row{white-space:nowrap;overflow:hidden}.pui-goldeneye__pattern-row:nth-child(2n){padding-left:1em}.pui-goldeneye__headline{font-family:var(--pui-goldeneye-font,var(--pui-font-sans));font-weight:900;font-size:var(--pui-goldeneye-headline-size,clamp(48px, 11vw, 160px));letter-spacing:-.04em;text-align:center;white-space:nowrap;box-sizing:border-box;color:inherit;justify-content:center;align-items:center;padding:0 4vw;line-height:1;display:flex;position:absolute;inset:0}.pui-quest{color:#ff0;text-shadow:1px 1px #000;vertical-align:baseline;font-family:RuneScape UF,"RuneScape Bold 07",runescape_chat_bold_07regular,"Press Start 2P",ui-monospace,monospace;line-height:1.2;display:inline-block}.pui-quest__char{will-change:transform;display:inline-block}.pui-quest__motion{display:inline-block}@keyframes pui-quest-wave{0%{transform:translateY(0)}25%{transform:translateY(5px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}to{transform:translateY(0)}}.pui-quest--wave .pui-quest__char{animation:.66s linear infinite pui-quest-wave}@keyframes pui-quest-scroll{0%{text-indent:500px}to{text-indent:-20em}}.pui-quest--scroll{white-space:nowrap;max-width:100%;overflow:hidden}.pui-quest__scroll{white-space:nowrap;animation:8s linear infinite pui-quest-scroll;display:inline-block}@keyframes pui-quest-slide{0%{top:-1.5em}20%,80%{top:0}to{top:1.5em}}.pui-quest--slide{padding:.5em 0;overflow:hidden}.pui-quest__slide{animation:3s linear infinite pui-quest-slide;display:inline-block;position:relative}@keyframes pui-quest-flash1{0%,49.999%{color:red}50%,to{color:#ff0}}@keyframes pui-quest-flash2{0%,49.999%{color:#00f}50%,to{color:#0ff}}@keyframes pui-quest-flash3{0%,49.999%{color:#00b000}50%,to{color:#80ff80}}.pui-quest--flash1{animation:.45s step-end infinite pui-quest-flash1}.pui-quest--flash2{animation:.45s step-end infinite pui-quest-flash2}.pui-quest--flash3{animation:.45s step-end infinite pui-quest-flash3}@keyframes pui-quest-glow1{0%{color:red}33%{color:#00b000}66%{color:#00f}to{color:red}}@keyframes pui-quest-glow2{0%{color:red}33%{color:purple}66%{color:#00f}to{color:red}}@keyframes pui-quest-glow3{0%{color:#fff}25%{color:#00b000}50%{color:#fff}67.5%{color:#0ff}75%{color:#00f}to{color:#fff}}.pui-quest--glow1{animation:3s linear infinite pui-quest-glow1}.pui-quest--glow2{animation:3s linear infinite pui-quest-glow2}.pui-quest--glow3{animation:3s linear infinite pui-quest-glow3}.pui-temperature{box-sizing:border-box;font-family:var(--pui-font-mono);-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;height:100%;min-height:6em;color:var(--pui-fg);flex-direction:column;justify-content:center;padding:10px 24px;font-size:14px;line-height:1.4;display:flex;position:relative}.pui-temperature__ripple{z-index:0;pointer-events:none;border-radius:var(--pui-radius-sm);width:100%;height:100%;position:absolute;inset:0}.pui-temperature__poles,.pui-temperature__track,.pui-temperature__levels{z-index:1;position:relative}.pui-temperature__poles{color:var(--pui-fg-dim);letter-spacing:.02em;justify-content:space-between;font-size:12px;display:flex}.pui-temperature__track{flex:none;min-height:2.2em;margin:2px 0;position:relative}.pui-temperature__line{border-top:1px solid var(--pui-temp-track);position:absolute;top:50%;left:0;right:0}.pui-temperature__divider,.pui-temperature__marker{line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-temperature__divider{left:calc(var(--pui-temp-divider) * 100%);color:var(--pui-fg-mute)}.pui-temperature__marker{left:calc(var(--pui-temp-pos) * 100%);color:var(--pui-fg);transition:left .18s var(--pui-ease)}.pui-temperature__levels{grid-template-columns:repeat(var(--pui-temp-cols,6),1fr);display:grid}.pui-temperature__level{appearance:none;font:inherit;text-align:center;cursor:pointer;color:var(--pui-fg-dim);white-space:nowrap;background:0 0;border:0;margin:0;padding:2px 0}.pui-temperature__text{display:inline-block}.pui-temperature__char{white-space:pre;display:inline-block}.pui-temperature__level--glow{color:var(--pui-temp-xhigh)}.pui-temperature__level--ludicrous{color:var(--pui-temp-violet)}.pui-temperature__level--active{color:var(--pui-fg)}.pui-temperature__level--active .pui-temperature__text{font-weight:700}@keyframes pui-temp-rainbow{0%,14.2%{color:#ff4d4d}14.3%,28.5%{color:#ff9a3d}28.6%,42.8%{color:#ffe24d}42.9%,57.1%{color:#4dff88}57.2%,71.4%{color:#4db8ff}71.5%,85.7%{color:#7c5cff}85.8%,to{color:#c44dff}}.pui-temperature__level--rainbow.pui-temperature__level--active .pui-temperature__char{animation:1.4s step-end infinite pui-temp-rainbow}.pui-temperature__level--ludicrous.pui-temperature__level--active .pui-temperature__text{color:#fff;text-shadow:0 0 8px var(--pui-temp-ripple-bright)}@keyframes pui-temp-glow{0%,to{color:var(--pui-temp-xhigh);text-shadow:none}50%{color:var(--pui-temp-shimmer-hot);text-shadow:0 0 6px var(--pui-temp-xhigh)}}.pui-temperature__level--glow.pui-temperature__level--active .pui-temperature__char{animation:1s ease-in-out infinite pui-temp-glow}@media (prefers-reduced-motion:reduce){.pui-temperature__char{animation:none!important}.pui-temperature__marker{transition:none}}.pui-bigback{background:var(--pui-bg);width:100%;color:var(--pui-fg);border-top:1px solid var(--pui-border);box-sizing:border-box;padding:clamp(28px,5vw,56px) clamp(20px,5vw,64px) 0;display:block;overflow:hidden}.pui-bigback__cols{flex-wrap:wrap;gap:clamp(24px,4vw,64px);display:flex}.pui-bigback__heading{font-family:var(--pui-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pui-fg-mute);margin-bottom:14px;font-size:12px;font-weight:600}.pui-bigback__list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.pui-bigback__link{font-family:var(--pui-font-sans);color:var(--pui-fg-dim);font-size:14px;text-decoration:none;transition:color .15s}.pui-bigback__link:hover{color:var(--pui-fg)}.pui-bigback__wordmark{cursor:default;-webkit-user-select:none;user-select:none;width:100%;margin-top:clamp(24px,5vw,56px);display:block}.pui-bigback__svg{width:100%;margin-bottom:clamp(-22px,-3vw,-10px);display:block}.pui-bigback__svg text{font-family:var(--pui-font-sans);letter-spacing:-.02em;font-size:190px;font-weight:900}.pui-bigback__wordmark .pui-bigback__svg{transform-origin:bottom;transition:transform .3s cubic-bezier(.22,1,.36,1)}.pui-bigback__wordmark:hover .pui-bigback__svg{transform:scale(1.012)}.pui-bigback__base{border-top:1px solid var(--pui-border);font-family:var(--pui-font-mono);color:var(--pui-fg-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:18px 0 22px;font-size:12px;display:flex}.pui-bigback__social{flex-wrap:wrap;gap:18px;display:inline-flex}.pui-bigback__social .pui-bigback__link{font-family:var(--pui-font-mono);font-size:12px}@media (prefers-reduced-motion:reduce){.pui-bigback__wordmark .pui-bigback__svg{transition:none}.pui-bigback__wordmark:hover .pui-bigback__svg{transform:none}}
:root{--ink:#202124;--muted:#68707c;--line:#e5e7eb;--surface:#f7f8fa;--accent:#315f8c;--doc-text:#202124;--doc-text-subtle:#747b86;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:24px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p,h1,h2,h3{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:#deecf9}code,pre{font-family:var(--font-mono)}.shell{max-width:1104px;margin-inline:auto;padding-inline:32px}.site-header{border-bottom:1px solid var(--line)}.nav-shell{justify-content:space-between;align-items:center;gap:24px;height:64px;padding-inline:28px;display:flex}.brand-lockup{align-items:center;gap:20px;display:flex}.brand-divider{color:#d0d4da;font-size:25px;font-weight:300}.product-name{letter-spacing:-.3px;font-weight:500}.nav-shell nav{align-items:center;gap:26px;font-size:13px;display:flex}.nav-shell nav>a:not(.button){color:var(--muted)}.button{color:#fff;background:#202124;border:1px solid #202124;border-radius:6px;justify-content:center;align-items:center;gap:18px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.button-small{padding:7px 13px}.button:active,.copy-button:active{transform:scale(.97)}.converter-heading{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:18px 20px 8px;display:flex}.converter-heading h1{letter-spacing:-1px;font-size:clamp(25px,2.4vw,32px);font-weight:600;line-height:1.2}.converter-description{color:var(--muted);font-size:13px}.converter-library-link{color:var(--muted);border-radius:5px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;line-height:1.6;display:inline-flex}.converter-library-link svg{flex-shrink:0}.demo-section{padding:12px 16px 0}.demo-section .demo-frame{border:1px solid var(--line);border-radius:8px}.demo-frame{background:var(--surface);border:1px solid #dfe2e7;border-radius:8px;overflow:hidden}.demo-embed{height:max(480px,100dvh - 350px);position:relative;overflow:hidden}.demo-frame iframe{background:#eef0f3;border:0;width:100%;height:100%;display:block}.workspace-caption{min-height:40px;color:var(--muted);grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;gap:16px;padding-inline:12px;font-size:11px;display:grid}.library-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.library-tags .library-tag{border:1px solid var(--line);color:var(--muted);font:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fafafa;border-radius:5px;padding:2px 8px;font-size:10px;line-height:1.5}.eyebrow{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);font-size:10px}h2{letter-spacing:-.8px;font-size:26px;font-weight:550;line-height:1.3}.integration-section{padding-top:32px;padding-bottom:56px}.integration-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px;display:flex}.integration-heading h2{letter-spacing:-1px;margin-top:0;font-size:28px;font-weight:600;line-height:1.25}.integration-heading>p{color:var(--muted);flex-shrink:0;font-size:13px}.install-command{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:12px;padding:12px 15px;display:flex}.terminal-prompt{font-family:var(--font-mono);color:#8a929e}.install-command code{white-space:nowrap;min-width:0;font-size:12px;overflow-x:auto}.copy-button.pui-btn{width:32px;height:32px;color:var(--muted);background:#fff;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;transition:background .15s,transform .15s;display:inline-flex}.copy-button.pui-btn>span{align-items:center;display:flex}.copy-button.pui-btn[data-status=error]{color:#b42318}.install-link.pui-btn{color:#fff;font:inherit;background:#202124;border:1px solid #202124;border-radius:6px;font-size:13px;font-weight:500}.install-link.pui-btn>span{align-items:center;gap:18px;display:flex}.install-command .copy-button{margin-left:auto}.availability{color:var(--muted);margin-top:9px;font-size:11px}.availability a{text-underline-offset:3px;text-decoration:underline}.code-example.pui-ide{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;margin-top:22px;font-family:inherit;overflow:hidden;box-shadow:0 2px 3px -2px #2021240a,0 12px 30px -20px #2021241a}.code-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.runtime-tabs{background:#f3f4f6;border-radius:7px;gap:2px;padding:3px;display:flex}.runtime-tabs button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px 12px;font-size:12px}.runtime-tabs button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #20212414}.code-example pre{color:#334155;background:#fafbfc;margin:0;padding:24px;font-size:12px;line-height:1.9;overflow:auto}.code-footnote{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 16px;font-size:11px;display:flex}.match-demo{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.match-demo input{accent-color:var(--ink);margin:0}.example-note{border-top:1px solid var(--line);color:var(--muted);padding:10px 16px;font-size:12px}.integration-links{flex-wrap:wrap;gap:24px;margin-top:20px;font-size:12px;display:flex}.integration-links>span{color:var(--muted)}.engine-section{background:#f7f8fa;border-block:1px solid #edf0f3;margin-bottom:32px;padding-top:56px}.features{padding-bottom:64px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-card.pui-glass-card{--pui-grad:linear-gradient(135deg, #dce8f3, #f2f5f8 65%, #e9edf2);isolation:isolate;background:linear-gradient(150deg,#ffffffd9,#f5f7fa99);border:1px solid #e2e6eb;border-radius:14px;flex-direction:column;align-items:flex-start;padding:24px;font-family:inherit;display:flex;box-shadow:inset 0 1px #fff,0 4px 16px -12px #20212426}.feature-card.pui-glass-card:hover{border-color:#cbd5df}.feature-grid .feature-card>a{margin-top:auto;padding-top:20px}@media (prefers-reduced-motion:reduce),(hover:none){.feature-card.pui-glass-card:hover{transform:none}.feature-card.pui-glass-card:before{transition:none}}.feature-grid code{color:var(--accent);font-size:11px}.feature-grid h2{letter-spacing:-.35px;margin-top:12px;font-size:17px;font-weight:600}.feature-grid p{color:var(--muted);margin-top:12px;font-size:13px}.feature-grid a{margin-top:16px;font-size:12px;display:inline-block}.faq-section{grid-template-columns:1fr 2fr;gap:48px;padding-top:32px;padding-bottom:64px;display:grid}.faq-section h2{font-size:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:24px;padding:16px 0;font-size:13px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#8a929e}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding-bottom:20px;font-size:13px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-block:24px;font-size:11px;display:flex}.site-footer>div{gap:24px;display:flex}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:64px;padding-top:56px;padding-bottom:80px;display:grid}.guide-nav{font-size:12px}.guide-back{color:var(--muted);margin-bottom:32px;display:block}.guide-nav nav{gap:4px;margin-top:16px;display:grid}.guide-nav nav a{color:var(--muted);border-radius:5px;justify-content:space-between;padding:8px 10px;display:flex}.guide-nav nav a[aria-current=page]{background:var(--surface);color:var(--ink)}.guide-api-link{margin:24px 10px;display:block}.guide-article{min-width:0}.guide-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.guide-breadcrumb a:hover{text-decoration:underline}.guide-article h1{letter-spacing:-1.3px;margin-top:14px;font-size:38px;font-weight:600;line-height:1.15}.guide-description{color:var(--muted);margin-top:20px;font-size:16px}.guide-release-note{background:var(--surface);color:var(--muted);border-left:2px solid #cfd4db;margin-top:24px;padding:14px 18px;font-size:13px}.guide-release-note a,.prose a{text-underline-offset:3px;text-decoration:underline}.prose{margin-top:32px;line-height:1.8}.prose h2{margin:36px 0 16px;font-size:25px}.prose h3{margin:28px 0 12px;font-size:18px}.prose p,.prose ul,.prose ol{margin-block:16px}.prose pre{border:1px solid var(--line);background:#fafbfc;border-radius:6px;padding:20px;font-size:12px;line-height:1.8;overflow-x:auto}.prose :not(pre)>code{background:var(--surface);overflow-wrap:anywhere;padding:2px 4px;font-size:.87em}.prose table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);text-align:left;padding:10px 12px}.guide-install{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.guide-install .installation{margin-top:14px}.not-found{padding-block:100px}.not-found h1{letter-spacing:-1px;margin-top:18px;font-size:40px}.not-found p{margin-bottom:24px}.playground{height:100dvh}.demo-frame--full{border:none;border-radius:0;flex-direction:column;height:100%;display:flex}.demo-frame--full .demo-embed{flex:1;height:auto;min-height:0}.demo-heading{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:10px 18px;font-size:12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:999;padding:10px 18px;position:fixed;top:-100px;left:15px}.skip-link:focus{top:10px}@media (hover:hover) and (pointer:fine){a:not(.button):hover{color:var(--accent)}.button:hover{background:#35373b}.copy-button:hover{background:var(--surface)}}@media (max-width:850px){.integration-heading{display:block}.integration-heading>p{margin-top:14px}.guide-layout{grid-template-columns:160px minmax(0,1fr);gap:32px}.feature-grid{gap:12px}}@media (max-width:600px){.shell{padding-inline:20px}.nav-shell{gap:12px;height:60px;padding-inline:16px}.brand-divider,.product-name,.nav-github{display:none}.nav-shell nav{gap:16px;font-size:12px}.button-small{gap:10px;padding:7px 10px;font-size:11px}.demo-frame{border-radius:6px}.demo-embed{height:max(440px,100dvh - 230px)}.workspace-caption{gap:8px;padding-inline:6px;font-size:10px}.workspace-caption a{white-space:nowrap}.integration-section{padding-top:32px;padding-bottom:36px}h2{font-size:24px}.install-command{gap:8px;padding:10px}.install-command code{font-size:11px}.code-example pre{padding:18px 14px;font-size:11px}.code-footnote{padding-inline:12px;font-size:10px}.integration-links{gap:18px}.feature-grid{grid-template-columns:1fr;gap:12px}.features{padding-bottom:40px}.faq-section{padding-top:16px;padding-bottom:40px;display:block}.faq-list{margin-top:20px}.site-footer{flex-wrap:wrap;gap:12px}.site-footer>div{gap:20px}.guide-layout{padding-top:28px;display:block}.guide-nav{margin-bottom:32px}.guide-back{margin-bottom:16px}.guide-nav nav{grid-template-columns:1fr 1fr}.guide-api-link{margin:14px 10px}.guide-article h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}.button:active,.copy-button:active{transform:none}}@media (max-width:600px){.demo-section{padding:8px 6px 0}}.workspace-caption>a:last-child{justify-self:end}.workspace-caption .explore-link{color:var(--ink);font-weight:500}.integration-heading>div{min-width:0}.integration-heading h2{max-width:590px}.integration-heading>p{flex-shrink:1;max-width:330px}.runtime-section{grid-template-columns:1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.runtime-section h2{letter-spacing:-.4px;font-size:18px;font-weight:600}.runtime-section p{color:var(--muted);margin-top:12px;font-size:13px}.runtime-section a{margin-top:14px;font-size:12px;display:inline-block}@media (max-width:850px){.integration-heading>p{max-width:580px}}@media (max-width:600px){.runtime-section{grid-template-columns:1fr;gap:28px;padding-bottom:36px}}.highlighted-code{min-width:0}.highlighted-code pre{background:#fafbfc!important}.prose .highlighted-code code{font-size:inherit;background:0 0;padding:0}.engine-intro{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:48px;display:grid}.engine-intro h2{letter-spacing:-1px;max-width:420px;font-size:clamp(26px,3vw,36px);line-height:1.15}.engine-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.engine-intro a{color:var(--ink);text-underline-offset:3px;white-space:nowrap;-webkit-text-decoration:underline #cbd2da;text-decoration:underline #cbd2da}@media (max-width:700px){.engine-section{margin-bottom:20px;padding-top:32px}.engine-intro{grid-template-columns:1fr;gap:20px;padding-bottom:28px}}.demo-embed-loading{opacity:0;pointer-events:none}.demo-placeholder{background:#f5f6f8;position:absolute;inset:0}.demo-placeholder-panes{grid-template-columns:1fr 1fr;height:100%;display:grid}.demo-placeholder-pane+.demo-placeholder-pane{border-left:1px solid var(--line)}.demo-placeholder-toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;height:44px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.demo-placeholder-paper{background:#fff;border:1px solid #e3e6eb;width:84%;height:720px;margin:32px auto;padding:60px 12%;box-shadow:0 1px 3px #20212408}.demo-placeholder-paper span{background:#edf0f3;border-radius:2px;height:7px;margin-bottom:17px;display:block}.demo-placeholder-paper .demo-placeholder-title{width:65%;height:13px;margin-bottom:28px}.demo-placeholder-paper .demo-placeholder-short{width:45%}.demo-placeholder-status{border:1px solid var(--line);width:max-content;max-width:calc(100% - 32px);color:var(--muted);text-align:center;background:#fff;border-radius:8px;padding:12px 18px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-placeholder-status p{margin:0}.demo-placeholder-status a,.demo-placeholder-status noscript{margin-top:8px;display:block}.demo-placeholder-status a{text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.demo-placeholder-panes{grid-template-columns:1fr}.demo-placeholder-pane+.demo-placeholder-pane{display:none}}