.picker.svelte-1hd6soh{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:stretch;gap:clamp(1rem,.5rem + 2vw,2rem);display:grid}@media (width<=36rem){.picker.svelte-1hd6soh{grid-template-columns:1fr}}.swatch.svelte-1hd6soh{border:1px solid var(--border);border-radius:var(--radius-lg);min-block-size:12rem;box-shadow:var(--shadow-sm) inset;position:relative;overflow:hidden}.native.svelte-1hd6soh{cursor:pointer;position:absolute;inset:0}.native.svelte-1hd6soh input[type=color]:where(.svelte-1hd6soh){opacity:0;cursor:pointer;border:0;block-size:100%;inline-size:100%;padding:0;position:absolute;inset:0}.sr.svelte-1hd6soh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.codes.svelte-1hd6soh{align-content:start;gap:.65rem;display:grid}.row.svelte-1hd6soh{grid-template-columns:3.25rem 1fr auto;align-items:center;gap:.5rem;display:grid}.lbl.svelte-1hd6soh{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);letter-spacing:.03em}.val.svelte-1hd6soh{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--text);font-family:var(--font-mono,monospace);font-size:var(--fs-sm);padding:.55rem .7rem}.val.svelte-1hd6soh:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.cp.svelte-1hd6soh{border:1px solid var(--border);border-radius:var(--radius);block-size:2.5rem;inline-size:2.5rem;color:var(--text-muted);background:var(--surface-2);flex:none;place-items:center;display:grid}.cp.svelte-1hd6soh:hover{color:var(--accent);border-color:var(--accent)}.channels.svelte-1hd6soh{grid-template-columns:1fr 1fr;gap:.75rem;margin-block-start:.4rem;display:grid}@media (width<=28rem){.channels.svelte-1hd6soh{grid-template-columns:1fr}}.grp.svelte-1hd6soh{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.6rem;display:grid}.grp.svelte-1hd6soh label:where(.svelte-1hd6soh){font-size:var(--fs-xs,.75rem);font-weight:var(--fw-semibold);color:var(--text-faint);text-align:center;gap:.2rem;display:grid}.grp.svelte-1hd6soh input:where(.svelte-1hd6soh){border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--text);font-size:var(--fs-sm);text-align:center;padding:.35rem .25rem}.grp.svelte-1hd6soh input:where(.svelte-1hd6soh):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.actions.svelte-1hd6soh{justify-content:flex-end;align-items:center;gap:.75rem;margin-block-start:.5rem;display:flex}.copied.svelte-1hd6soh{font-size:var(--fs-sm);color:var(--accent);font-weight:var(--fw-medium)}