:root{--rrd-bg:rgba(20,20,20,0.55);--rrd-bg-blur:20px;--rrd-slice-fill:transparent;--rrd-slice-fill-hover:#1e73ff;--rrd-slice-fill-active:rgba(0,0,0,0.7);--rrd-slice-fill-disabled:rgba(255,255,255,0.05);--rrd-icon-color:#fff;--rrd-icon-color-hover:#fff;--rrd-label-color:rgba(255,255,255,0.85);--rrd-shadow:0 8px 24px rgba(0,0,0,0.3);--rrd-ring-stroke:transparent;--rrd-ring-stroke-width:0;--rrd-icon-size:32px;--rrd-inner-radius:55px;--rrd-outer-radius:110px;--rrd-z-index:9999}.rrd-overlay{position:fixed;inset:0;background:transparent;z-index:var(--rrd-z-index)}.rrd-container{position:absolute;pointer-events:none;filter:drop-shadow(var(--rrd-shadow));width:calc(var(--rrd-outer-radius) * 2);height:calc(var(--rrd-outer-radius) * 2)}.rrd-disk{border-radius:50%;background:var(--rrd-bg);backdrop-filter:blur(var(--rrd-bg-blur));-webkit-backdrop-filter:blur(var(--rrd-bg-blur));-webkit-mask:radial-gradient(circle,transparent var(--rrd-inner-radius),#000 var(--rrd-inner-radius));mask:radial-gradient(circle,transparent var(--rrd-inner-radius),#000 var(--rrd-inner-radius))}.rrd-disk,.rrd-svg{position:absolute;inset:0;pointer-events:none}.rrd-svg{overflow:visible}.rrd-slice{fill:var(--rrd-slice-fill);stroke:var(--rrd-ring-stroke);stroke-width:var(--rrd-ring-stroke-width);pointer-events:all;cursor:pointer;transition:fill .12s ease}.rrd-slice--hovered{fill:var(--rrd-slice-fill-hover)}.rrd-slice--disabled{fill:var(--rrd-slice-fill-disabled);cursor:not-allowed;pointer-events:none}.rrd-slice:active{fill:var(--rrd-slice-fill-active)}.rrd-icon{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;color:var(--rrd-icon-color);width:var(--rrd-icon-size);height:var(--rrd-icon-size);transform:translate(-50%,-50%)}.rrd-icon--hovered{color:var(--rrd-icon-color-hover)}.rrd-label{color:var(--rrd-label-color);font:11px/1.2 inherit;text-align:center}.rrd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.rrd-disk{background:rgba(20,20,20,.85)}}:root{--ink:#0a0908;--ink-2:#131210;--bone:#ece6d8;--bone-dim:#c8c1b1;--rule:#1f1d18;--rule-2:#2c2820;--mute:#6c6759;--lime:#d4ff00;--lime-dim:#a6cc00;--amber:#ff7a1a;--display:"Boldonse","Arial Black",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--serif:"Instrument Serif","Times New Roman",serif;--max:1480px;--pad:clamp(20px,4vw,56px)}*,:after,:before{box-sizing:border-box}body,html{background:var(--ink)}body{margin:0;font-family:var(--mono);font-weight:400;font-size:14px;line-height:1.5;color:var(--bone);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:crosshair}::selection{background:var(--lime);color:var(--ink)}a{text-decoration:none}a,button{color:inherit}button{font:inherit}body:before{z-index:1;background-image:radial-gradient(rgba(236,230,216,.08) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black 35%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black 35%,transparent 100%);opacity:.45}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:2;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.92 0 0 0 0 0.9 0 0 0 0 0.85 0 0 0 0.7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.035;mix-blend-mode:overlay}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad);position:relative;z-index:3}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule-2)}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;grid-gap:24px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.brand-mark{width:26px;height:26px;border:1.5px solid var(--bone);border-radius:50%;position:relative;display:grid;place-items:center}.brand-mark:after,.brand-mark:before{content:"";position:absolute;background:var(--bone)}.brand-mark:before{width:1.5px;height:12px;top:5px;left:calc(50% - .75px)}.brand-mark:after{width:12px;height:1.5px;left:5px;top:calc(50% - .75px)}.status{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--mute);text-transform:uppercase;display:flex;gap:16px;justify-content:center}.status .dot{color:var(--lime)}.topnav{display:flex;gap:22px;justify-content:flex-end;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.topnav a{position:relative;padding:4px 0;transition:color .2s ease}.topnav a:hover{color:var(--lime)}.topnav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--lime);transform-origin:left;transform:scaleX(0);transition:transform .25s ease}.topnav a:hover:after{transform:scaleX(1)}.hero{position:relative;padding-top:clamp(32px,6vw,72px);padding-bottom:clamp(40px,8vw,120px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:clamp(28px,4vw,60px);gap:clamp(28px,4vw,60px);align-items:stretch}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:28px;grid-column:1/-1;border-top:1px solid var(--rule-2);padding-top:14px}.hero-meta .tab{border:1px solid var(--rule-2);padding:4px 10px;color:var(--bone-dim)}.hero-meta .tab strong{color:var(--bone);font-weight:500}.hero-meta .grow{flex:1 1}.hero-meta .live{color:var(--lime);border-color:color-mix(in oklab,var(--lime) 40%,transparent)}.hero-meta .live:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px;vertical-align:middle;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.hero-left{position:relative}.hero-title{font-family:var(--display);font-weight:400;font-size:clamp(64px,10vw,160px);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;margin:0;color:var(--bone)}.hero-title .l1,.hero-title .l2{display:block;position:relative}.hero-title .l1{animation:rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:.05s}.hero-title .l2{animation:rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:.18s}.hero-title .l2 .accent{display:inline-block;color:var(--lime);transform-origin:center}.hero-title .l2 .slash{display:inline-block;color:var(--mute);font-size:.55em;vertical-align:middle;margin:0 .04em;transform:translateY(-.18em) rotate(-12deg)}.hero-title .l2 .ext{font-size:.42em;color:var(--bone-dim);letter-spacing:.04em}@keyframes rise{0%{transform:translateY(60px) rotate(-2deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.hero-lede{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.4vw,32px);line-height:1.3;color:var(--bone);max-width:38ch;margin:clamp(20px,3vw,40px) 0 clamp(28px,4vw,48px);font-weight:400;animation:rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:.35s}.hero-lede em{color:var(--lime);font-style:italic}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:36px;animation:rise 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:.5s}.cta{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;background:var(--bone);color:var(--ink);border:1.5px solid var(--bone);padding:14px 18px 14px 20px;cursor:copy;transition:background .2s ease,color .2s ease,transform .15s ease}.cta:hover{background:var(--lime);border-color:var(--lime)}.cta:active{transform:translateY(1px)}.cta .copy-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.16em;padding-left:12px;margin-left:4px;border-left:1px solid;color:var(--ink);opacity:.55}.cta.copied .copy-state{opacity:1}.cta.copied .copy-state .lbl:before{content:"COPIED"}.cta:not(.copied) .copy-state .lbl:before{content:"COPY"}.cta-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--bone);border:1.5px solid var(--rule-2);padding:14px 18px;transition:border-color .2s ease,color .2s ease,background .2s ease}.cta-ghost:hover{border-color:var(--bone);background:var(--ink-2)}.cta-ghost .arr{transition:transform .2s ease}.cta-ghost:hover .arr{transform:translate(2px,-2px)}.hero-tip{display:inline-flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone);border:1px dashed var(--lime);padding:10px 16px;margin-top:8px;background:color-mix(in oklab,var(--lime) 10%,transparent);animation:tipPulse 3s ease-in-out infinite}.hero-tip .tag{background:var(--lime);color:var(--ink);padding:3px 8px;font-weight:700;letter-spacing:.18em}@keyframes tipPulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab,var(--lime) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab,var(--lime) 8%,transparent)}}.hero-right{position:relative;display:grid;place-items:center;min-height:clamp(420px,52vw,640px)}.viz{position:relative;width:100%;aspect-ratio:1/1;max-width:620px}.viz svg.viz-svg{width:100%;height:100%;display:block;overflow:visible}.viz .ring-outer{animation:spin 90s linear infinite}.viz .ring-mid,.viz .ring-outer{transform-origin:50% 50%;transform-box:fill-box}.viz .ring-mid{animation:spin 60s linear infinite reverse}.viz .ring-tick{animation:spin 240s linear infinite;transform-origin:50% 50%;transform-box:fill-box}@keyframes spin{to{transform:rotate(1turn)}}.viz .slice-static{fill:var(--ink-2);stroke:var(--bone);stroke-width:.6;transition:fill .3s,stroke .3s}.viz .slice-static.feature{fill:var(--lime);stroke:var(--lime)}.viz .icon-glyph{fill:none;stroke:var(--bone);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.viz .icon-glyph.on-feature{stroke:var(--ink)}.viz .crosshair-faint{stroke:var(--mute);stroke-width:.4;stroke-dasharray:2 3}.viz-corner{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;pointer-events:none}.viz-corner.tl{top:0;left:0}.viz-corner.tr{top:0;right:0;text-align:right}.viz-corner.bl{bottom:0;left:0}.viz-corner.br{bottom:0;right:0;text-align:right}.viz-corner strong{color:var(--bone);font-weight:500}.sec{border-top:2px solid var(--bone);padding:clamp(40px,6vw,96px) 0 clamp(40px,6vw,88px);position:relative}.sec-head{display:grid;grid-template-columns:100px 1fr auto;align-items:end;grid-gap:24px;gap:24px;padding-bottom:clamp(28px,4vw,56px)}.sec-head .num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--mute);text-transform:uppercase;border-top:1px solid var(--bone);padding-top:10px}.sec-head .num strong{color:var(--bone);font-weight:500}.sec-head h2{font-family:var(--display);font-size:clamp(36px,6vw,88px);line-height:.92;letter-spacing:-.01em;text-transform:uppercase;margin:0;color:var(--bone)}.sec-head h2 .small{font-family:var(--serif);font-style:italic;font-size:.42em;color:var(--bone-dim);text-transform:none;letter-spacing:0;display:block;margin-top:8px}.sec-head .meta{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);text-align:right}.variants-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border-top:1px solid var(--rule-2);border-left:1px solid var(--rule-2)}.variant{position:relative;padding:28px 24px 24px;border-right:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);display:flex;flex-direction:column;gap:12px;min-height:360px;transition:background .25s ease}.variant:hover{background:color-mix(in oklab,var(--bone) 3%,var(--ink))}.variant .v-num{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--mute)}.variant .v-name{font-family:var(--display);font-size:clamp(20px,2.2vw,28px);text-transform:uppercase;letter-spacing:-.01em;margin:0}.variant .v-desc{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--bone-dim);margin:0}.variant .v-stage{margin-top:auto;display:grid;place-items:center;aspect-ratio:1.1/1;position:relative;overflow:hidden}.variant .v-stage svg{width:100%;height:100%;overflow:visible}.variant.theme-default .v-stage{background:linear-gradient(160deg,#181612,#0c0b09)}.variant.theme-glass .v-stage{background:linear-gradient(135deg,#2b2722,#1a1814 60%,#0d0c0a)}.variant.theme-neon .v-stage{background:radial-gradient(circle at 50% 60%,#1a1500 0,#050505 70%)}.variant.theme-paper .v-stage{background:linear-gradient(140deg,#efe9d9,#d8d2c0)}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border-top:1px solid var(--rule-2);border-left:1px solid var(--rule-2)}.feat{padding:32px 28px 36px;border-right:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);position:relative;display:flex;flex-direction:column;min-height:280px;transition:background .25s ease;overflow:hidden}.feat:hover{background:color-mix(in oklab,var(--bone) 4%,var(--ink))}.feat .f-num{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--mute);margin-bottom:24px;display:flex;justify-content:space-between;position:relative;z-index:2}.feat .f-num strong{color:var(--lime);font-weight:700}.feat h3{font-family:var(--display);font-size:clamp(20px,1.9vw,26px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 14px}.feat h3,.feat p{position:relative;z-index:2}.feat p{font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--bone-dim);margin:0 0 20px}.feat p code{background:var(--ink-2);padding:1px 5px;font-size:.92em;color:var(--bone)}.feat .f-tag{margin-top:auto;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);border-top:1px dashed var(--rule-2);padding-top:12px;position:relative;z-index:2}.feat .f-tag span{color:var(--lime)}.feat:after{content:"";position:absolute;right:-28px;top:-28px;width:120px;height:120px;border:1px solid var(--rule-2);border-radius:50%;pointer-events:none;opacity:.8;transition:opacity .3s,border-color .3s,transform .6s ease;z-index:1}.feat:hover:after{opacity:1;border-color:var(--lime);transform:rotate(35deg)}.code-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:32px;gap:32px;align-items:start}.code-block{background:var(--ink-2);border:1px solid var(--rule-2);position:relative}.code-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--rule-2);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.code-bar .file{color:var(--bone)}.code-bar .lang{color:var(--lime)}.code-block pre{margin:0;padding:22px 22px 26px;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.7;color:var(--bone)}.code-block .k{color:#ff7a8a}.code-block .s{color:#c2ff66}.code-block .c{color:var(--mute);font-style:italic}.code-block .t{color:#f7c969}.code-block .p{color:var(--bone-dim)}.code-block .v{color:#ffb482}.code-block .b{color:var(--bone)}.code-side{display:flex;flex-direction:column;gap:18px;padding:20px 0}.code-step{display:grid;grid-template-columns:28px 1fr;grid-gap:14px;gap:14px;align-items:start;font-family:var(--mono);font-size:12px;color:var(--bone-dim);border-top:1px solid var(--rule-2);padding-top:16px}.code-step .n{font-family:var(--display);font-size:22px;line-height:1;color:var(--lime)}.code-step b{color:var(--bone);font-weight:500}.code-step code{color:var(--bone);background:var(--ink-2);padding:1px 5px}.api-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px}.api-table thead th{text-align:left;font-weight:500;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);padding:12px 16px;border-bottom:2px solid var(--bone)}.api-table td{padding:16px;border-bottom:1px solid var(--rule-2);vertical-align:top}.api-table tr:hover td{background:color-mix(in oklab,var(--bone) 3%,var(--ink))}.api-table .prop{color:var(--lime);font-weight:500}.api-table .type{color:var(--bone-dim)}.api-table .desc{color:var(--bone);max-width:60ch}.api-table .req{display:inline-block;background:var(--amber);color:var(--ink);font-size:9px;padding:1px 5px;letter-spacing:.1em;margin-left:8px;vertical-align:1px}.cta-section{padding:clamp(60px,10vw,140px) 0;text-align:center;border-top:2px solid var(--bone);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--lime) 18%,transparent) 0,transparent 60%);pointer-events:none}.cta-section .quote{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.6vw,34px);color:var(--bone-dim);margin:0 auto 20px;max-width:26ch;position:relative;z-index:2}.cta-section .quote:after,.cta-section .quote:before{color:var(--lime)}.cta-section .quote:before{content:'"';margin-right:4px}.cta-section .quote:after{content:'"';margin-left:4px}.cta-mega{display:inline-block;font-family:var(--display);font-size:clamp(36px,6vw,88px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;border:2px solid var(--bone);padding:22px 36px 16px;margin:16px 0 28px;background:var(--ink);color:var(--bone);cursor:copy;transition:background .2s,color .2s,transform .2s;position:relative;z-index:2}.cta-mega:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.cta-mega:active{transform:translateY(2px)}.cta-mega .arr{display:inline-block;transform:translateY(-.05em);margin-right:.18em;color:var(--lime)}.cta-mega:hover .arr{color:var(--ink)}.cta-sub{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--mute);text-transform:uppercase;display:flex;gap:22px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.foot{border-top:1px solid var(--rule-2);padding:36px 0 28px}.foot-inner{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:24px;gap:24px;align-items:center}.foot .colofon{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--mute);text-transform:uppercase}.foot .colofon b{color:var(--bone)}.foot .colofon.right{text-align:right}.foot-mark{font-family:var(--display);font-size:24px}.rc-hint{position:fixed;left:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid var(--rule-2);padding:10px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.rc-hint.show{opacity:1;transform:translateY(0)}.rc-hint.dismiss{opacity:0;transform:translateY(6px)}.rc-hint .dot{width:8px;height:8px;background:var(--lime);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.rc-hint kbd{display:inline-block;border:1px solid var(--rule-2);padding:1px 6px;color:var(--bone);font-family:var(--mono);font-size:9px;letter-spacing:.1em;margin-left:6px}.cursor-ghost{position:fixed;pointer-events:none;width:16px;height:16px;border:1px solid var(--lime);border-radius:50%;transform:translate(-50%,-50%);z-index:70;mix-blend-mode:difference;opacity:0;transition:opacity .3s}body:hover .cursor-ghost{opacity:.6}.cursor-ghost:after{content:"";position:absolute;inset:-4px;border:1px dashed color-mix(in oklab,var(--lime) 60%,transparent);border-radius:50%;animation:spin 6s linear infinite}.pg-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;grid-gap:0;gap:0;border:1px solid var(--rule-2)}.pg-controls{border-right:1px solid var(--rule-2);background:color-mix(in oklab,var(--ink) 80%,var(--ink-2));max-height:760px;overflow-y:auto}.pg-controls::-webkit-scrollbar{width:8px}.pg-controls::-webkit-scrollbar-track{background:var(--ink)}.pg-controls::-webkit-scrollbar-thumb{background:var(--rule-2)}.pg-controls::-webkit-scrollbar-thumb:hover{background:var(--mute)}.pg-section{border-bottom:1px solid var(--rule-2);padding:18px 20px}.pg-section h4{font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--bone);margin:0 0 14px;display:flex;align-items:center;gap:8px}.pg-section h4:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime)}.pg-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px 12px;gap:8px 12px;align-items:center;margin-bottom:10px}.pg-row:last-child{margin-bottom:0}.pg-label{letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.pg-label,.pg-value{font-family:var(--mono);font-size:10px}.pg-value{color:var(--lime);text-align:right;letter-spacing:.08em}.pg-row input[type=range]{grid-column:1/-1;width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--rule-2);cursor:pointer;outline:none}.pg-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--lime);cursor:ew-resize}.pg-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--lime);cursor:ew-resize;border:0}.pg-row input[type=color],.pg-row input[type=number],.pg-row input[type=text],.pg-row select{font-family:var(--mono);font-size:11px;background:var(--ink);color:var(--bone);border:1px solid var(--rule-2);padding:6px 8px;outline:none;transition:border-color .15s ease}.pg-row input[type=number]:focus,.pg-row input[type=text]:focus,.pg-row select:focus{border-color:var(--lime)}.pg-row input[type=color]{width:36px;height:26px;padding:0;cursor:pointer}.pg-seg{display:flex;gap:0;border:1px solid var(--rule-2);grid-column:1/-1}.pg-seg button{flex:1 1;background:transparent;border:0;border-right:1px solid var(--rule-2);color:var(--bone-dim);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;cursor:pointer;transition:background .15s,color .15s}.pg-seg button:last-child{border-right:0}.pg-seg button:hover{color:var(--bone);background:var(--ink-2)}.pg-seg button.on{background:var(--lime);color:var(--ink);font-weight:700}.pg-checkbox{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--bone-dim);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-checkbox input{accent-color:var(--lime)}.pg-items-list{display:flex;flex-direction:column;gap:8px}.pg-item{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:8px;gap:8px;align-items:center;padding:6px 8px;background:var(--ink);border:1px solid var(--rule-2)}.pg-item .pg-emoji{font-size:18px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;background:var(--ink-2)}.pg-item input[type=text]{width:100%}.pg-btn{background:transparent;border:1px solid var(--rule-2);color:var(--bone-dim);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pg-btn:hover{border-color:var(--bone);color:var(--bone)}.pg-btn.danger:hover{border-color:var(--amber);color:var(--amber)}.pg-btn.primary{background:var(--lime);color:var(--ink);border-color:var(--lime);font-weight:700}.pg-btn.primary:hover{background:transparent;color:var(--lime)}.pg-btn.full{width:100%}.pg-emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px;padding:8px;background:var(--ink-2);border:1px solid var(--rule-2);margin-top:6px}.pg-emoji-picker button{background:transparent;border:0;font-size:18px;cursor:pointer;padding:4px;transition:background .15s}.pg-emoji-picker button:hover{background:var(--rule-2)}.pg-stage-wrap{display:flex;flex-direction:column;background:var(--ink)}.pg-stage{position:relative;flex:1 1;min-height:420px;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--lime) 8%,transparent) 0,transparent 50%),repeating-linear-gradient(45deg,transparent 0 19px,color-mix(in oklab,var(--bone) 2%,transparent) 19px 20px);border-bottom:1px solid var(--rule-2);overflow:hidden;display:grid;place-items:center}.pg-stage .pg-overlay{position:absolute!important;inset:0!important}.pg-stage-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule-2);background:var(--ink-2)}.pg-stage-bar .grow{flex:1 1}.pg-stage-bar .selected{color:var(--lime)}.pg-code-wrap{background:var(--ink-2);border-top:1px solid var(--rule-2);position:relative}.pg-code-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--rule-2);font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.pg-code-bar .lang{color:var(--lime)}.pg-code-wrap pre{margin:0;padding:14px 16px 18px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--bone);max-height:240px}.pg-toast{position:absolute;top:12px;right:12px;background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;font-weight:700;z-index:10;transform:translateX(120%);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pg-toast.show{transform:translateX(0)}.pg-custom-render{display:flex;flex-direction:column;align-items:center;gap:4px}.pg-custom-render .big{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pg-custom-render .lbl{font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);background:var(--ink);padding:1px 4px;border:1px solid var(--lime)}@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-right{min-height:380px}.feat-grid,.variants-grid{grid-template-columns:repeat(2,1fr)}.code-grid,.sec-head{grid-template-columns:1fr}.sec-head{gap:12px}.sec-head .meta{text-align:left}.topbar-inner{grid-template-columns:1fr 1fr}.status{display:none}.foot-inner{grid-template-columns:1fr}.foot .colofon.right,.foot-inner{text-align:center}.pg-grid{grid-template-columns:1fr}.pg-controls{border-right:0;border-bottom:1px solid var(--rule-2);max-height:480px}}@media (max-width:560px){.feat-grid,.variants-grid{grid-template-columns:1fr}.api-table{font-size:11px}.api-table td,.api-table thead th{padding:12px 10px}}