.lead.svelte-17x6z7n{color:var(--muted);font-size:1.2rem;margin:0 0 1rem}.controls.svelte-17x6z7n{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-end;margin-bottom:1rem}.pick.svelte-17x6z7n{display:flex;flex-direction:column;gap:.3rem;font-size:1rem}.pick.svelte-17x6z7n input[type=color]:where(.svelte-17x6z7n){width:56px;height:36px;border:2px solid var(--line);background:none;cursor:pointer;padding:2px}.pick.svelte-17x6z7n code:where(.svelte-17x6z7n){font-size:.9rem;color:var(--muted)}.ctrl.svelte-17x6z7n{display:flex;flex-direction:column;gap:.3rem;font-size:1rem}select.svelte-17x6z7n{background:var(--bg-2);color:var(--ink);border:2px solid var(--line);padding:.3rem .5rem}.ramp.svelte-17x6z7n{display:flex;height:80px;border:2px solid var(--line);overflow:hidden;margin:.5rem 0 1rem}.swatch.svelte-17x6z7n{flex:1;border:none;cursor:pointer;position:relative;padding:0;transition:flex .12s}.swatch.svelte-17x6z7n:hover{flex:2.5}.label.svelte-17x6z7n{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:.7rem;font-family:monospace;color:#fff;background:#0000008c;padding:0 3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s}.swatch.svelte-17x6z7n:hover .label:where(.svelte-17x6z7n){opacity:1}.label.dark.svelte-17x6z7n{color:#000;background:#ffffff8c}.actions.svelte-17x6z7n{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}