.colors-page[data-astro-cid-mwqxqlcd]{width:min(620px,100% - 32px);margin:8px auto 0}h1[data-astro-cid-mwqxqlcd]{letter-spacing:-.04em;margin:0;font-size:1.6rem}.help[data-astro-cid-mwqxqlcd]{color:var(--muted);margin:4px 0 14px;font-size:.9rem;line-height:1.45}.mode[data-astro-cid-mwqxqlcd]{gap:6px;margin:0 0 10px;display:flex}.mode[data-astro-cid-mwqxqlcd] button[data-astro-cid-mwqxqlcd]{border:1px solid var(--line);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-weight:700}.mode[data-astro-cid-mwqxqlcd] button[data-astro-cid-mwqxqlcd][aria-pressed=true]{background:var(--text);color:var(--bg)}.mode-note[data-astro-cid-mwqxqlcd]{color:var(--muted);margin:0 0 10px;font-size:.8rem}.history[data-astro-cid-mwqxqlcd]{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:10px 0 0;display:grid}.history-label[data-astro-cid-mwqxqlcd]{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6rem;font-weight:800}.history-slots[data-astro-cid-mwqxqlcd]{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.history-slot[data-astro-cid-mwqxqlcd]{border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:6px;height:28px;padding:0}.history-slot[data-astro-cid-mwqxqlcd].filled{border:0;box-shadow:inset 0 0 0 1px #ffffff1f}.history-slot[data-astro-cid-mwqxqlcd]:disabled{cursor:default}h2[data-astro-cid-mwqxqlcd]{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:22px 0 10px;font-size:.72rem;font-weight:700}.current[data-astro-cid-mwqxqlcd]{z-index:5;border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:12px;margin:0 -8px;padding:10px 8px;display:flex;position:sticky;top:0}.current-swatch[data-astro-cid-mwqxqlcd]{background:var(--picked,#ef3636);border-radius:14px;flex:none;width:60px;height:60px;box-shadow:inset 0 0 0 1px #ffffff2e}.current-text[data-astro-cid-mwqxqlcd]{flex:1;min-width:0;display:grid}.current-hex[data-astro-cid-mwqxqlcd]{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:800}.current-rgb[data-astro-cid-mwqxqlcd]{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.copy-button[data-astro-cid-mwqxqlcd]{flex:none;padding:0 20px}.workspace[data-astro-cid-mwqxqlcd]{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.main[data-astro-cid-mwqxqlcd]{min-width:0}.rail[data-astro-cid-mwqxqlcd]{overscroll-behavior:contain;scrollbar-width:none;gap:12px;max-height:calc(100svh - 104px);margin-top:22px;display:grid;position:sticky;top:92px;overflow-y:auto}.rail[data-astro-cid-mwqxqlcd]::-webkit-scrollbar{display:none}.rail-group[data-astro-cid-mwqxqlcd]{gap:3px;display:grid}.rail-label[data-astro-cid-mwqxqlcd]{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.52rem;font-weight:800;overflow:hidden}.rail-swatch[data-astro-cid-mwqxqlcd]{cursor:pointer;border:0;border-radius:6px;height:32px;padding:0;box-shadow:inset 0 0 0 1px #ffffff14}.rail-swatch[data-astro-cid-mwqxqlcd].is-picked{box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--text)}.rail-swatch[data-astro-cid-mwqxqlcd]:focus-visible{outline:2px solid var(--text);outline-offset:2px}.swatches[data-astro-cid-mwqxqlcd]{grid-template-columns:repeat(8,1fr);grid-auto-rows:40px;gap:3px;display:grid}.swatches[data-astro-cid-mwqxqlcd][hidden],.mode-note[data-astro-cid-mwqxqlcd][hidden]{display:none}.swatch[data-astro-cid-mwqxqlcd]{cursor:pointer;border:0;border-radius:6px;min-width:0;padding:0;box-shadow:inset 0 0 0 1px #ffffff0f}.swatch[data-astro-cid-mwqxqlcd][aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--text);z-index:1;position:relative}.sv-area[data-astro-cid-mwqxqlcd]{touch-action:none;cursor:crosshair;background:linear-gradient(to top,#000,transparent), linear-gradient(to right,#fff,var(--hue,red));border-radius:12px;height:180px;position:relative}.hue-strip[data-astro-cid-mwqxqlcd]{touch-action:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;height:36px;margin-top:12px;position:relative}.handle[data-astro-cid-mwqxqlcd]{background:var(--picked,transparent);pointer-events:none;border:3px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 2px 6px #00000080}.hue-strip[data-astro-cid-mwqxqlcd] .handle[data-astro-cid-mwqxqlcd]{background:0 0;top:50%}.sliders[data-astro-cid-mwqxqlcd]{gap:14px;margin-top:18px;display:grid}fieldset[data-astro-cid-mwqxqlcd]{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:0;padding:6px 14px 10px}legend[data-astro-cid-mwqxqlcd]{color:var(--muted);letter-spacing:.16em;padding:0 6px;font-size:.72rem;font-weight:700}.slider[data-astro-cid-mwqxqlcd]{grid-template-columns:1.2rem 1fr 2.6rem;align-items:center;gap:10px;font-weight:700;display:grid}.slider[data-astro-cid-mwqxqlcd] output[data-astro-cid-mwqxqlcd]{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}input[data-astro-cid-mwqxqlcd][type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;margin:0}input[data-astro-cid-mwqxqlcd][type=range]::-webkit-slider-runnable-track{background:var(--track);border-radius:999px;height:14px;box-shadow:inset 0 0 0 1px #ffffff1a}input[data-astro-cid-mwqxqlcd][type=range]::-moz-range-track{background:var(--track);border-radius:999px;height:14px}input[data-astro-cid-mwqxqlcd][type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:-5px;box-shadow:0 0 0 1px #00000080,0 1px 4px #00000080}input[data-astro-cid-mwqxqlcd][type=range]::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #00000080}.hex-field[data-astro-cid-mwqxqlcd]{color:var(--muted);gap:6px;margin-top:18px;font-size:.85rem;font-weight:700;display:grid}.hex-field[data-astro-cid-mwqxqlcd] input[data-astro-cid-mwqxqlcd]{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--text);letter-spacing:.04em;text-transform:uppercase;border-radius:12px;padding:0 14px;font-size:1.1rem;font-weight:700}.mode[data-astro-cid-mwqxqlcd] button[data-astro-cid-mwqxqlcd]:focus-visible,.history-slot[data-astro-cid-mwqxqlcd]:focus-visible,.swatch[data-astro-cid-mwqxqlcd]:focus-visible,.sv-area[data-astro-cid-mwqxqlcd]:focus-visible,.hue-strip[data-astro-cid-mwqxqlcd]:focus-visible,.copy-button[data-astro-cid-mwqxqlcd]:focus-visible,.hex-field[data-astro-cid-mwqxqlcd] input[data-astro-cid-mwqxqlcd]:focus-visible{outline:2px solid var(--text);outline-offset:2px}input[data-astro-cid-mwqxqlcd][type=range]:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:8px}.toast[data-astro-cid-mwqxqlcd]{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:20;background:var(--text);color:var(--bg);opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:800;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,10px)}.toast[data-astro-cid-mwqxqlcd].visible{opacity:1;transform:translate(-50%)}@media (width>=540px){.colors-page[data-astro-cid-mwqxqlcd]{margin-top:24px}h1[data-astro-cid-mwqxqlcd]{font-size:2rem}.swatches[data-astro-cid-mwqxqlcd]{grid-template-rows:repeat(8,40px);grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column}.sv-area[data-astro-cid-mwqxqlcd]{height:220px}}@media (prefers-reduced-motion:reduce){.toast[data-astro-cid-mwqxqlcd]{transition:none}}