.cp-grid[data-astro-cid-udnyootf]{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:var(--sp-5);align-items:start}.cp-controls[data-astro-cid-udnyootf]{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.cp-sv[data-astro-cid-udnyootf]{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius);border:1px solid var(--border);background:#0080ff;overflow:hidden;touch-action:none;cursor:crosshair}.cp-sv-white[data-astro-cid-udnyootf],.cp-sv-black[data-astro-cid-udnyootf]{position:absolute;inset:0}.cp-sv-white[data-astro-cid-udnyootf]{background:linear-gradient(to right,#fff,#fff0)}.cp-sv-black[data-astro-cid-udnyootf]{background:linear-gradient(to top,#000,#0000)}.cp-sv-knob[data-astro-cid-udnyootf]{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;pointer-events:none;left:100%;top:0}.cp-slider-label[data-astro-cid-udnyootf]{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:-.4rem}.cp-hue[data-astro-cid-udnyootf]{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);outline:none}.cp-alpha-wrap[data-astro-cid-udnyootf]{position:relative;border-radius:999px;border:1px solid var(--border);overflow:hidden;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.cp-alpha-fill[data-astro-cid-udnyootf]{position:absolute;inset:0;pointer-events:none}.cp-alpha[data-astro-cid-udnyootf]{-webkit-appearance:none;appearance:none;position:relative;width:100%;height:16px;background:transparent;outline:none;margin:0;display:block}.cp-hue[data-astro-cid-udnyootf]::-webkit-slider-thumb,.cp-alpha[data-astro-cid-udnyootf]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 0 0 1px #00000040;cursor:pointer}.cp-hue[data-astro-cid-udnyootf]::-moz-range-thumb,.cp-alpha[data-astro-cid-udnyootf]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:pointer}.cp-readout[data-astro-cid-udnyootf]{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.cp-preview[data-astro-cid-udnyootf]{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.cp-preview-swatch[data-astro-cid-udnyootf]{width:100%;height:84px;background:#1e90ff}.cp-fields[data-astro-cid-udnyootf]{display:flex;flex-direction:column;gap:var(--sp-3)}.cp-row[data-astro-cid-udnyootf]{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem .85rem}.cp-tag[data-astro-cid-udnyootf]{flex:none;width:3.4rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-dim)}.cp-val[data-astro-cid-udnyootf]{flex:1 1 13rem;min-width:0;font-family:var(--font-mono);font-size:.92rem;padding:.4rem .55rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper-warm);overflow-x:auto;white-space:nowrap}.cp-copy[data-astro-cid-udnyootf]{flex:none;margin-left:auto}.cp-history-wrap[data-astro-cid-udnyootf]{display:flex;flex-direction:column;gap:.3rem}.cp-history-label[data-astro-cid-udnyootf]{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}.cp-history[data-astro-cid-udnyootf]{display:flex;flex-wrap:wrap;gap:.4rem;min-height:1.6rem}.cp-history[data-astro-cid-udnyootf]:empty:after{content:"Colors you pick will appear here.";font-size:.8rem;color:var(--ink-faint)}.cp-chip[data-astro-cid-udnyootf]{width:1.6rem;height:1.6rem;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:0;flex:none}@media(max-width:600px){.cp-grid[data-astro-cid-udnyootf]{grid-template-columns:1fr}.cp-controls[data-astro-cid-udnyootf]{max-width:360px;margin:0 auto;width:100%}.cp-copy[data-astro-cid-udnyootf]{margin-left:0}}