.cn-workbench[data-astro-cid-vgpbry3e]{display:flex;flex-direction:column;gap:var(--sp-5)}.lead[data-astro-cid-vgpbry3e]{margin-bottom:0}.panel[data-astro-cid-vgpbry3e].mt-6{margin-top:var(--sp-4);padding:var(--sp-4)}.cn-top-controls[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:var(--sp-4);align-items:stretch;padding-bottom:var(--sp-3)}.cn-control-column[data-astro-cid-vgpbry3e],.cn-picker-column[data-astro-cid-vgpbry3e]{min-width:0}.cn-control-column[data-astro-cid-vgpbry3e]{display:flex;flex-direction:column}.cn-hexfield[data-astro-cid-vgpbry3e] input[data-astro-cid-vgpbry3e]{font-family:var(--font-mono)}.cn-inline-head[data-astro-cid-vgpbry3e]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:.45rem}.cn-inline-head[data-astro-cid-vgpbry3e] label[data-astro-cid-vgpbry3e]{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.18rem;line-height:1.2;color:var(--ink)}.cn-picker-hex-copy[data-astro-cid-vgpbry3e]{min-width:0;padding:.2rem 0;border:0;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-mono);font-size:.86rem;color:var(--ink);cursor:pointer;transition:color .16s ease,opacity .16s ease,transform .16s ease}.cn-picker-hex-copy[data-astro-cid-vgpbry3e]:hover{opacity:.78;transform:translateY(-1px)}.cn-quick-actions[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:0}.cn-quick-actions[data-astro-cid-vgpbry3e] .btn[data-astro-cid-vgpbry3e]{width:100%;min-width:0;white-space:nowrap}.cn-quick-actions[data-astro-cid-vgpbry3e] .cn-tool-btn[data-astro-cid-vgpbry3e]{--btn-border: #e3dacc;color:#141414}.cn-quick-actions[data-astro-cid-vgpbry3e] .cn-eyedrop-btn[data-astro-cid-vgpbry3e]{--btn-bg: #ffe292}.cn-quick-actions[data-astro-cid-vgpbry3e] .cn-random-btn[data-astro-cid-vgpbry3e]{--btn-bg: #d97757;--btn-border: #d97757;--btn-hover-bg: #ebc9b7;--btn-hover-border: #d97757}.cn-quick-actions[data-astro-cid-vgpbry3e].no-eyedropper .cn-random-btn[data-astro-cid-vgpbry3e]{grid-column:1 / -1}.cn-sliders[data-astro-cid-vgpbry3e]{margin-block:auto!important;padding-block:var(--sp-3)}.cn-slider-row[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:1.4rem minmax(0,1fr) 2.6rem auto;align-items:center;gap:.6rem;margin-bottom:.35rem}.cn-slider-row[data-astro-cid-vgpbry3e]:last-child{margin-bottom:0}.cn-slider-tag[data-astro-cid-vgpbry3e]{font-family:var(--font-mono);font-weight:700;text-align:center}.cn-range[data-astro-cid-vgpbry3e]{width:100%;min-height:34px}#cn-r[data-astro-cid-vgpbry3e]{accent-color:#f7827e}#cn-g[data-astro-cid-vgpbry3e]{accent-color:#b7e396}#cn-b[data-astro-cid-vgpbry3e]{accent-color:#71bbde}.cn-slider-val[data-astro-cid-vgpbry3e]{font-family:var(--font-mono);font-size:.9rem;color:var(--ink-dim);text-align:right}.cn-stepper[data-astro-cid-vgpbry3e]{display:inline-grid;grid-template-columns:repeat(2,1.7rem);gap:.18rem}.cn-stepper[data-astro-cid-vgpbry3e] button[data-astro-cid-vgpbry3e],.cn-picker-nudge[data-astro-cid-vgpbry3e]{min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:#faf9f5d1;color:var(--ink);font-family:var(--font-mono);font-weight:700;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.cn-stepper[data-astro-cid-vgpbry3e] button[data-astro-cid-vgpbry3e]{width:1.7rem;height:1.7rem;padding:0}.cn-stepper[data-astro-cid-vgpbry3e] button[data-astro-cid-vgpbry3e]:hover,.cn-picker-nudge[data-astro-cid-vgpbry3e]:hover{background:var(--paper);border-color:var(--ink-faint);box-shadow:0 2px 8px #1414141a;transform:translateY(-1px)}.cn-stepper[data-astro-cid-vgpbry3e] button[data-astro-cid-vgpbry3e]:active,.cn-picker-nudge[data-astro-cid-vgpbry3e]:active{transform:translateY(0)}.cn-result[data-astro-cid-vgpbry3e]{padding-top:var(--sp-5);border-top:1px solid var(--border)}.cn-result-body[data-astro-cid-vgpbry3e]{min-width:0}.cn-result-head[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.8rem,8.8rem);align-items:start;gap:.6rem}.cn-name[data-astro-cid-vgpbry3e]{font-family:var(--font-display);font-weight:700;font-size:clamp(1.45rem,4vw,2rem);line-height:1.1;color:var(--ink);word-break:break-word}.cn-teach[data-astro-cid-vgpbry3e]{color:var(--ink-dim);margin:.25rem 0 .45rem;line-height:1.38}.cn-comparison[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.65rem 0}.cn-color-value[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:4.75rem minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:.65rem;min-width:0;padding:.55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper-warm)}.cn-color-value-label[data-astro-cid-vgpbry3e]{grid-column:1 / -1;margin-bottom:.35rem;color:var(--ink-faint);font-size:.72rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.cn-compare-swatch[data-astro-cid-vgpbry3e]{width:4.75rem;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:50%;background:#c7dedc}.cn-color-value[data-astro-cid-vgpbry3e] code[data-astro-cid-vgpbry3e]{min-width:0;overflow-wrap:anywhere;font-size:.86rem}.cn-meta[data-astro-cid-vgpbry3e]{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.cn-badge[data-astro-cid-vgpbry3e]{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.02em;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--paper-warm);color:var(--ink-dim);text-decoration:none}.cn-badge-link[data-astro-cid-vgpbry3e]{color:var(--ink)}.cn-badge-link[data-astro-cid-vgpbry3e]:hover{text-decoration:underline}.cn-delta[data-astro-cid-vgpbry3e]{font-family:var(--font-mono)}.cn-copy[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:repeat(3,minmax(7.8rem,8.8rem));justify-content:start;gap:.5rem;margin-top:.6rem}.cn-copy-btn[data-astro-cid-vgpbry3e]{width:100%;min-width:0;font-size:.8rem;padding:.45rem .65rem;min-height:38px;white-space:nowrap}.cn-copy-all[data-astro-cid-vgpbry3e]{width:100%}.cn-alts[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}.cn-alts[data-astro-cid-vgpbry3e] .cn-alt{width:100%;min-width:0;justify-content:center;box-shadow:none;overflow:hidden}.cn-alts[data-astro-cid-vgpbry3e] .cn-alt-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-alts[data-astro-cid-vgpbry3e] .tag-hex{flex:0 0 auto}.cn-alts[data-astro-cid-vgpbry3e] .cn-alt:hover{transform:translateY(-1px)}.cn-sweep-wrap[data-astro-cid-vgpbry3e]{margin-top:0;padding-top:var(--sp-5);padding-bottom:var(--sp-2);border-top:1px solid var(--border)}.cn-sweep-head[data-astro-cid-vgpbry3e]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:.45rem}.cn-sweep-label[data-astro-cid-vgpbry3e]{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.18rem;line-height:1.2;color:var(--ink)}.cn-sweep-copy[data-astro-cid-vgpbry3e]{min-height:38px;min-width:7.5rem;padding:.45rem .65rem;font-size:.8rem;white-space:nowrap}.cn-sweep[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem}.cn-shades-wrap[data-astro-cid-vgpbry3e]{padding-top:var(--sp-4)}.cn-shades[data-astro-cid-vgpbry3e]{grid-template-columns:repeat(5,minmax(0,1fr))}.cn-axis-sweep[data-astro-cid-vgpbry3e]{grid-template-columns:repeat(6,minmax(0,1fr))}.cn-sweep[data-astro-cid-vgpbry3e] .cn-sweep-chip{display:flex;align-items:center;justify-content:center;min-width:0;min-height:1.8rem;padding:.28rem .62rem;border:1px solid var(--border);border-radius:999px;background:var(--tag-bg);color:var(--tag-color);cursor:pointer;overflow:hidden;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.cn-sweep[data-astro-cid-vgpbry3e] .cn-sweep-chip:hover{border-color:var(--ink-faint);box-shadow:0 2px 8px #14141414;transform:translateY(-1px)}.cn-sweep[data-astro-cid-vgpbry3e] .cn-sweep-chip.is-current{border-color:var(--border);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 20%,var(--paper))}.cn-sweep[data-astro-cid-vgpbry3e] .cn-sweep-chip:focus-visible{outline:none;box-shadow:var(--focus)}.cn-sweep[data-astro-cid-vgpbry3e] .cn-sweep-hex{display:block;font-family:var(--font-mono);font-size:clamp(.58rem,.9vw,.72rem);line-height:1.1;text-align:center;color:inherit}.cn-picker-stage[data-astro-cid-vgpbry3e]{--picker-nudge-size: 1.85rem;--picker-nudge-gap: .52rem;position:relative;max-width:17rem;margin-inline:auto;padding:calc(var(--picker-nudge-size) + var(--picker-nudge-gap))}.cn-picker-sv[data-astro-cid-vgpbry3e]{position:relative;width:100%;aspect-ratio:1 / 1;border:1px solid color-mix(in srgb,var(--ink) 12%,var(--paper));border-radius:var(--radius);background:#00ffea;background-clip:padding-box;outline:1px solid color-mix(in srgb,var(--ink) 12%,var(--paper));outline-offset:0;cursor:crosshair;overflow:hidden;touch-action:none}.cn-picker-sv-white[data-astro-cid-vgpbry3e],.cn-picker-sv-black[data-astro-cid-vgpbry3e]{position:absolute;inset:0}.cn-picker-sv-white[data-astro-cid-vgpbry3e]{background:linear-gradient(to right,#fff,#fff0)}.cn-picker-sv-black[data-astro-cid-vgpbry3e]{background:linear-gradient(to top,#000,#0000)}.cn-picker-knob[data-astro-cid-vgpbry3e]{position:absolute;left:100%;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000006b;pointer-events:none}.cn-picker-nudge[data-astro-cid-vgpbry3e]{position:absolute;z-index:3;width:var(--picker-nudge-size);height:var(--picker-nudge-size);padding:0;background:#faf9f5bd;backdrop-filter:blur(4px)}.cn-picker-nudge-up[data-astro-cid-vgpbry3e]{top:var(--picker-nudge-gap);left:50%;transform:translate(-50%)}.cn-picker-nudge-down[data-astro-cid-vgpbry3e]{bottom:var(--picker-nudge-gap);left:50%;transform:translate(-50%)}.cn-picker-nudge-left[data-astro-cid-vgpbry3e]{left:var(--picker-nudge-gap);top:50%;transform:translateY(-50%)}.cn-picker-nudge-right[data-astro-cid-vgpbry3e]{right:var(--picker-nudge-gap);top:50%;transform:translateY(-50%)}.cn-picker-nudge-up[data-astro-cid-vgpbry3e]:hover,.cn-picker-nudge-down[data-astro-cid-vgpbry3e]:hover{transform:translate(-50%) translateY(-1px)}.cn-picker-nudge-left[data-astro-cid-vgpbry3e]:hover,.cn-picker-nudge-right[data-astro-cid-vgpbry3e]:hover{transform:translateY(-50%) translateY(-1px)}.cn-picker-slider-label[data-astro-cid-vgpbry3e]{display:block;margin:0 0 .25rem;color:var(--ink-faint);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cn-hue-column[data-astro-cid-vgpbry3e]{grid-column:1 / -1;min-width:0;margin-top:-.15rem}.cn-hue-row[data-astro-cid-vgpbry3e]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem}.cn-picker-hue[data-astro-cid-vgpbry3e]{-webkit-appearance:none;appearance:none;width:100%;height:14px;border:1px solid var(--border);border-radius:999px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);outline:none}.cn-picker-hue[data-astro-cid-vgpbry3e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border:2px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0000003d;cursor:pointer}.cn-picker-hue[data-astro-cid-vgpbry3e]::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--ink);border-radius:50%;background:#fff;cursor:pointer}.cn-page-head[data-astro-cid-vgpbry3e]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.cn-page-head[data-astro-cid-vgpbry3e] h1[data-astro-cid-vgpbry3e]{margin:0}.cn-copy-page[data-astro-cid-vgpbry3e]{flex:0 0 auto;margin-top:.2rem}.cn-faq[data-astro-cid-vgpbry3e]{margin-bottom:var(--sp-4)}.cn-faq[data-astro-cid-vgpbry3e] h3[data-astro-cid-vgpbry3e]{margin-bottom:.2rem}.cn-faq[data-astro-cid-vgpbry3e] p[data-astro-cid-vgpbry3e]{margin:0;color:var(--ink-dim)}@media(max-width:560px){.cn-top-controls[data-astro-cid-vgpbry3e],.cn-result-head[data-astro-cid-vgpbry3e]{grid-template-columns:1fr}.cn-color-value[data-astro-cid-vgpbry3e]{grid-template-columns:3rem minmax(0,1fr);column-gap:.45rem;padding:.45rem}.cn-compare-swatch[data-astro-cid-vgpbry3e]{width:3rem}.cn-color-value[data-astro-cid-vgpbry3e] code[data-astro-cid-vgpbry3e]{font-size:.76rem}.cn-copy[data-astro-cid-vgpbry3e]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.cn-copy-all[data-astro-cid-vgpbry3e]{width:100%}.cn-sweep[data-astro-cid-vgpbry3e]{grid-template-columns:repeat(4,minmax(0,1fr))}.cn-shades[data-astro-cid-vgpbry3e]{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-axis-sweep[data-astro-cid-vgpbry3e]{grid-template-columns:repeat(3,minmax(0,1fr))}.cn-sweep[data-astro-cid-vgpbry3e] .cn-sweep-chip{min-height:1.8rem}}