.color-picker-widget[data-astro-cid-6e52aaue]{margin:2rem 0;container-type:inline-size}.cp-drop[data-astro-cid-6e52aaue]{margin-bottom:1rem}.cp-drop[data-astro-cid-6e52aaue].is-compact .drop-zone{padding:.85rem 1rem}.cp-drop[data-astro-cid-6e52aaue].is-compact .drop-zone svg{margin-bottom:0;vertical-align:middle;block-size:1.4rem;inline-size:1.4rem;margin-inline-end:.5rem}.cp-drop[data-astro-cid-6e52aaue].is-compact .drop-zone p{margin:0 .75rem 0 0;font-size:.9rem;display:inline}.cp-drop[data-astro-cid-6e52aaue].is-compact .drop-zone small{display:none}.cp-drop[data-astro-cid-6e52aaue].is-compact .drop-zone button{inline-size:auto;margin-bottom:0;display:inline-flex}.cp-workspace[data-astro-cid-6e52aaue]{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;animation:.25s cp-fade;display:grid}.cp-workspace[data-astro-cid-6e52aaue][hidden]{display:none}@container (width>=900px){.cp-workspace[data-astro-cid-6e52aaue]{grid-template-columns:minmax(0,1fr) 320px}.cp-palette[data-astro-cid-6e52aaue]{position:sticky;top:1rem}}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cp-toolbar[data-astro-cid-6e52aaue]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.cp-format[data-astro-cid-6e52aaue]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cp-format-label[data-astro-cid-6e52aaue]{color:var(--muted);font-size:.8rem}.cp-seg[data-astro-cid-6e52aaue]{border:1.5px solid var(--line-strong);display:inline-flex}.cp-seg[data-astro-cid-6e52aaue] label[data-astro-cid-6e52aaue]{cursor:pointer;margin:0;position:relative}.cp-seg[data-astro-cid-6e52aaue] input[data-astro-cid-6e52aaue]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cp-seg[data-astro-cid-6e52aaue] span[data-astro-cid-6e52aaue]{font-family:var(--font-mono,monospace);color:var(--muted);border-inline-end:1px solid var(--line);padding:.3rem .6rem;font-size:.75rem;display:block}.cp-seg[data-astro-cid-6e52aaue] label[data-astro-cid-6e52aaue]:last-child span[data-astro-cid-6e52aaue]{border-inline-end:0}.cp-seg[data-astro-cid-6e52aaue] input[data-astro-cid-6e52aaue]:checked+span[data-astro-cid-6e52aaue]{background:var(--pri);color:var(--pri-ink)}.cp-seg[data-astro-cid-6e52aaue] input[data-astro-cid-6e52aaue]:focus-visible+span[data-astro-cid-6e52aaue]{outline:2px solid var(--focus);outline-offset:-2px}.cp-view[data-astro-cid-6e52aaue]{align-items:center;gap:.375rem;display:flex}.cp-icon-btn[data-astro-cid-6e52aaue]{block-size:2.1rem;inline-size:2.1rem;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;font-size:1.1rem;font-weight:600;line-height:1;display:inline-flex}.cp-remove[data-astro-cid-6e52aaue]:hover{color:var(--err);border-color:var(--err)}.cp-zoom-level[data-astro-cid-6e52aaue]{font-family:var(--font-mono,monospace);color:var(--muted);text-align:center;min-width:3.5rem;font-size:.8rem}.cp-grid-toggle[data-astro-cid-6e52aaue]{align-items:center;gap:.375rem;margin:0 .25rem;font-size:.85rem;display:flex}.cp-grid-toggle[data-astro-cid-6e52aaue] input[data-astro-cid-6e52aaue]{margin:0}.cp-canvas-wrapper[data-astro-cid-6e52aaue]{border:1.5px solid var(--line);background:repeating-conic-gradient(var(--field-bg) 0 25%,var(--surface) 0 50%) 0 0 / 16px 16px;overscroll-behavior:contain;min-height:200px;max-height:min(70vh,640px);display:flex;overflow:auto}.cp-canvas-inner[data-astro-cid-6e52aaue]{flex:none;margin:auto;position:relative}#imageCanvas[data-astro-cid-6e52aaue]{cursor:crosshair;image-rendering:pixelated;display:block}.cp-grid-overlay[data-astro-cid-6e52aaue]{pointer-events:none;--cp-grid:color-mix(in srgb, var(--muted) 55%, transparent);background-image:linear-gradient(to right,var(--cp-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--cp-grid) 1px,transparent 1px);position:absolute;inset:0}.cp-grid-overlay[data-astro-cid-6e52aaue][hidden]{display:none}.cp-instruction[data-astro-cid-6e52aaue]{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.85rem;display:flex}.cp-status[data-astro-cid-6e52aaue]{font-family:var(--font-mono,monospace);color:var(--ok);margin-inline-start:auto;font-size:.8rem}.cp-loupe[data-astro-cid-6e52aaue]{z-index:1000;pointer-events:none;background:var(--surface);border:1.5px solid var(--line-strong);box-shadow:var(--shadow-card);display:none;position:fixed}.cp-loupe[data-astro-cid-6e52aaue].visible{display:block}.cp-loupe[data-astro-cid-6e52aaue] canvas[data-astro-cid-6e52aaue]{block-size:132px;inline-size:132px;image-rendering:pixelated;display:block}.cp-loupe-label[data-astro-cid-6e52aaue]{border-top:1.5px solid var(--line-strong);max-inline-size:132px;font-family:var(--font-mono,monospace);color:var(--ink);white-space:nowrap;align-items:center;gap:.4rem;padding:.3rem .4rem;font-size:.68rem;display:flex;overflow:hidden}.cp-loupe-label[data-astro-cid-6e52aaue].is-copied{color:var(--ok)}.cp-loupe-chip[data-astro-cid-6e52aaue]{border:1px solid var(--line-strong);flex:none;block-size:.8rem;inline-size:.8rem}.cp-palette[data-astro-cid-6e52aaue]{border:1.5px solid var(--line);background:var(--surface)}.cp-tabs[data-astro-cid-6e52aaue]{border-bottom:1.5px solid var(--line-strong);display:flex}.cp-tab[data-astro-cid-6e52aaue]{border:0;border-inline-end:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;flex:1 1 0;justify-content:center;align-items:center;gap:.4rem;width:auto;margin:0;padding:.65rem .5rem;font-family:Saira Condensed,sans-serif;font-size:.95rem;line-height:1.15;display:inline-flex}.cp-tab[data-astro-cid-6e52aaue]:last-child{border-inline-end:0}.cp-tab[data-astro-cid-6e52aaue][aria-selected=true]{background:var(--pri);color:var(--pri-ink)}.cp-count[data-astro-cid-6e52aaue]{font-family:var(--font-mono,monospace);border:1px solid;padding:.05rem .35rem;font-size:.7rem}.cp-panel[data-astro-cid-6e52aaue]{padding:1rem;position:relative}.cp-panel[data-astro-cid-6e52aaue][hidden]{display:none}.cp-panel-help[data-astro-cid-6e52aaue]{justify-content:flex-end;margin:-.5rem -.5rem .25rem 0;display:flex}.cp-empty[data-astro-cid-6e52aaue]{color:var(--muted);text-align:center;margin:0;padding:1rem 0;font-size:.85rem}.cp-chips[data-astro-cid-6e52aaue]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.5rem;display:grid}.cp-chips[data-astro-cid-6e52aaue]:empty{display:none}.cp-clear[data-astro-cid-6e52aaue]{width:100%;margin:.75rem 0 0;padding:.4rem .75rem;font-size:.8rem}.cp-clear[data-astro-cid-6e52aaue][hidden]{display:none}.cp-chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;flex-direction:column;align-items:stretch;gap:0;width:auto;min-width:0;margin:0;padding:0;display:flex}.cp-chip:hover{border-color:var(--line-strong);background:var(--surface);color:var(--ink)}.cp-chip[aria-pressed=true]{border-color:var(--pri);box-shadow:0 0 0 1.5px var(--pri)}.cp-chip-color{block-size:40px;display:block}.cp-chip-hex{font-family:var(--font-mono,monospace);text-align:center;border-top:1px solid var(--line);padding:.2rem .1rem;font-size:.65rem;display:block}.cp-detail[data-astro-cid-6e52aaue]{border-top:1.5px dashed var(--line);padding:1rem}.cp-detail[data-astro-cid-6e52aaue][hidden]{display:none}.cp-detail-preview[data-astro-cid-6e52aaue]{border:1.5px solid var(--line-strong);justify-content:center;align-items:center;block-size:64px;margin-bottom:.75rem;display:flex}.cp-detail-preview[data-astro-cid-6e52aaue] span[data-astro-cid-6e52aaue]{font-family:var(--font-mono,monospace);background:color-mix(in srgb,currentColor 12%,transparent);padding:.2rem .5rem;font-size:.85rem;font-weight:600}.cp-detail-rows[data-astro-cid-6e52aaue]{flex-direction:column;gap:.25rem;display:flex}.cp-row{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.cp-row-label{min-width:2.2rem;color:var(--muted);font-size:.7rem;font-weight:600}.cp-row.is-preferred .cp-row-label{color:var(--pri)}.cp-row-value{min-width:0;font-family:var(--font-mono,monospace);background:var(--field-bg);overflow-wrap:anywhere;flex:1;padding:.25rem .5rem;font-size:.72rem}.cp-copy-btn{block-size:28px;inline-size:28px;min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.cp-copy-btn:hover{color:var(--pri);background:var(--pri-soft)}.cp-copy-btn svg{width:15px;height:15px}