.oklch-input.svelte-s6jauc{width:100%}.row.svelte-s6jauc{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:inherit;transition:background-color var(--duration-fast) ease;background:0 0;border:none;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.row.svelte-s6jauc:hover{background:color-mix(in srgb, var(--color-muted) 10%, transparent)}.swatch.svelte-s6jauc{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-shrink:0;width:28px;height:28px;display:block}.label.svelte-s6jauc{font-size:var(--text-fluid-xs);color:var(--color-fg);flex-shrink:0;min-width:8rem;font-weight:500}.value-string.svelte-s6jauc{font-size:var(--text-fluid-xs);font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chevron.svelte-s6jauc{color:var(--color-muted);transition:transform var(--duration-fast) ease;flex-shrink:0;align-items:center;display:flex}.chevron.rotated.svelte-s6jauc{transform:rotate(180deg)}.sliders.svelte-s6jauc{flex-direction:column;gap:.5rem;padding:.5rem .5rem .75rem;display:flex}.slider-row.svelte-s6jauc{align-items:center;gap:.5rem;display:flex}.axis-label.svelte-s6jauc{font-size:var(--text-fluid-xs);font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-muted);text-align:center;flex-shrink:0;width:1rem}.track-wrap.svelte-s6jauc{border-radius:var(--radius-full);flex:1;align-items:center;height:.5rem;display:flex;position:relative;overflow:visible}.range-input.svelte-s6jauc{cursor:pointer;opacity:1;appearance:none;border-radius:var(--radius-full);background:0 0;width:100%;height:.5rem;margin:0;position:absolute;inset:50% 0 0;transform:translateY(-50%)}.range-input.svelte-s6jauc::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-primary);width:1rem;height:1rem;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:50%}.range-input.svelte-s6jauc::-moz-range-thumb{border:2px solid var(--color-primary);width:1rem;height:1rem;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:50%}.range-input.svelte-s6jauc::-webkit-slider-runnable-track{background:0 0}.range-input.svelte-s6jauc::-moz-range-track{background:0 0}.range-input.svelte-s6jauc:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-full)}.axis-value.svelte-s6jauc{font-size:var(--text-fluid-xs);font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-muted);text-align:right;flex-shrink:0;width:3.5rem}.hex-row.svelte-s6jauc{align-items:center;gap:.5rem;display:flex}.hex-input.svelte-s6jauc{border-radius:var(--radius-sm);border:1px solid var(--color-input-border);background:var(--color-input);width:6rem;color:var(--color-fg);font-size:var(--text-fluid-xs);padding:.25rem .5rem}.hex-input.svelte-s6jauc:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dark .range-input.svelte-s6jauc::-webkit-slider-thumb{background:var(--color-fg)}.dark .range-input.svelte-s6jauc::-moz-range-thumb{background:var(--color-fg)}