.color-ramp-dialog.svelte-vrr4c2{flex-direction:column;gap:24px;display:flex}.section.svelte-vrr4c2{flex-direction:column;gap:8px;display:flex}.section-title.svelte-vrr4c2{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.section-description.svelte-vrr4c2{color:var(--text-secondary);margin:0;font-size:11px}.interpolation-options.svelte-vrr4c2{flex-wrap:wrap;gap:8px;display:flex}.radio-option.svelte-vrr4c2{background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.radio-option.svelte-vrr4c2:hover{background:var(--button-bg-hover)}.radio-option.selected.svelte-vrr4c2{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.radio-option.svelte-vrr4c2 input:where(.svelte-vrr4c2){display:none}.radio-label.svelte-vrr4c2{font-size:12px;font-weight:500}.color-count-control.svelte-vrr4c2{align-items:center;gap:12px;display:flex}.color-count-slider.svelte-vrr4c2{appearance:none;background:var(--border-color);touch-action:none;border-radius:3px;outline:none;flex:1;height:6px}.color-count-slider.svelte-vrr4c2::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s}.color-count-slider.svelte-vrr4c2::-webkit-slider-thumb:hover{transform:scale(1.1)}.color-count-slider.svelte-vrr4c2::-moz-range-thumb{background:var(--accent-color);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}@media (pointer:coarse){.color-count-slider.svelte-vrr4c2{height:10px}.color-count-slider.svelte-vrr4c2::-webkit-slider-thumb{width:28px;height:28px}.color-count-slider.svelte-vrr4c2::-moz-range-thumb{width:28px;height:28px}}.preview-container.svelte-vrr4c2{background:var(--surface-secondary);border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.preview-swatches.svelte-vrr4c2{grid-template-columns:repeat(16,28px);gap:2px;display:grid}.preview-swatch.svelte-vrr4c2{border:1px solid var(--border-color);border-radius:2px;width:28px;height:28px;position:relative;overflow:hidden}.swatch-checkerboard.svelte-vrr4c2{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:6px 6px;position:absolute;inset:0}.swatch-color.svelte-vrr4c2{position:absolute;inset:0}