:root{--bg: #17171b;--panel: #1f1f25;--border: #2e2e36;--text: #ececee;--text-dim: #9d9da6;--accent: #6f8bff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.search.svelte-tsg0ih{position:relative;width:min(560px,100%)}input.svelte-tsg0ih{width:100%;padding:12px 16px;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;outline:none}input.svelte-tsg0ih:focus{border-color:var(--accent)}.hint.svelte-tsg0ih{position:absolute;top:100%;left:4px;margin-top:6px;font-size:12px;color:var(--text-dim)}.hint.error.svelte-tsg0ih{color:#ff7a7a}.results.svelte-tsg0ih{position:absolute;z-index:10;top:calc(100% + 8px);left:0;right:0;max-height:420px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #00000080}.results.svelte-tsg0ih button:where(.svelte-tsg0ih){display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;background:none;border:0;border-radius:6px;color:var(--text);text-align:left;cursor:pointer}.results.svelte-tsg0ih button:where(.svelte-tsg0ih):hover{background:#ffffff0f}.results.svelte-tsg0ih img:where(.svelte-tsg0ih){border-radius:4px;flex-shrink:0}.meta.svelte-tsg0ih{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.title.svelte-tsg0ih{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub.svelte-tsg0ih{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duration.svelte-tsg0ih{font-size:12px;color:var(--text-dim);flex-shrink:0}.empty.svelte-tsg0ih{padding:14px;font-size:13px;color:var(--text-dim);text-align:center}.slider.svelte-yhjxqj{display:flex;flex-direction:column;gap:4px}.head.svelte-yhjxqj{display:flex;justify-content:space-between;font-size:13px}.val.svelte-yhjxqj{color:var(--text-dim);font-variant-numeric:tabular-nums}input[type=range].svelte-yhjxqj{width:100%;accent-color:var(--accent)}.disabled.svelte-yhjxqj{opacity:.4;pointer-events:none}.colour-control.svelte-1uxbuex{display:flex;flex-direction:column;gap:8px}.head.svelte-1uxbuex{display:flex;align-items:center;justify-content:space-between;gap:12px}.label.svelte-1uxbuex{font-size:13px}.seg.svelte-1uxbuex{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}.seg.svelte-1uxbuex button:where(.svelte-1uxbuex){padding:4px 10px;font-size:11px;background:none;border:0;color:var(--text-dim);cursor:pointer}.seg.svelte-1uxbuex button.active:where(.svelte-1uxbuex){background:var(--accent);color:#fff}.swatches.svelte-1uxbuex{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.swatch.svelte-1uxbuex{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:0}.swatch.active.svelte-1uxbuex{outline:2px solid var(--accent);outline-offset:1px}.custom.svelte-1uxbuex{position:relative;width:24px;height:24px;border-radius:6px;border:1px dashed var(--text-dim);cursor:pointer;overflow:hidden;background:conic-gradient(#e07a5f 0,#e07a5f 25%,#c9a227 0,#c9a227 50%,#4c7a5e 0,#4c7a5e 75%,#6f8bff 0,#6f8bff)}.custom.svelte-1uxbuex input:where(.svelte-1uxbuex){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.gradient-row.svelte-1uxbuex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grad-stop.svelte-1uxbuex{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer}.grad-stop.svelte-1uxbuex input:where(.svelte-1uxbuex){width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}section.svelte-1y71c66{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-top:1px solid var(--border)}h3.svelte-1y71c66{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.toggle.svelte-1y71c66{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.toggle.svelte-1y71c66 input:where(.svelte-1y71c66){accent-color:var(--accent)}.seg-row.svelte-1y71c66{display:flex;align-items:center;justify-content:space-between;gap:12px}.seg-label.svelte-1y71c66{font-size:13px}.seg.svelte-1y71c66{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg.svelte-1y71c66 button:where(.svelte-1y71c66){padding:6px 12px;font-size:12px;background:none;border:0;color:var(--text-dim);cursor:pointer}.seg.svelte-1y71c66 button.active:where(.svelte-1y71c66){background:var(--accent);color:#fff}.picker.svelte-1q43vo9{position:relative;flex-shrink:0}.current.svelte-1q43vo9{display:flex;align-items:center;gap:6px;max-width:130px;padding:6px 10px;font-size:12px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden}.current.svelte-1q43vo9:hover{border-color:var(--accent)}.chev.svelte-1q43vo9{color:var(--text-dim);font-size:10px}.pop.svelte-1q43vo9{position:absolute;z-index:30;top:calc(100% + 6px);right:0;width:240px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #00000080;padding:8px}.pop.up.svelte-1q43vo9{top:auto;bottom:calc(100% + 6px)}.pop.svelte-1q43vo9 input:where(.svelte-1q43vo9){width:100%;padding:8px 10px;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none;margin-bottom:6px}.pop.svelte-1q43vo9 input:where(.svelte-1q43vo9):focus{border-color:var(--accent)}ul.svelte-1q43vo9{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}li.svelte-1q43vo9 button:where(.svelte-1q43vo9){display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:7px 10px;background:none;border:0;border-radius:6px;color:var(--text);font-size:13px;text-align:left;cursor:pointer}li.svelte-1q43vo9 button:where(.svelte-1q43vo9):hover{background:#ffffff0f}.cat.svelte-1q43vo9{font-size:11px;color:var(--text-dim);flex-shrink:0}.empty.svelte-1q43vo9{padding:10px;font-size:12px;color:var(--text-dim);text-align:center}section.svelte-1lia80v{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid var(--border)}h3.svelte-1lia80v{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.tabs.svelte-1lia80v{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tabs.svelte-1lia80v button:where(.svelte-1lia80v){flex:1;padding:8px;font-size:13px;background:none;border:0;color:var(--text-dim);cursor:pointer}.tabs.svelte-1lia80v button.active:where(.svelte-1lia80v){background:var(--accent);color:#fff}.seg-row.svelte-1lia80v{display:flex;align-items:center;justify-content:space-between;gap:12px}.seg-label.svelte-1lia80v{font-size:13px}.seg.svelte-1lia80v{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}.seg.svelte-1lia80v button:where(.svelte-1lia80v){padding:5px 10px;font-size:11px;background:none;border:0;color:var(--text-dim);cursor:pointer}.seg.svelte-1lia80v button.active:where(.svelte-1lia80v){background:var(--accent);color:#fff}.hint.svelte-1lia80v{margin:0;font-size:12px;color:var(--text-dim)}.lines.svelte-1lia80v{display:flex;flex-direction:column;gap:10px}.line.svelte-1lia80v{display:flex;flex-direction:column;gap:8px;border-radius:8px}.line.dragging.svelte-1lia80v{outline:1px dashed var(--accent);outline-offset:3px;opacity:.85}.caption.svelte-1lia80v{font-size:11px;color:var(--text-dim);letter-spacing:.04em;padding-left:24px}.row.svelte-1lia80v{display:flex;align-items:center;gap:8px}.handle.svelte-1lia80v{color:var(--text-dim);cursor:grab;font-size:14px;padding:2px;flex-shrink:0;-webkit-user-select:none;user-select:none}.handle.svelte-1lia80v:active{cursor:grabbing}.row.svelte-1lia80v input[type=checkbox]:where(.svelte-1lia80v){accent-color:var(--accent);flex-shrink:0}.value.svelte-1lia80v{flex:1;min-width:0;padding:7px 10px;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none}.value.svelte-1lia80v:focus{border-color:var(--accent)}.hidden-field.svelte-1lia80v .value:where(.svelte-1lia80v){opacity:.45}.dna-chip.svelte-1lia80v{flex:1;padding:7px 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:var(--bg);border:1px dashed var(--border);border-radius:6px}.remove.svelte-1lia80v{background:none;border:0;color:var(--text-dim);cursor:pointer;font-size:12px;padding:4px;flex-shrink:0}.remove.svelte-1lia80v:hover{color:#ff7a7a}.advanced-row.svelte-1lia80v{display:flex;align-items:flex-end;gap:10px;padding-left:24px}.advanced-row.svelte-1lia80v .slider{flex:1}.add.svelte-1lia80v{align-self:flex-start;background:none;border:1px dashed var(--border);border-radius:6px;color:var(--text-dim);padding:7px 12px;font-size:12px;cursor:pointer}.add.svelte-1lia80v:hover{color:var(--text);border-color:var(--accent)}.dna-label.svelte-1lia80v{width:88px;flex-shrink:0;font-size:13px;color:var(--text-dim)}.design-code.svelte-1u5pfgd{display:flex;align-items:center;gap:10px;min-width:0;position:relative}.row.svelte-1u5pfgd{display:flex;gap:6px;min-width:0}.row.svelte-1u5pfgd input:where(.svelte-1u5pfgd){width:170px}input.svelte-1u5pfgd{flex:1;min-width:0;padding:7px 10px;font-size:12px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none}input.svelte-1u5pfgd:focus{border-color:var(--accent)}.code.svelte-1u5pfgd{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text-dim)}button.svelte-1u5pfgd{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 14px;cursor:pointer;font-size:13px;flex-shrink:0}button.svelte-1u5pfgd:hover:not(:disabled){border-color:var(--accent)}button.svelte-1u5pfgd:disabled{opacity:.4;cursor:default}.feedback.svelte-1u5pfgd{position:absolute;top:calc(100% + 6px);left:0;white-space:nowrap;font-size:12px;color:#7ddb8a;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:4px 10px;z-index:20}.feedback.error.svelte-1u5pfgd{color:#ff7a7a}section.svelte-owullk{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--border)}h3.svelte-owullk{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.grid.svelte-owullk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card.svelte-owullk{display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text)}.card.svelte-owullk:hover{border-color:var(--accent)}.card.applied.svelte-owullk{outline:2px solid var(--accent);outline-offset:1px}.thumb-frame.svelte-owullk{display:flex;align-items:center;justify-content:center;height:110px;overflow:hidden;border-radius:4px;background:#ffffff17;padding:8px}.thumb-frame.svelte-owullk img:where(.svelte-owullk){max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 10px #00000073}.name.svelte-owullk{font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more.svelte-owullk{background:none;border:1px dashed var(--border);border-radius:6px;color:var(--text-dim);padding:8px 12px;font-size:12px;cursor:pointer}.more.svelte-owullk:hover{color:var(--text);border-color:var(--accent)}.hint.svelte-owullk{margin:0;font-size:12px;color:var(--text-dim)}.browser.svelte-owullk{position:fixed;z-index:50;top:0;left:0;bottom:0;width:min(540px,42vw);display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);box-shadow:24px 0 64px #00000080}.browser-head.svelte-owullk{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.browser-head.svelte-owullk .hint:where(.svelte-owullk){flex:1}.close.svelte-owullk{background:none;border:0;color:var(--text-dim);font-size:16px;cursor:pointer;padding:4px 8px}.close.svelte-owullk:hover{color:var(--text)}.browser-grid.svelte-owullk{padding:16px 20px;overflow-y:auto}.browser-grid.svelte-owullk .thumb-frame,.browser-grid.svelte-owullk .thumb-frame:where(.svelte-owullk){height:170px}section.svelte-1lstlr9{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--border)}h3.svelte-1lstlr9{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.seg-row.svelte-1lstlr9{display:flex;align-items:center;justify-content:space-between;gap:12px}.seg-label.svelte-1lstlr9{font-size:13px}.seg.svelte-1lstlr9{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg.wide.svelte-1lstlr9 button:where(.svelte-1lstlr9){flex:1}.seg.svelte-1lstlr9 button:where(.svelte-1lstlr9){padding:6px 12px;font-size:12px;background:none;border:0;color:var(--text-dim);cursor:pointer}.seg.svelte-1lstlr9 button.active:where(.svelte-1lstlr9){background:var(--accent);color:#fff}.seg.svelte-1lstlr9 button:where(.svelte-1lstlr9):disabled{opacity:.35;cursor:default}.order-bar.svelte-9f2t4b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}button.svelte-9f2t4b{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}button.primary.svelte-9f2t4b{background:var(--accent);border-color:var(--accent);color:#fff}button.svelte-9f2t4b:hover:not(:disabled){filter:brightness(1.15)}button.svelte-9f2t4b:disabled{opacity:.45;cursor:default}.note.svelte-9f2t4b{font-size:12px;color:var(--text-dim)}.note.error.svelte-9f2t4b{color:#ff7a7a}.page.svelte-1n46o8q{height:100vh;display:flex;flex-direction:column}header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.brand.svelte-1n46o8q{display:flex;align-items:baseline;gap:16px;flex-shrink:0}.nav-actions.svelte-1n46o8q{display:flex;align-items:center;gap:16px;min-width:0}.history-buttons.svelte-1n46o8q{display:flex;gap:8px;flex-shrink:0}.history-buttons.svelte-1n46o8q button:where(.svelte-1n46o8q){background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 14px;cursor:pointer;font-size:13px}.history-buttons.svelte-1n46o8q button:where(.svelte-1n46o8q):hover:not(:disabled){border-color:var(--accent)}.history-buttons.svelte-1n46o8q button.danger:where(.svelte-1n46o8q):hover:not(:disabled){border-color:#ff7a7a}.history-buttons.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled{opacity:.4;cursor:default}.wordmark.svelte-1n46o8q{font-size:20px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stage-note.svelte-1n46o8q{color:var(--text-dim);font-size:13px}.editor.svelte-1n46o8q{flex:1;display:grid;grid-template-columns:420px 1fr;min-height:0}aside.svelte-1n46o8q{padding:20px;overflow-y:auto;border-right:1px solid var(--border);background:#ffffff04}.song-section.svelte-1n46o8q{display:flex;flex-direction:column;gap:10px;padding-bottom:16px}.song-section.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}main.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;overflow:auto}.preview-card.svelte-1n46o8q{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 12px 40px #0006}canvas.svelte-1n46o8q{display:block;box-shadow:0 4px 24px #00000080}.status.svelte-1n46o8q{margin:0;font-size:13px;color:var(--text-dim)}.status.error.svelte-1n46o8q{color:#ff7a7a}.dev-tools.svelte-1n46o8q{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-dim);font-size:12px}.dev-tools.svelte-1n46o8q button:where(.svelte-1n46o8q){background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 14px;cursor:pointer;font-size:13px}.dev-tools.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{border-color:var(--accent)}