.color-stops-bar.svelte-1j69lug{flex-direction:column;gap:8px;display:flex}.stops-row.svelte-1j69lug{align-items:flex-start;gap:12px;display:flex}.gradient-bar-wrapper.svelte-1j69lug{cursor:crosshair;flex:1;height:24px;padding-bottom:18px;position:relative}.gradient-bar.svelte-1j69lug{border:1px solid var(--border-color);border-radius:4px;width:100%;height:24px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000026}.checkerboard-bg.svelte-1j69lug{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:10px 10px;position:absolute;inset:0}.gradient-overlay.svelte-1j69lug{position:absolute;inset:0}.stop-handle.svelte-1j69lug{border:2px solid var(--border-color);cursor:grab;touch-action:none;border-radius:3px;width:14px;height:14px;margin-top:3px;margin-left:-7px;padding:0;transition:transform .1s;position:absolute;top:100%;overflow:hidden}.stop-handle.svelte-1j69lug:active{cursor:grabbing}.stop-handle.selected.svelte-1j69lug{border-color:var(--accent-color);z-index:10;transform:scale(1.25)}.handle-checkerboard.svelte-1j69lug{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:5px 5px;position:absolute;inset:0}.handle-color.svelte-1j69lug{position:absolute;inset:0}.stop-arrow.svelte-1j69lug{border-bottom:6px solid;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-bottom:3px;margin-left:-5px;position:absolute;bottom:100%;left:50%}@media (pointer:coarse){.stop-handle.svelte-1j69lug{width:22px;height:22px;margin-left:-11px}}.selected-stop-controls.svelte-1j69lug{flex-shrink:0;align-items:center;gap:8px;display:flex}.swatch-placeholder.svelte-1j69lug{width:28px;height:28px}.position-placeholder.svelte-1j69lug{width:60px;height:28px}.color-swatch.svelte-1j69lug{border:1px solid var(--border-color);cursor:pointer;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:0;transition:transform .1s;position:relative;overflow:hidden}.color-swatch.svelte-1j69lug:hover{border-color:var(--accent-color);transform:scale(1.05)}.swatch-checkerboard.svelte-1j69lug{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:8px 8px;position:absolute;inset:0}.swatch-color.svelte-1j69lug{position:absolute;inset:0}.position-input.svelte-1j69lug{align-items:center;gap:4px;display:flex}.position-input.svelte-1j69lug input{text-align:center;width:48px}.percent-label.svelte-1j69lug{color:var(--text-secondary);font-size:12px}