:root{--color-green-10: #0e1b17;--color-green-30: #3c4642;--color-green-40: #4a5551;--color-green-50: #5a6560;--color-green-60: #6b756f;--color-green-70: #7c8781;--color-green-80: #c2d2cb;--color-green-100: #68706c;--color-green-110: #5b6360;--color-green-180: #cfdcd6;--color-green-190: #dde7e2;--color-green-200: #e7eeea;--color-green-210: #eef3f0;--color-green-220: #f5f8f6;--color-green-240: #ffffff;--color-green-270: #eff3f1;--color-neon-green: hsl(145, 100%, 40%);--color-coral-60: #d2603a;--pg-page: #f7faf8;--pg-panel: var(--color-green-240);--pg-glass: rgba(255, 255, 255, .8);--pg-raised: var(--color-green-220);--pg-inset: var(--color-green-210);--pg-line: #e2eae6;--pg-line-soft: #d3e0da;--pg-hi: rgba(255, 255, 255, .9);--pg-text: var(--color-green-10);--pg-dim: #5c6763;--pg-faint: #8b9a94;--pg-brand: var(--color-neon-green);--pg-brand-ink: #06170e;--pg-brand-glow: rgba(0, 204, 85, .55);--pg-brand-halo: rgba(0, 204, 85, .14);--pg-stage: #eef2f0;--pg-stage-dot: rgba(14, 27, 23, .075);--font-geist: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-barlow: "Barlow", ui-sans-serif, system-ui, sans-serif;--radius: .625rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-pop: cubic-bezier(.34, 1.25, .64, 1);--duration-fast: .15s;--duration-base: .2s}.dark{--color-green-10: #fdfdfd;--color-green-30: #b0bdb5;--color-green-40: #93a39b;--color-green-50: #758a80;--color-green-60: #587066;--color-green-70: #3b554c;--color-green-80: #1f3a31;--color-green-100: #939796;--color-green-110: #878b8a;--color-green-180: #333e3b;--color-green-190: #273430;--color-green-200: #1a2924;--color-green-210: #0e1e19;--color-green-220: #0c1a18;--color-green-240: #091313;--color-green-270: #030708;--color-neon-green: hsl(145, 100%, 50%);--color-coral-60: #e97a50;--pg-page: #040a09;--pg-panel: #080f0f;--pg-glass: rgba(8, 15, 15, .78);--pg-raised: var(--color-green-220);--pg-inset: #0a1414;--pg-line: #16211e;--pg-line-soft: #22302c;--pg-hi: rgba(253, 253, 253, .035);--pg-text: var(--color-green-10);--pg-dim: var(--color-green-100);--pg-faint: var(--color-green-60);--pg-brand: var(--color-neon-green);--pg-brand-ink: #061009;--pg-brand-glow: rgba(0, 255, 106, .55);--pg-brand-halo: rgba(0, 255, 106, .16);--pg-stage: #050e0d;--pg-stage-dot: rgba(253, 253, 253, .055)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-geist);background:var(--pg-page);color:var(--pg-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pg-line-soft);border-radius:999px}:focus-visible{outline:2px solid var(--pg-brand);outline-offset:2px;border-radius:8px}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pg{container-type:inline-size;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--pg-page);background-image:radial-gradient(880px 420px at 68% -8%,var(--pg-brand-halo),transparent 62%)}.pg-body{display:flex;flex-wrap:nowrap;flex:1;min-height:0;align-items:stretch}.pg-rail{width:348px;flex-shrink:0;order:1;min-height:0;overflow-y:auto;background:var(--pg-panel);border-right:1px solid var(--pg-line);padding:18px}.pg-centre{flex:1 1 480px;min-width:0;order:2;display:flex;flex-direction:column;min-height:0}.pg-stage-wrap{flex:1 1 auto;min-height:300px;min-width:0;display:flex;flex-direction:column;padding:18px 20px 0}.pg-code-wrap{height:318px;flex-shrink:0;min-width:0;display:flex;flex-direction:column;padding:15px 20px 18px}.pg-code-scroll{flex:1;min-height:0;min-width:0;overflow:auto;border-radius:18px;border:1px solid var(--pg-line);background:var(--pg-inset);box-shadow:inset 0 1px 0 var(--pg-hi);padding:15px 17px}.pg-hide-lap{display:flex}.pg-row-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg-palette{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.pg-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@container (max-width: 1199px){.pg{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.pg-rail{width:320px;overflow-y:visible}.pg-centre{flex:1 1 380px}.pg-hide-lap{display:none}.pg-palette{grid-template-columns:repeat(6,minmax(0,1fr))}}@container (max-width: 759px){.pg-body{flex-direction:column;flex-wrap:nowrap}.pg-rail{width:100%;order:2;border-right:0;border-top:1px solid var(--pg-line)}.pg-centre{order:1;flex:0 0 auto}.pg-stage-wrap{min-height:340px}.pg-code-wrap{height:300px}.pg-row-2{grid-template-columns:minmax(0,1fr)}.pg-palette{grid-template-columns:repeat(9,minmax(0,1fr))}}@container (max-width: 479px){.pg-palette{grid-template-columns:repeat(6,minmax(0,1fr))}}