.wrap.svelte-18tknq5{max-width:880px;margin:0 auto;padding:24px 32px 64px}.head.svelte-18tknq5{display:flex;justify-content:space-between;align-items:flex-end;margin:14px 0 16px}h1.svelte-18tknq5{margin:0;font-size:24px;letter-spacing:-.02em}.kind.svelte-18tknq5{margin:4px 0 0;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-mute);text-transform:lowercase}.preview.svelte-18tknq5{position:relative;margin:8px 0 24px}.preview.svelte-18tknq5 .strip:where(.svelte-18tknq5){height:80px;background:var(--gradient);border:1px solid var(--cm-border)}.stops.svelte-18tknq5{position:absolute;left:0;right:0;bottom:-8px;height:16px}.handle.svelte-18tknq5{position:absolute;top:0;transform:translate(-50%);width:14px;height:14px;border-radius:2px;border:2px solid var(--cm-bg);background:var(--color);cursor:grab;padding:0}.handle.active.svelte-18tknq5{box-shadow:0 0 0 1px var(--cm-accent-page)}.controls.svelte-18tknq5{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}h2.svelte-18tknq5{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--cm-font-mono);color:var(--cm-text-mute);font-weight:600;margin:0 0 8px}.stop-editor.svelte-18tknq5 label:where(.svelte-18tknq5){display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:center;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-dim);margin-bottom:8px}.stop-editor.svelte-18tknq5 input[type=color]:where(.svelte-18tknq5){width:100%;height:28px;padding:0;border:1px solid var(--cm-border);background:var(--cm-surface)}.stop-editor.svelte-18tknq5 input[type=range]:where(.svelte-18tknq5),.interp-area.svelte-18tknq5 select:where(.svelte-18tknq5){width:100%}.stop-editor.svelte-18tknq5 code:where(.svelte-18tknq5),.stop-editor.svelte-18tknq5 output:where(.svelte-18tknq5){font-size:11px;color:var(--cm-text)}.interp-area.svelte-18tknq5 select:where(.svelte-18tknq5){background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:5px 8px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm)}.hint.svelte-18tknq5{margin-top:8px;font-size:12px;color:var(--cm-text-dim);font-family:var(--cm-font-serif);line-height:1.5}.ops.svelte-18tknq5{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ops.svelte-18tknq5 button:where(.svelte-18tknq5){display:inline-flex;gap:4px;align-items:center;background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:4px 8px;font:inherit;font-size:11px;border-radius:var(--cm-radius-sm);cursor:pointer}.ops.svelte-18tknq5 button:where(.svelte-18tknq5):hover:not(:disabled){border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.ops.svelte-18tknq5 button:where(.svelte-18tknq5):disabled{opacity:.4;cursor:not-allowed}.diag.svelte-18tknq5{display:grid;grid-template-columns:80px 1fr;gap:8px 12px;align-items:center;margin-bottom:24px}.diag.svelte-18tknq5 h2:where(.svelte-18tknq5){margin:0}.diag.svelte-18tknq5 svg:where(.svelte-18tknq5){height:60px;width:100%;border:1px solid var(--cm-border-soft);background:var(--cm-surface)}.strip.gray.svelte-18tknq5{height:32px;border:1px solid var(--cm-border-soft)}.export-head.svelte-18tknq5{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.export-head.svelte-18tknq5 select:where(.svelte-18tknq5){background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:4px 8px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm)}.export-block.svelte-18tknq5{margin-top:8px}.export-meta.svelte-18tknq5{display:flex;justify-content:space-between;align-items:center;font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-mute)}.export-meta.svelte-18tknq5 button:where(.svelte-18tknq5){display:inline-flex;gap:4px;align-items:center;background:transparent;border:1px solid var(--cm-border-soft);color:var(--cm-text-dim);padding:3px 8px;font:inherit;font-size:10px;font-family:var(--cm-font-mono);border-radius:var(--cm-radius-sm);cursor:pointer}.export-meta.svelte-18tknq5 button:where(.svelte-18tknq5):hover{border-color:var(--cm-accent-page);color:var(--cm-accent-page)}pre.svelte-18tknq5{background:var(--cm-surface);border:1px solid var(--cm-border);padding:10px 14px;max-height:360px;overflow:auto;font-family:var(--cm-font-mono);font-size:11px;line-height:1.5;color:var(--cm-text);margin:6px 0 0}@media(max-width:700px){.controls.svelte-18tknq5,.diag.svelte-18tknq5{grid-template-columns:1fr}}