@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_6b7574a6-module__BVULza__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_6b7574a6-module__BVULza__variable{--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--color-bg:#161826;--color-surface:#232532;--color-text:#e9e9ed;--color-accent:#9184d9;--color-divider:#e9e9ed29;--color-neutral-100:#f3f5fe;--color-neutral-200:#e4e7f5;--color-neutral-300:#cfd3e5;--color-neutral-400:#b2b6ca;--color-neutral-500:#9397ab;--color-neutral-600:#75798c;--color-neutral-700:#595d6c;--color-neutral-800:#3f424d;--color-neutral-900:#292b31;--color-accent-100:#f5f4ff;--color-accent-200:#e7e5fe;--color-accent-300:#d2cefd;--color-accent-400:#b5abfc;--color-accent-500:#968ae0;--color-accent-600:#796cbf;--color-accent-700:#5d5294;--color-accent-800:#423a6a;--color-accent-900:#2b2741;--font-heading:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-sm:0 0 0 1px #3f424d;--shadow-md:0 0 0 1px #595d6c, 0 6px 18px #0000008c;--shadow-lg:0 0 0 1px #9397ab, 0 16px 40px #000000a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:500}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-300)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 35%, transparent)}button{font-family:var(--font-body)}input[type=range]{accent-color:var(--color-accent)}@keyframes lgdrift{0%{transform:translate(-6%,-4%)scale(1.15)}50%{transform:translate(8%,6%)scale(1.3)}to{transform:translate(-6%,-4%)scale(1.15)}}@keyframes lgdrift2{0%{transform:translate(7%,5%)scale(1.25)}50%{transform:translate(-9%,-7%)scale(1.1)}to{transform:translate(7%,5%)scale(1.25)}}@keyframes lgcaret{0%,49%{opacity:1}50%,to{opacity:0}}.pad{padding-left:32px;padding-right:32px}.wrap{max-width:1180px;margin:0 auto}.wrap-narrow{max-width:1080px;margin:0 auto}.mono{font-family:var(--font-mono)}.nav{z-index:40;background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:10px;display:flex}.nav-mark{border:1px solid var(--color-accent);background:linear-gradient(135deg,#9184d98c,#9184d90d);border-radius:7px;width:22px;height:22px}.nav-name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-text);font-size:14px;font-weight:500}.nav-ver{font-family:var(--font-mono);color:var(--color-accent-300);background:var(--color-accent-900);border-radius:4px;padding:4px 6px;font-size:10px;font-weight:500;line-height:1}.nav-links{align-items:center;gap:22px;font-size:13px;display:flex}.nav-links a{color:var(--color-neutral-400)}.nav-links a:hover{color:var(--color-text)}.nav-cta{border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent-300);align-items:center;padding:7px 13px;font-size:12.5px;transition:background .16s;display:inline-flex}.nav-cta:hover{background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.hero-section{padding-top:86px;padding-bottom:74px;position:relative}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg span{display:block;position:absolute}.hero-bg .b1{background:radial-gradient(closest-side,#9184d94d,#0000 70%);width:70%;height:120%;animation:22s ease-in-out infinite lgdrift;top:-30%;left:-10%}.hero-bg .b2{background:radial-gradient(closest-side,#262a60bf,#0000 70%);width:60%;height:110%;animation:28s ease-in-out infinite lgdrift2;top:-20%;right:-15%}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.badge{border:1px solid var(--color-neutral-800);color:var(--color-neutral-400);border-radius:999px;align-items:center;gap:9px;margin-bottom:22px;padding:5px 11px;font-size:11.5px;display:inline-flex}.badge i{background:var(--color-accent);border-radius:50%;width:5px;height:5px}.hero h1{letter-spacing:-.03em;max-width:14ch;margin:0 0 18px;font-size:58px;line-height:1.04}.hero-lede{color:var(--color-neutral-400);max-width:46ch;margin:0 0 28px;font-size:16.5px;line-height:1.6}.hero-install{flex-direction:column;gap:10px;max-width:520px;margin-bottom:26px;display:flex}.hero-facts{color:var(--color-neutral-600);gap:16px;padding-left:2px;font-size:11.5px;display:flex}.cta-row{gap:12px;display:flex}.btn-outline{border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent-300);align-items:center;padding:11px 20px;font-size:13.5px;transition:background .16s;display:inline-flex}.btn-outline:hover{background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.btn-quiet{border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);color:var(--color-neutral-300);align-items:center;padding:11px 20px;font-size:13.5px;transition:all .16s;display:inline-flex}.btn-quiet:hover{border-color:var(--color-neutral-600);color:var(--color-text)}.install{border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:12px;padding:14px 14px 14px 16px;display:flex}.install-sigil{color:var(--color-accent);font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1}.install code{font-family:var(--font-mono);color:var(--color-neutral-200);white-space:nowrap;flex:1;font-size:13px;line-height:1.4;overflow:hidden}.caret{vertical-align:-2px;background:var(--color-accent);width:7px;height:14px;margin-left:2px;animation:1.05s step-end infinite lgcaret;display:inline-block}.copy-btn{border:1px solid var(--color-neutral-700);color:var(--color-neutral-300);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:none;padding:6px 11px;font-size:11.5px;transition:all .16s}.copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent-300)}.stage{border-radius:var(--radius-lg);height:420px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.stage-bg{background:linear-gradient(150deg,#1b1e33,#0f1120);position:absolute;inset:0}.stage>.g1,.stage>.g2,.stage>.g3{display:block;position:absolute}.stage .g1{opacity:.85;background:radial-gradient(closest-side,#6b5fd6,#0000 70%);width:80%;height:90%;animation:18s ease-in-out infinite lgdrift;top:-20%;left:-15%}.stage .g2{opacity:.7;background:radial-gradient(closest-side,#2f7fb8,#0000 70%);width:75%;height:85%;animation:24s ease-in-out infinite lgdrift2;bottom:-25%;right:-10%}.stage .g3{opacity:.5;background:radial-gradient(closest-side,#c95a8f,#0000 70%);width:60%;height:60%;animation:31s ease-in-out infinite lgdrift;top:34%;left:-5%}.stage-note{font-family:var(--font-mono);color:#ffffff6b;font-size:11px;font-weight:500;line-height:1.6;position:absolute;bottom:14px;left:20px}.stage-note.right{color:#fff6;font-size:10.5px;font-weight:400;left:auto;right:16px}.stage-center{place-items:center;display:grid;position:absolute;inset:0}.hero-card{will-change:transform;width:300px;margin:-92px 0 0 -150px;position:absolute;top:50%;left:50%}.card-body{flex-direction:column;gap:16px;padding:22px 22px 20px;display:flex}.card-row{justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-heading);color:#fff;font-size:14px}.card-time{font-family:var(--font-mono);color:#fff9;font-size:10.5px;line-height:1}.card-track{background:#ffffff38;border-radius:2px;height:3px;overflow:hidden}.card-track i{background:#ffffffd9;width:38%;height:100%;display:block}.card-keys{gap:8px;display:flex}.card-keys i{background:#ffffff24;border:1px solid #ffffff29;border-radius:8px;flex:1;height:30px}.card-keys i:last-child{background:#ffffff3d;border-color:#ffffff42}.features-section{padding-top:8px;padding-bottom:78px}.features{background:var(--color-neutral-900);border:1px solid var(--color-neutral-900);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.feature{background:var(--color-bg);padding:26px 22px;transition:background .2s}.feature:hover{background:var(--color-surface)}.feature-n{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.08em;margin-bottom:14px;font-size:10px;font-weight:500;line-height:1}.feature h4{margin:0 0 8px;font-size:16px}.feature p{color:var(--color-neutral-500);text-wrap:pretty;margin:0;font-size:13px;line-height:1.55}.pg-section{padding-bottom:96px;scroll-margin-top:80px}.pg-head{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.pg-head h2{margin:0 0 6px;font-size:30px}.pg-head p{color:var(--color-neutral-500);margin:0;font-size:13.5px}.reset-btn{border:1px solid var(--color-neutral-800);color:var(--color-neutral-400);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex:none;padding:8px 14px;font-size:12.5px;transition:all .16s}.reset-btn:hover{border-color:var(--color-accent);color:var(--color-accent-300)}.pg-grid{grid-template-columns:296px 1fr;align-items:start;gap:22px;display:grid}.pg-grid>*{min-width:0}.controls{border:1px solid var(--color-neutral-900);border-radius:var(--radius-lg);background:var(--color-surface);padding:18px 18px 20px;position:sticky;top:74px}.controls-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:16px;font-size:10px;font-weight:500;line-height:1}.control-label{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.control-label label{color:var(--color-neutral-300);font-size:12.5px}.control-value{font-family:var(--font-mono);color:var(--color-neutral-500);font-size:11px;line-height:1}.tint-block{margin-bottom:18px}.tint-block .control-label{margin-bottom:8px}.tint-block .control-value{text-align:right;font-size:10.5px;line-height:1.3}.swatches{gap:7px;display:flex}.swatch{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-neutral-800);width:30px;height:26px}.swatch[data-on=true]{border:2px solid var(--color-accent-300);box-shadow:0 0 0 2px var(--color-accent-900)}.tint-custom{border:1px solid var(--color-neutral-800);border-radius:var(--radius-sm);background:var(--color-bg);align-items:center;gap:8px;margin-top:9px;padding:6px 9px;transition:border-color .15s;display:flex}.tint-custom:focus-within{border-color:var(--color-accent-300)}.tint-preview{border:1px solid var(--color-neutral-700);border-radius:5px;flex:none;width:18px;height:18px}.tint-custom[data-valid=false] .tint-preview{border-style:dashed}.tint-hex{min-width:0;color:var(--color-neutral-200);font-family:var(--font-mono);background:0 0;border:none;flex:1;padding:2px 0;font-size:12px}.tint-hex:focus{outline:none}.tint-hex::placeholder{color:var(--color-neutral-700)}.sliders{flex-direction:column;gap:15px;display:flex}.sliders input[type=range]{cursor:pointer;width:100%;height:3px}.layer-field{border-top:1px solid var(--color-neutral-900);margin-top:18px;padding-top:16px}.layer-field label{color:var(--color-neutral-300);margin-bottom:7px;font-size:12.5px;display:block}.layer-field input{border:1px solid var(--color-neutral-800);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-neutral-200);font-family:var(--font-mono);padding:8px 10px;font-size:12px}.layer-field p{color:var(--color-neutral-600);margin:8px 0 0;font-size:11px;line-height:1.5}.panel{border:1px solid var(--color-neutral-900);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.panel-bar{border-bottom:1px solid var(--color-neutral-900);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex}.tabs{gap:2px;display:flex;position:relative}.tab{cursor:pointer;width:80px;color:var(--color-neutral-600);background:0 0;border:none;padding:13px 16px;font-size:13px;transition:color .18s}.tab[data-on=true]{color:var(--color-text)}.tab-underline{background:var(--color-accent);border-radius:2px;width:80px;height:2px;position:absolute;bottom:-1px;left:0}.panel-body{--pg-h:470px;min-height:var(--pg-h);flex-direction:column;display:flex;position:relative}.pg-stage{height:var(--pg-h);flex:auto;position:relative;overflow:hidden}.pg-scroll{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:auto}.pg-scroll::-webkit-scrollbar{width:0;height:0}.pg-scroll[data-drag=true]{cursor:grabbing}.pg-canvas{width:148%;min-width:780px;height:138%;min-height:620px;position:relative;overflow:hidden}.pg-stage>.stage-center{z-index:2;pointer-events:none}.pg-stage>.stage-note{z-index:3}.pg-card{width:392px}.pg-canvas[data-bg=aurora]{background:linear-gradient(160deg,#171b31,#0d0f1c 55%,#12162a)}.pg-canvas .blob{display:block;position:absolute}.pg-canvas .b1{opacity:.9;background:radial-gradient(closest-side,#7a6ae2,#0000 70%);width:56%;height:66%;animation:20s ease-in-out infinite lgdrift;top:-10%;left:-8%}.pg-canvas .b2{opacity:.8;background:radial-gradient(closest-side,#2b86b4,#0000 70%);width:58%;height:68%;animation:26s ease-in-out infinite lgdrift2;bottom:-12%;right:-8%}.pg-canvas .b3{opacity:.55;background:radial-gradient(closest-side,#c95a8f,#0000 70%);width:48%;height:54%;animation:31s ease-in-out infinite lgdrift;top:38%;left:28%}.pg-canvas[data-bg=mesh]{background:radial-gradient(38% 44% at 16% 20%,#ff7a45 0%,#0000 62%),radial-gradient(34% 40% at 74% 14%,#ffce54 0%,#0000 60%),radial-gradient(44% 48% at 86% 76%,#2f6df6 0%,#0000 64%),radial-gradient(40% 44% at 24% 84%,#12c39c 0%,#0000 62%),radial-gradient(32% 36% at 52%,#b14bff 0%,#0000 58%),#101425}.pg-canvas[data-bg=grid]{background:linear-gradient(#7ea6ff66 1px,#0000 1px) 0 0/100% 56px,linear-gradient(90deg,#7ea6ff66 1px,#0000 1px) 0 0/56px 100%,linear-gradient(#7ea6ff21 1px,#0000 1px) 0 0/100% 14px,linear-gradient(90deg,#7ea6ff21 1px,#0000 1px) 0 0/14px 100%,radial-gradient(66% 66% at 46% 38%,#1d2f6b,#070a16 100%)}.pg-canvas .grid-mark{border:1px solid #96beff80;border-radius:50%;display:block;position:absolute}.pg-canvas .m1{width:210px;height:210px;top:7%;left:10%}.pg-canvas .m2{opacity:.5;border-style:dashed;width:320px;height:320px;bottom:8%;right:12%}.pg-canvas .m3{background:radial-gradient(closest-side,#82afff66,#0000);border:0;width:150px;height:150px;top:44%;left:50%}.pg-canvas[data-bg=type]{background:linear-gradient(165deg,#0b0d18,#1a1236 58%,#2b1042)}.bg-type{flex-direction:column;justify-content:center;gap:4px;padding:20px 0;display:flex;position:absolute;inset:0}.bg-type span{white-space:nowrap;font-family:var(--font-heading);letter-spacing:-.035em;background:linear-gradient(92deg,#fff,#9a8cff 52%,#ff6fae);color:#0000;opacity:.88;-webkit-background-clip:text;background-clip:text;font-size:62px;font-weight:500;line-height:.98;display:block}.pg-canvas[data-bg=paper]{background:repeating-linear-gradient(135deg,#181b300d 0 2px,#0000 2px 13px),linear-gradient(#181b301c 1px,#0000 1px) 0 0/100% 44px,linear-gradient(90deg,#181b301c 1px,#0000 1px) 0 0/44px 100%,radial-gradient(72% 72% at 28% 18%,#f4f5fb,#d9ddec 58%,#b4bbd6 100%)}.pg-bgbar{z-index:3;scrollbar-width:none;-ms-overflow-style:none;-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#090b148c;border:1px solid #ffffff1f;border-radius:999px;gap:4px;max-width:calc(100% - 28px);padding:4px;display:flex;position:absolute;bottom:12px;left:14px;overflow-x:auto}.pg-bgbar::-webkit-scrollbar{width:0;height:0}.bg-chip{color:#ffffff9e;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;padding:6px 12px;font-size:11.5px;line-height:1.2;transition:all .16s}.bg-chip:hover{color:#fff}.bg-chip[data-on=true]{color:#14162a;background:#ffffffeb;font-weight:500}.pg-card-inner{padding:26px}.pg-card-inner h3{color:#fff;margin:0;font-size:17px}.pg-card-inner p{color:#ffffffc7;margin:0 0 18px;font-size:13.5px;line-height:1.6}.pg-live{font-family:var(--font-mono);color:#ffffff9e;background:#ffffff24;border-radius:5px;padding:4px 7px;font-size:11px;line-height:1}.pg-actions{gap:9px;display:flex}.pg-actions i{border-radius:9px;padding:8px 15px;font-size:12.5px;font-style:normal}.pg-actions .primary{color:#14162a;background:#ffffffe6;font-weight:500}.pg-actions .ghost{color:#fff;background:#ffffff24;border:1px solid #fff3}.code-pane{min-height:var(--pg-h);background:var(--color-bg);flex:auto;padding:22px 24px;overflow:auto}.code-pane pre,.code-block{font-family:var(--font-mono);margin:0;font-size:12.5px;line-height:1.85}.code-line{gap:18px;display:flex}.code-num{text-align:right;width:18px;color:var(--color-neutral-800);-webkit-user-select:none;user-select:none;flex:none}.code-text{white-space:pre}.docs-shell{grid-template-columns:172px 1fr;align-items:start;gap:48px;padding-top:52px;padding-bottom:96px;display:grid}.docs-shell>*{min-width:0}.toc{flex-direction:column;gap:9px;padding-top:6px;font-size:12.5px;display:flex;position:sticky;top:82px}.toc a{color:var(--color-neutral-500)}.toc a:hover{color:var(--color-text)}.toc-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);margin-bottom:4px;font-size:10px;font-weight:500;line-height:1}.docs-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:14px;font-size:10px;font-weight:500;line-height:1}.docs-head{margin-bottom:44px}.docs-head h1{letter-spacing:-.03em;margin:0 0 14px;font-size:40px}.docs-head p{color:var(--color-neutral-400);text-wrap:pretty;max-width:60ch;margin:0;font-size:15.5px;line-height:1.65}.docs-section{margin-bottom:44px;scroll-margin-top:86px}.docs-section h2{margin:0 0 6px;font-size:22px}.docs-section>p{color:var(--color-neutral-500);margin:0 0 16px;font-size:13.5px}.docs-section code{font-family:var(--font-mono);color:var(--color-neutral-400)}.usage-pre{border:1px solid var(--color-neutral-900);border-radius:var(--radius-md);background:#101223;margin:0;padding:20px 22px;overflow:auto}.props-table{border:1px solid var(--color-neutral-900);border-radius:var(--radius-md);overflow:hidden}.props-head,.props-row{grid-template-columns:150px 96px 96px 1fr;display:grid}.props-head{background:var(--color-surface);border-bottom:1px solid var(--color-neutral-900);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-600);padding:11px 16px;font-size:10.5px;font-weight:500;line-height:1}.props-row{border-bottom:1px solid var(--color-neutral-900);align-items:baseline;padding:13px 16px;font-size:12.5px}.props-row:last-child{border-bottom:none}.props-name{font-family:var(--font-mono);color:var(--color-accent-300);font-size:12px;font-weight:500;line-height:1.4}.props-type{font-family:var(--font-mono);color:var(--color-neutral-600);font-size:11.5px;line-height:1.4}.props-def{font-family:var(--font-mono);color:var(--color-neutral-500);font-size:11.5px;line-height:1.4}.props-desc{color:var(--color-neutral-400);text-wrap:pretty;line-height:1.5}.recipes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.recipe{border:1px solid var(--color-neutral-900);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;padding:18px;transition:border-color .18s}.recipe:hover{border-color:var(--color-neutral-700)}.recipe h4{margin:0 0 7px;font-size:14.5px}.recipe p{color:var(--color-neutral-500);margin:0 0 10px;font-size:12.5px;line-height:1.55}.recipe code{font-family:var(--font-mono);color:var(--color-neutral-400);white-space:pre-wrap;overflow-wrap:anywhere;font-size:11.5px;line-height:1.7;display:block}.support p{color:var(--color-neutral-400);text-wrap:pretty;max-width:62ch;margin:0 0 16px;font-size:13.5px;line-height:1.65}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--color-neutral-900);color:var(--color-neutral-400);border-radius:999px;padding:6px 12px;font-size:12px}.chip.on{background:var(--color-accent-900);color:var(--color-accent-300)}.footer{border-top:1px solid var(--color-divider);padding-top:34px;padding-bottom:46px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{color:var(--color-neutral-600);align-items:center;gap:10px;font-size:12.5px;display:flex}.footer-brand i{border:1px solid var(--color-accent-700);border-radius:5px;width:16px;height:16px}.footer-links{gap:20px;font-size:12.5px;display:flex}.footer-links a{color:var(--color-neutral-500)}.footer-links a:hover{color:var(--color-text)}@media (max-width:1080px){.features{grid-template-columns:repeat(2,1fr)}.pg-grid{grid-template-columns:1fr}.controls{position:static}.sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;display:grid}}@media (max-width:920px){.docs-shell{grid-template-columns:minmax(0,1fr);gap:28px}.toc{border-bottom:1px solid var(--color-divider);flex-flow:wrap;gap:16px;padding-bottom:14px;position:static}.toc-title{width:100%;margin-bottom:0}.recipes{grid-template-columns:repeat(2,minmax(0,1fr))}.props-head{display:none}.props-row{grid-template-columns:1fr 1fr;gap:4px 12px}.props-desc{grid-column:1/-1;margin-top:4px}}@media (max-width:880px){.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:44px}.stage{height:340px}.nav-hide{display:none}.panel-body{--pg-h:400px}.pg-head{flex-direction:column;align-items:flex-start}}@media (max-width:620px){.pad{padding-left:18px;padding-right:18px}.nav{padding-top:11px;padding-bottom:11px}.hero-section{padding-top:44px;padding-bottom:48px}.hero{gap:32px}.hero h1{max-width:none;margin-bottom:14px;font-size:clamp(28px,8.6vw,36px)}.hero-lede{max-width:none;font-size:15px}.features{grid-template-columns:1fr}.install{flex-wrap:nowrap;align-items:baseline;gap:8px;padding:10px 12px 10px 14px}.install-sigil{font-size:12px;line-height:1.4}.install code{white-space:normal;overflow-wrap:anywhere;flex:auto;min-width:0;font-size:12px}.install .copy-btn{min-height:34px;margin-left:auto;padding:8px 11px}.cta-row{flex-direction:column;align-items:stretch}.cta-row a{justify-content:center;min-height:46px}.sliders{grid-template-columns:1fr;gap:6px}.sliders input[type=range]{box-sizing:content-box;height:26px;margin:-9px 0;padding:11px 0}.swatch{width:44px;height:36px}.stage{place-items:center stretch;height:auto;min-height:300px;padding:26px 0;display:grid}.hero-card{width:auto;margin:0;padding:0 18px;position:static}.hero-card>div{width:100%}.panel-body{--pg-h:430px}.pg-stage>.stage-center{padding:0 18px 44px}.pg-canvas{min-width:620px;min-height:560px}.pg-card{width:100%}.pg-bgbar{max-width:calc(100% - 24px);bottom:10px;left:12px}.stage-note.right{display:none}.pg-head .reset-btn{align-self:stretch}.code-pane{padding:18px 14px;font-size:11.5px}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px}.docs-shell{padding-top:34px;padding-bottom:64px}.docs-head h1{font-size:clamp(27px,8vw,34px)}.docs-section h2{font-size:20px}.recipes{grid-template-columns:1fr}.props-row{flex-wrap:wrap;gap:3px 8px;padding:14px;display:flex}.props-name{flex-basis:100%}.props-type:after{content:"·";color:var(--color-neutral-800);margin-left:8px}.props-desc{flex-basis:100%;margin-top:5px}.usage-pre{padding:16px 14px;font-size:11.5px}}@media (max-width:420px){.tab{width:70px;padding-left:10px;padding-right:10px}.stage-note.right{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}