.preview-container.svelte-1j5zx83{border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.preview-label.svelte-1j5zx83{color:#fff;background:#00000080;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;position:absolute;top:.75rem;left:.75rem}.type-toggle.svelte-1j5zx83{gap:.5rem;margin-bottom:1.5rem;display:flex}.type-toggle.svelte-1j5zx83 button:where(.svelte-1j5zx83){flex:1}.control-group.svelte-1j5zx83{margin-top:1rem}.radial-options.svelte-1j5zx83{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.range-input.svelte-1j5zx83{width:100%;margin:.5rem 0}.quick-angles.svelte-1j5zx83{flex-wrap:wrap;gap:.5rem;display:flex}.quick-angles.svelte-1j5zx83 button:where(.svelte-1j5zx83){padding:.25rem .5rem;font-size:.75rem}.section-header.svelte-1j5zx83{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stops-list.svelte-1j5zx83{cursor:pointer;-webkit-user-select:none;user-select:none;height:60px;margin:1.5rem 0 .5rem;position:relative}.stop-line.svelte-1j5zx83{background:repeating-linear-gradient(to right, var(--pico-muted-border-color) 0%, var(--pico-muted-border-color) 9px, var(--pico-muted-color) 9px, var(--pico-muted-color) 10px);border-radius:4px;height:8px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.stop-marker.svelte-1j5zx83{all:unset;cursor:grab;z-index:1;border-radius:50%;width:24px;height:24px;padding:0;display:block;position:absolute;top:50%;transform:translate(-50%,-50%);background-color:var(--stop-color)!important;border:3px solid #fff!important;transition:none!important;box-shadow:0 2px 6px #0000004d!important}.stop-marker.svelte-1j5zx83:hover,.stop-marker.svelte-1j5zx83:active,.stop-marker.dragging.svelte-1j5zx83,.stop-marker.svelte-1j5zx83:focus{background-color:var(--stop-color)!important;transition:none!important}.stop-marker.svelte-1j5zx83:active,.stop-marker.dragging.svelte-1j5zx83{cursor:grabbing}.stop-marker.svelte-1j5zx83:focus{outline:none;box-shadow:0 0 0 3px var(--pico-primary-focus), 0 2px 6px #0000004d!important}.stop-marker.active.svelte-1j5zx83{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 3px var(--pico-primary), 0 4px 8px #0006!important}.stops-editor.svelte-1j5zx83{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.stop-item.svelte-1j5zx83{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);align-items:center;gap:.75rem;padding:.75rem;transition:border-color .15s;display:flex}.stop-item.active.svelte-1j5zx83{border-color:var(--pico-primary)}.stop-item.svelte-1j5zx83 input[type=color]:where(.svelte-1j5zx83){cursor:pointer;border:none;width:40px;height:40px;padding:0}.stop-controls.svelte-1j5zx83{flex-direction:column;flex:1;gap:.5rem;display:flex}.stop-controls.svelte-1j5zx83 label:where(.svelte-1j5zx83){flex-direction:column;gap:.25rem;margin:0;display:flex}.stop-controls.svelte-1j5zx83 label:where(.svelte-1j5zx83) span:where(.svelte-1j5zx83){color:var(--pico-muted-color);font-family:monospace;font-size:.75rem}.stop-controls.svelte-1j5zx83 input[type=range]:where(.svelte-1j5zx83){width:100%;margin:0}.remove-btn.svelte-1j5zx83{color:var(--pico-muted-color);cursor:pointer;align-self:flex-end;width:auto;height:auto;padding:0;font-size:.75rem;text-decoration:underline;transition:color .15s;box-shadow:none!important;background:0 0!important;border:none!important}.remove-btn.svelte-1j5zx83:hover{color:#e53935;text-decoration:none;background:0 0!important}.presets-grid.svelte-1j5zx83{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.preset-btn.svelte-1j5zx83{border-radius:var(--pico-border-radius);cursor:pointer;border:none;justify-content:center;align-items:flex-end;height:60px;padding:.5rem;transition:transform .15s,box-shadow .15s;display:flex}.preset-btn.svelte-1j5zx83:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.preset-btn.svelte-1j5zx83:focus{outline:2px solid var(--pico-primary-focus);outline-offset:2px}.preset-name.svelte-1j5zx83{color:#333;background:#ffffffe6;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.code-block.svelte-1j5zx83{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.code-block.svelte-1j5zx83 code:where(.svelte-1j5zx83){white-space:pre;font-family:Fira Code,Monaco,Consolas,monospace}