.gradient-ascii-module__1UF30a__root{--stage:#f6f5f8;--stage-edge:#e3e1e8;--card:#efeef2;--panel:#fff;--panel-edge:#00000012;--row:#00000009;--fill:#0000000d;--tick:#d9d6df;--handle:#000c;--label:#6a6772;--value:#17151b;--title:#17151b;--menu:#fff;--menu-edge:#e3e1e8;--menu-hover:#efedf3;--menu-shadow:#0000001f;--switch-on:#27222e;--switch-off:#0000001a;--knob-on:#fff;--knob-off:#fff;--switch-edge:#0000000f;--swatch-ring:#00000014;--replay:#ffffff9e;--replay-ink:#17151b99;--focus:#4b4655;--probe:#000;--pointer:#1c1c1e;--pointer-edge:#fff;--pointer-shadow:#0000004d;width:100%;color:var(--value);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;gap:16px;font:400 13px/19.5px Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.gradient-ascii-module__1UF30a__root{--stage:light-dark(#f6f5f8,#120f17);--stage-edge:light-dark(#e3e1e8,#2f293a);--card:light-dark(#efeef2,#1c1920);--panel:light-dark(#fff,#120f17);--panel-edge:light-dark(#00000012,#ffffff0e);--row:light-dark(#00000009,#ffffff0a);--fill:light-dark(#0000000d,#ffffff0f);--tick:light-dark(#d9d6df,#2f293a);--handle:light-dark(#000c,#ffffffe6);--label:light-dark(#6a6772,#aaa);--value:light-dark(#17151b,#fff);--title:light-dark(#17151b,#f4f4f5);--menu:light-dark(#fff,#1b1722);--menu-edge:light-dark(#e3e1e8,#2f293a);--menu-hover:light-dark(#efedf3,#373044);--menu-shadow:light-dark(#0000001f,#0006);--switch-on:light-dark(#27222e,#d4d4d8);--switch-off:light-dark(#0000001a,#ffffff14);--knob-on:light-dark(#fff,#27222e);--knob-off:light-dark(#fff,#8b8794);--switch-edge:light-dark(#0000000f,#ffffff1a);--swatch-ring:light-dark(#00000014,#ffffff14);--replay:light-dark(#ffffff9e,#26212e9e);--replay-ink:light-dark(#17151b99,#f4f4f594);--focus:light-dark(#4b4655,#d9d4e4);--probe:light-dark(#000,#fff)}}.gradient-ascii-module__1UF30a__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.gradient-ascii-module__1UF30a__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.gradient-ascii-module__1UF30a__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.gradient-ascii-module__1UF30a__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.gradient-ascii-module__1UF30a__probe{width:0;height:0;color:var(--probe);position:absolute;overflow:hidden}.gradient-ascii-module__1UF30a__frame{aspect-ratio:741/600;border:1px solid var(--stage-edge);background:var(--stage);border-radius:14px;min-height:280px;position:relative;overflow:hidden}.gradient-ascii-module__1UF30a__stage{cursor:crosshair;position:absolute;inset:0}.gradient-ascii-module__1UF30a__stage[data-failed=true]{background:radial-gradient(120% 75% at 50% 0,#a5d8ff 0%,#38bdf8 30%,#1e3fd8 55%,#0000 75%)}.gradient-ascii-module__1UF30a__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.gradient-ascii-module__1UF30a__replay{background:var(--replay);width:36px;height:36px;color:var(--replay-ink);cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:0;border-radius:8px;place-items:center;padding:0;transition:color .15s;display:grid;position:absolute;top:6px;right:6px}.gradient-ascii-module__1UF30a__replay svg{width:16px;height:16px}.gradient-ascii-module__1UF30a__replay:hover{color:var(--value)}.gradient-ascii-module__1UF30a__pointerLayer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gradient-ascii-module__1UF30a__demoPointer{opacity:0;width:22px;height:22px;filter:drop-shadow(0 1px 1.5px var(--pointer-shadow));will-change:transform;transition:opacity .3s;display:block;position:absolute;top:-2px;left:-3px}.gradient-ascii-module__1UF30a__demoPointer svg{width:22px;height:22px;fill:var(--pointer);stroke:var(--pointer-edge);transform-origin:15% 10%;transition:transform .12s;display:block;overflow:visible}.gradient-ascii-module__1UF30a__demoPointer[data-pressed=true] svg{transform:scale(.86)}.gradient-ascii-module__1UF30a__customize{background:var(--card);border:1px solid #0000;border-radius:14px;padding:4px}.gradient-ascii-module__1UF30a__customizeHead{justify-content:space-between;align-items:center;height:48px;padding:8px 12px 10.4px 14.4px;display:flex}.gradient-ascii-module__1UF30a__customizeTitle{color:var(--title);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600;line-height:21px}.gradient-ascii-module__1UF30a__reset{height:30px;color:var(--label);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:500;line-height:18px;transition:background-color .15s,color .15s;display:inline-flex}.gradient-ascii-module__1UF30a__reset svg{width:14px;height:14px}.gradient-ascii-module__1UF30a__reset[data-shown=false]{visibility:hidden}.gradient-ascii-module__1UF30a__reset:hover{background:var(--row);color:var(--value)}.gradient-ascii-module__1UF30a__panel{border:1px solid var(--panel-edge);background:var(--panel);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 12px;display:grid}@container (max-width:600px){.gradient-ascii-module__1UF30a__panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:380px){.gradient-ascii-module__1UF30a__panel{grid-template-columns:minmax(0,1fr)}.gradient-ascii-module__1UF30a__colors{grid-row:span 1}}.gradient-ascii-module__1UF30a__row{background:var(--row);width:100%;min-width:0;height:40px;color:var(--value);font:inherit;text-align:left;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative;overflow:hidden}.gradient-ascii-module__1UF30a__row:focus-visible,.gradient-ascii-module__1UF30a__reset:focus-visible,.gradient-ascii-module__1UF30a__replay:focus-visible,.gradient-ascii-module__1UF30a__iconButton:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.gradient-ascii-module__1UF30a__label{color:var(--label);white-space:nowrap;text-overflow:ellipsis;font-weight:500;position:relative;overflow:hidden}.gradient-ascii-module__1UF30a__value{color:var(--value);font-variant-numeric:tabular-nums;flex:none;font-weight:500;position:relative}.gradient-ascii-module__1UF30a__scrubber{--share:0}.gradient-ascii-module__1UF30a__fill{width:calc(var(--share) * 100%);background:var(--fill);border-radius:7px;position:absolute;top:0;bottom:0;left:0}.gradient-ascii-module__1UF30a__ticks{position:absolute;inset:0}.gradient-ascii-module__1UF30a__tick{background:var(--tick);border-radius:999px;width:1px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-ascii-module__1UF30a__handle{top:50%;left:calc(var(--share) * 100% - 7.75px);background:var(--handle);opacity:.32;border-radius:999px;width:3.5px;height:18px;transition:height .15s,opacity .15s;position:absolute;transform:translateY(-50%)}.gradient-ascii-module__1UF30a__scrubber:hover .gradient-ascii-module__1UF30a__handle,.gradient-ascii-module__1UF30a__scrubber:focus-visible .gradient-ascii-module__1UF30a__handle,.gradient-ascii-module__1UF30a__scrubber[data-dragging=true] .gradient-ascii-module__1UF30a__handle{opacity:.9;height:26px}.gradient-ascii-module__1UF30a__scrubber[data-dragging=true]{cursor:grabbing}.gradient-ascii-module__1UF30a__selectBox{min-width:0;position:relative}.gradient-ascii-module__1UF30a__selectValue{flex:none;align-items:center;gap:6px;display:inline-flex}.gradient-ascii-module__1UF30a__chevron{width:14px;height:14px;color:var(--label);transition:transform .15s}.gradient-ascii-module__1UF30a__chevron[data-open=true]{transform:rotate(180deg)}.gradient-ascii-module__1UF30a__menu{z-index:5;border:1px solid var(--menu-edge);background:var(--menu);box-shadow:0 8px 32px var(--menu-shadow);border-radius:10px;outline:none;margin:0;padding:4px;list-style:none;animation:.14s ease-out gradient-ascii-module__1UF30a__menuIn;position:absolute;top:calc(100% + 4px);left:0;right:0}@keyframes gradient-ascii-module__1UF30a__menuIn{0%{opacity:0;transform:translateY(-4px)}}.gradient-ascii-module__1UF30a__option{color:var(--label);cursor:pointer;border-radius:6px;padding:8px 12px}.gradient-ascii-module__1UF30a__option[aria-selected=true]{color:var(--value)}.gradient-ascii-module__1UF30a__option[data-active=true]{background:var(--menu-hover);color:var(--value)}.gradient-ascii-module__1UF30a__switch{border:1px solid var(--switch-edge);background:var(--switch-off);border-radius:999px;flex:none;width:36px;height:20px;transition:background-color .16s;position:relative}.gradient-ascii-module__1UF30a__switch[data-on=true]{background:var(--switch-on)}.gradient-ascii-module__1UF30a__knob{background:var(--knob-off);border-radius:999px;width:14px;height:14px;transition:transform .16s,background-color .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000003d}.gradient-ascii-module__1UF30a__switch[data-on=true] .gradient-ascii-module__1UF30a__knob{background:var(--knob-on);transform:translate(16px)}.gradient-ascii-module__1UF30a__colors{background:var(--row);border-radius:10px;flex-direction:column;grid-row:span 2;gap:8px;min-width:0;padding:7px 8px 8px;display:flex}.gradient-ascii-module__1UF30a__colorsHead{justify-content:space-between;align-items:center;height:26px;padding-left:4px;display:flex}.gradient-ascii-module__1UF30a__colorButtons{gap:2px;display:flex}.gradient-ascii-module__1UF30a__iconButton{width:26px;height:26px;color:var(--label);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.gradient-ascii-module__1UF30a__iconButton svg{width:14px;height:14px}.gradient-ascii-module__1UF30a__iconButton:hover:not(:disabled){background:var(--fill);color:var(--value)}.gradient-ascii-module__1UF30a__iconButton:disabled{opacity:.4;cursor:default}.gradient-ascii-module__1UF30a__swatches{flex:1;gap:3px;min-height:39px;display:flex}.gradient-ascii-module__1UF30a__swatch{min-width:0;box-shadow:inset 0 0 0 1px var(--swatch-ring);cursor:pointer;border-radius:4px;flex:1;position:relative}.gradient-ascii-module__1UF30a__swatch:first-child{border-radius:9px 4px 4px 9px}.gradient-ascii-module__1UF30a__swatch:last-child{border-radius:4px 9px 9px 4px}.gradient-ascii-module__1UF30a__swatch:has(:focus-visible){outline:2px solid var(--focus);outline-offset:1px}.gradient-ascii-module__1UF30a__colorInput{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.gradient-ascii-module__1UF30a__hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.gradient-ascii-module__1UF30a__handle,.gradient-ascii-module__1UF30a__knob,.gradient-ascii-module__1UF30a__switch,.gradient-ascii-module__1UF30a__chevron,.gradient-ascii-module__1UF30a__demoPointer,.gradient-ascii-module__1UF30a__demoPointer svg{transition:none}.gradient-ascii-module__1UF30a__menu{animation:none}}