.preview.svelte-1nl7i6n{width:100%;min-height:180px;max-height:56vh}.editor.svelte-1nl7i6n{gap:10px;padding:16px 20px 14px;display:grid}.bar.svelte-1nl7i6n{height:52px;position:relative}.strip.svelte-1nl7i6n{width:100%;box-shadow:inset 0 0 0 1px var(--separator);cursor:copy;background-size:12px 12px;border-radius:10px;position:absolute;inset:0 0 16px}.strip.svelte-1nl7i6n:after{content:"";border-radius:inherit;background-image:var(--g);position:absolute;inset:0}.handle.svelte-1nl7i6n{background:var(--surface-raised);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--separator-strong), 0 2px 6px #0003;cursor:grab;touch-action:none;border-radius:50%;place-items:center;margin-left:-12px;display:grid;position:absolute;bottom:0}.handle.svelte-1nl7i6n span:where(.svelte-1nl7i6n){border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.handle.on.svelte-1nl7i6n{box-shadow:0 0 0 2.5px var(--label), 0 2px 6px #00000040}.handle.svelte-1nl7i6n:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.compare.svelte-1nl7i6n{gap:10px;padding:14px 16px;display:grid}.row.svelte-1nl7i6n{grid-template-columns:150px 1fr;align-items:center;gap:12px;display:grid}.sample.svelte-1nl7i6n{border-radius:8px;height:28px}.note.svelte-1nl7i6n{padding:0 4px;line-height:1.5}.pad.svelte-1nl7i6n{padding:12px}.buttons.svelte-1nl7i6n{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.presets.svelte-1nl7i6n{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.preset.svelte-1nl7i6n{height:34px;box-shadow:inset 0 0 0 1px var(--separator);transition:transform .2s var(--spring);border-radius:9px}.preset.svelte-1nl7i6n:hover{transform:scale(1.04)}.fields.svelte-1nl7i6n{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px;display:grid}@media (width<=600px){.row.svelte-1nl7i6n{grid-template-columns:1fr;gap:4px}}