.cp-inputs[data-astro-cid-goj7dhvl]{gap:var(--space-4);display:grid}@media (width>=40rem){.cp-inputs[data-astro-cid-goj7dhvl]{grid-template-columns:1fr 1fr}}.cp-input-row[data-astro-cid-goj7dhvl]{gap:var(--space-2);display:flex}.cp-input-row[data-astro-cid-goj7dhvl] input[data-astro-cid-goj7dhvl][type=text]{font-family:var(--font-mono);flex:1}.cp-input-row[data-astro-cid-goj7dhvl] input[data-astro-cid-goj7dhvl][type=color]{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex:none;width:3rem;height:2.75rem;padding:2px}.cp-input-row[data-astro-cid-goj7dhvl] input[data-astro-cid-goj7dhvl][type=color]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#cp-name[data-astro-cid-goj7dhvl]{font-family:var(--font-mono)}.cp-more[data-astro-cid-goj7dhvl]{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-4)}.cp-more[data-astro-cid-goj7dhvl] summary[data-astro-cid-goj7dhvl]{cursor:pointer;font-weight:600;font-size:var(--text-sm)}.cp-more-fields[data-astro-cid-goj7dhvl]{gap:var(--space-4);margin-top:var(--space-4);display:grid}.cp-shift[data-astro-cid-goj7dhvl]{max-width:24rem}.cp-shift[data-astro-cid-goj7dhvl] input[data-astro-cid-goj7dhvl]{accent-color:var(--accent)}.cp-title[data-astro-cid-goj7dhvl]{margin-top:var(--space-5)}.cp-title-hint[data-astro-cid-goj7dhvl]{margin:var(--space-1) 0 var(--space-3)}#cp-neutral-wrap[data-astro-cid-goj7dhvl] .cp-title[data-astro-cid-goj7dhvl]{margin-bottom:var(--space-3)}.cp-scale[data-astro-cid-goj7dhvl]{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cp-scale[data-astro-cid-goj7dhvl] .cp-shade{gap:var(--space-1);min-width:0;font-size:var(--text-xs);flex-direction:column;display:flex}.cp-scale[data-astro-cid-goj7dhvl] .cp-swatch{justify-content:space-between;align-items:flex-start;gap:var(--space-1);width:100%;min-height:4.5rem;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);font:inherit;font-weight:700;font-size:var(--text-sm);text-align:left;cursor:pointer;flex-direction:column;display:flex}.cp-scale[data-astro-cid-goj7dhvl] .cp-swatch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cp-scale[data-astro-cid-goj7dhvl] .cp-swatch[data-copied]{box-shadow:0 0 0 2px var(--success)}.cp-scale[data-astro-cid-goj7dhvl] .cp-tag{font-size:var(--text-xs);padding:0 var(--space-1);border-radius:var(--radius-sm);border:1px solid;font-weight:650}.cp-scale[data-astro-cid-goj7dhvl] .cp-hex,.cp-scale[data-astro-cid-goj7dhvl] .cp-oklch{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0}.cp-scale[data-astro-cid-goj7dhvl] .cp-hex{font-weight:600;font-size:var(--text-sm)}.cp-scale[data-astro-cid-goj7dhvl] .cp-oklch,.cp-scale[data-astro-cid-goj7dhvl] .cp-note{color:var(--text-muted);margin:0}.cp-scale[data-astro-cid-goj7dhvl] .cp-contrast{gap:2px;margin:0;display:grid}.cp-scale[data-astro-cid-goj7dhvl] .cp-contrast div{justify-content:space-between;gap:var(--space-1);display:flex}.cp-scale[data-astro-cid-goj7dhvl] .cp-contrast dt{color:var(--text-muted)}.cp-scale[data-astro-cid-goj7dhvl] .cp-contrast dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.cp-scale[data-astro-cid-goj7dhvl] .cp-contrast dd[data-pass=false]{color:var(--text-muted)}.cp-section[data-astro-cid-goj7dhvl]{margin-top:var(--space-6);gap:var(--space-2);display:grid}.cp-section[data-astro-cid-goj7dhvl]>.hint[data-astro-cid-goj7dhvl]{margin:0}.cp-harmonies[data-astro-cid-goj7dhvl]{gap:var(--space-3);display:grid}.cp-harmonies[data-astro-cid-goj7dhvl] .cp-harmony{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cp-harmonies[data-astro-cid-goj7dhvl] .cp-harmony-name{font-size:var(--text-sm);min-width:8rem;margin:0;font-weight:600}.cp-pick{align-items:center;gap:var(--space-2);font-family:var(--font-mono);display:inline-flex}.cp-dot{border:1px solid var(--border-strong);border-radius:999px;flex:none;width:1.25rem;height:1.25rem;display:inline-block}.cp-formats[data-astro-cid-goj7dhvl]{margin-top:var(--space-1)}.cp-code[data-astro-cid-goj7dhvl]{max-height:22rem}.cp-code[data-astro-cid-goj7dhvl]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cp-drop[data-astro-cid-goj7dhvl]{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-sunken);text-align:center;flex-direction:column;display:flex}.cp-drop[data-astro-cid-goj7dhvl] svg{color:var(--accent)}.cp-drop[data-astro-cid-goj7dhvl] p[data-astro-cid-goj7dhvl]{margin:0}.cp-count[data-astro-cid-goj7dhvl]{margin-top:var(--space-2)}.cp-extract[data-astro-cid-goj7dhvl]{gap:var(--space-4);align-items:start;display:grid}@media (width>=40rem){.cp-extract[data-astro-cid-goj7dhvl]{grid-template-columns:10rem minmax(0,1fr)}}.cp-thumb[data-astro-cid-goj7dhvl]{object-fit:contain;border-radius:var(--radius);border:1px solid var(--border);background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 12px 12px;width:10rem;max-width:100%;max-height:10rem}.cp-extract-list[data-astro-cid-goj7dhvl]{gap:var(--space-2);min-width:0;display:grid}.cp-found[data-astro-cid-goj7dhvl]{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cp-found[data-astro-cid-goj7dhvl] .cp-share{font-family:var(--font-sans);color:var(--text-muted);font-variant-numeric:tabular-nums}