@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-4);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--text-4) transparent}}:root{--ink: #0a0a0c;--surface: #101014;--raised: #17171d;--sunken: #08080a;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #ececf0;--text-2: #9a9aa6;--text-3: #62626e;--text-4: #43434d;--live: #6ee7c0;--live-dim: #2f6a5b;--mosh: #c6a2ea;--mosh-dim: #6a5080;--rec: #ff5f56;--rec-dim: #7d3430;--start: #f0b568;--start-dim: #8a6a3f;--sidebar-w: 340px;--r-1: 3px;--r-2: 6px;--r-3: 10px;--r-pill: 999px;--glass: rgba(12, 12, 16, .62);--blur: blur(18px) saturate(.75);--t-fast: .12s ease;--t: .2s cubic-bezier(.2, .8, .2, 1);--font-ui: "Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Mono", Consolas, monospace;font-family:var(--font-ui);line-height:1.5;font-weight:400;color:var(--text);background-color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100svh}button:active{opacity:.7}.rack-label{font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}:focus-visible{outline:1.5px solid var(--live);outline-offset:2px}#app{width:100%;height:100svh}.demo-bg.svelte-1w574lo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}.demo-bg.blank.svelte-1w574lo{background:#121212}.blank.svelte-1w574lo .scrim:where(.svelte-1w574lo){opacity:0}.demo-holder.svelte-1w574lo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.demo-holder.svelte-1w574lo .demo-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.demo-toggle.svelte-1w574lo{position:fixed;bottom:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1.5px solid rgba(255,255,255,.14);border-radius:999px;background:#0a0a0c80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#7d7d7d;font-family:inherit;font-size:.66rem;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:color .2s,border-color .2s}.demo-toggle.svelte-1w574lo:hover{border-color:#ffffff52;color:#ccc}.scrim.svelte-1w574lo{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .5s ease;background:radial-gradient(ellipse 70% 60% at 50% 45%,#000000eb,#000000c7 45%,#0009),linear-gradient(#08080a8c,#08080a8c)}.github-link.svelte-ssxmzc{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#121212d9;border:1.5px solid var(--line-strong);color:var(--text-3);flex-shrink:0;box-sizing:border-box;transition:border-color .2s,color .2s}.github-link.svelte-ssxmzc:hover{border-color:var(--text-3);color:var(--text)}.youtube-link.svelte-afowmw{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#121212d9;border:1.5px solid var(--line-strong);color:var(--text-3);flex-shrink:0;box-sizing:border-box;transition:border-color .2s,color .2s}.youtube-link.svelte-afowmw:hover{border-color:var(--text-3);color:var(--text)}.feedback-btn.svelte-jroago{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;background:#121212d9;border:1.5px solid var(--line-strong);color:var(--text-3);flex-shrink:0;box-sizing:border-box;cursor:pointer;transition:border-color .2s,color .2s}.feedback-btn.svelte-jroago:hover{border-color:var(--text-3);color:var(--text)}.upload-screen.svelte-m0yfv6{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2.5rem;padding:2rem}.github-corner.svelte-m0yfv6{position:fixed;bottom:1rem;right:1rem;z-index:1;display:flex;align-items:center;gap:.5rem}.storage-btn.svelte-m0yfv6{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;background:#121212d9;border:1.5px solid var(--line-strong);color:var(--text-3);flex-shrink:0;box-sizing:border-box;cursor:pointer;transition:border-color .2s,color .2s}.storage-btn.svelte-m0yfv6:hover{border-color:var(--text-3);color:var(--text)}.hero.svelte-m0yfv6{display:flex;flex-direction:column;align-items:center;gap:.75rem}.title.svelte-m0yfv6{position:relative;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1;text-shadow:0 2px 24px rgba(0,0,0,.85);cursor:default}.ghost.svelte-m0yfv6{position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:none;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none}.ghost-live.svelte-m0yfv6{color:var(--live);transform:translate(-3px);animation:svelte-m0yfv6-tear-live 3.7s steps(1,end) -3.5s infinite}.ghost-rec.svelte-m0yfv6{color:var(--rec);transform:translate(3px);animation:svelte-m0yfv6-tear-rec 2.3s steps(1,end) -2.1s infinite}.ghost-slice.svelte-m0yfv6{color:#fff;clip-path:inset(0 0 100% 0);animation:svelte-m0yfv6-slice 2.9s steps(1,end) -2.7s infinite}@keyframes svelte-m0yfv6-tear-live{0%,37%{transform:translate(-3px);clip-path:none}38.5%{transform:translate(-9px,2px);clip-path:inset(44% 0 30% 0)}40%{transform:translate(6px,-2px);clip-path:inset(14% 0 66% 0)}41.5%,84%{transform:translate(-3px);clip-path:none}86%{transform:translate(-22px,-5px);clip-path:inset(10% 0 62% 0)}88%{transform:translate(14px,3px);clip-path:inset(56% 0 18% 0)}90%{transform:translate(-16px,5px);clip-path:inset(32% 0 40% 0)}92%{transform:translate(9px,-3px);clip-path:inset(70% 0 6% 0)}94%{transform:translate(-12px,2px);clip-path:inset(2% 0 76% 0)}96%,to{transform:translate(-3px);clip-path:none}}@keyframes svelte-m0yfv6-tear-rec{0%,22%{transform:translate(3px);clip-path:none}23.5%{transform:translate(10px,-2px);clip-path:inset(60% 0 18% 0)}25%{transform:translate(-7px,2px);clip-path:inset(24% 0 52% 0)}26.5%,84%{transform:translate(3px);clip-path:none}86%{transform:translate(18px,4px);clip-path:inset(48% 0 26% 0)}88%{transform:translate(-15px,-3px);clip-path:inset(6% 0 68% 0)}90%{transform:translate(19px,-5px);clip-path:inset(26% 0 44% 0)}92%{transform:translate(-11px,3px);clip-path:inset(64% 0 12% 0)}94%{transform:translate(13px,-2px);clip-path:inset(36% 0 34% 0)}96%,to{transform:translate(3px);clip-path:none}}@keyframes svelte-m0yfv6-slice{0%,29%{transform:none;clip-path:inset(0 0 100% 0)}30.5%{transform:translate(-26px);clip-path:inset(38% 0 50% 0)}32%{transform:translate(20px);clip-path:inset(66% 0 22% 0)}33.5%,70%{transform:none;clip-path:inset(0 0 100% 0)}71.5%{transform:translate(30px);clip-path:inset(16% 0 72% 0)}73%{transform:translate(-18px);clip-path:inset(52% 0 36% 0)}74.5%{transform:translate(24px);clip-path:inset(78% 0 10% 0)}76%,to{transform:none;clip-path:inset(0 0 100% 0)}}.title.svelte-m0yfv6{animation:svelte-m0yfv6-shear 4.1s steps(1,end) -3.9s infinite}@keyframes svelte-m0yfv6-shear{0%,46%{transform:none}47.5%{transform:translate(2px) skew(-2deg)}49%,84%{transform:none}86%{transform:translate(5px) skew(-4deg)}88%{transform:translate(-6px,-1px) skew(5deg)}90%{transform:translate(4px,1px) skew(-3deg)}92%{transform:translate(-2px) skew(1deg)}94%,to{transform:none}}.title.svelte-m0yfv6:hover,.title.svelte-m0yfv6:hover .ghost:where(.svelte-m0yfv6){animation-duration:.8s}.title.still.svelte-m0yfv6,.title.still.svelte-m0yfv6 .ghost:where(.svelte-m0yfv6),.title.still.svelte-m0yfv6:hover,.title.still.svelte-m0yfv6:hover .ghost:where(.svelte-m0yfv6){animation:none;transform:none}.title.still.svelte-m0yfv6 .ghost-live:where(.svelte-m0yfv6){transform:translate(-3px)}.title.still.svelte-m0yfv6 .ghost-rec:where(.svelte-m0yfv6){transform:translate(3px)}.subtitle.svelte-m0yfv6{font-size:.95rem;color:#9a9a9a;font-weight:400;text-shadow:0 1px 12px rgba(0,0,0,.9)}.mode-toggle.svelte-m0yfv6{display:flex;flex-shrink:0;gap:0;border:1.5px solid rgba(255,255,255,.16);border-radius:999px;overflow:hidden;background:#0a0a0c8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mode-btn.svelte-m0yfv6{padding:.45rem 1.5rem;border:none;background:transparent;color:#8a8a8a;font-size:.78rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:color .2s,background-color .2s;font-family:inherit}.mode-btn.svelte-m0yfv6:hover{color:#ccc}.mode-btn.active.svelte-m0yfv6{background:#ffffff24;color:#fff}.mode-hint.svelte-m0yfv6{font-size:.8rem;color:#8a8a8a;margin-top:-1.5rem;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.9)}.drop-zone.svelte-m0yfv6{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;border:1.5px dashed rgba(255,255,255,.18);border-radius:12px;width:100%;max-width:520px;background:#0a0a0c80;backdrop-filter:blur(20px) saturate(.7);-webkit-backdrop-filter:blur(20px) saturate(.7);transition:border-color .2s,background-color .2s;cursor:pointer;outline:none}.drop-zone.svelte-m0yfv6:hover,.drop-zone.svelte-m0yfv6:focus-visible{border-color:#ffffff59}.drop-zone.dragging.svelte-m0yfv6{border-color:#fff9;background-color:#141418ad}.load-btn.svelte-m0yfv6{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 2rem;border:1.5px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#e4e4e4;font-size:.8rem;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s;font-family:inherit}.load-btn.svelte-m0yfv6:hover{border-color:#fff9;color:#fff;background-color:#ffffff1a}.load-row.svelte-m0yfv6{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.generate-btn.svelte-m0yfv6{border-color:color-mix(in srgb,var(--mosh) 45%,transparent);color:var(--mosh)}.generate-btn.svelte-m0yfv6:hover{border-color:var(--mosh);color:var(--mosh);background-color:color-mix(in srgb,var(--mosh) 12%,transparent)}.separator.svelte-m0yfv6{display:flex;align-items:center;gap:1rem;width:100%}.line.svelte-m0yfv6{flex:1;height:1px;background:#ffffff24}.or.svelte-m0yfv6{font-size:.7rem;color:#777;letter-spacing:.05em;font-weight:500}.drop-hint.svelte-m0yfv6{display:flex;align-items:center;gap:.5rem;color:#7d7d7d;font-size:.75rem;font-weight:600;letter-spacing:.08em}.drop-hint.staged.svelte-m0yfv6{color:#b193cc}.saved-zone.svelte-m0yfv6{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:520px;height:132px;margin-top:-1.5rem}.saved-head.svelte-m0yfv6{font-size:.66rem;color:#7d7d7d;letter-spacing:.08em;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.9)}.saved-list.svelte-m0yfv6{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.4rem;height:108px;overflow-y:auto}.saved-item.svelte-m0yfv6{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1.5px solid #3d3049;border-radius:999px;background:#0a0a0c80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#b193cc;font-size:.72rem;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s}.saved-item.svelte-m0yfv6:hover{border-color:#6a5080;color:#d8b8f8}.saved-name.svelte-m0yfv6{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-count.svelte-m0yfv6{padding:0 .35rem;border-radius:999px;background:#221a2c;color:#b08ad0;font-size:.62rem;font-family:monospace}.music-zone.svelte-m0yfv6{display:flex;align-items:center;gap:.6rem;margin-top:-1rem;padding:.75rem 1.5rem;border:1.5px dashed rgba(255,255,255,.12);border-radius:10px;width:100%;max-width:520px;background:#0a0a0c6b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#6e6e6e;font-size:.72rem;font-weight:600;letter-spacing:.07em;cursor:pointer;transition:border-color .2s,color .2s;outline:none}.music-zone.svelte-m0yfv6:not(.music-zone--selected):hover,.music-zone.svelte-m0yfv6:not(.music-zone--selected):focus-visible,.music-dragging.svelte-m0yfv6{border-color:#ffffff4d;color:#a0a0a0}.music-zone--selected.svelte-m0yfv6{border-color:#ffffff29;color:#909090;cursor:default}.optional.svelte-m0yfv6{color:#565656}.required.svelte-m0yfv6{color:#b193cc}.music-filename.svelte-m0yfv6{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-clear.svelte-m0yfv6{background:none;border:none;color:#555;cursor:pointer;font-size:.75rem;padding:0 .2rem;line-height:1}.music-clear.svelte-m0yfv6:hover{color:#999}@media(max-width:800px){.upload-screen.svelte-m0yfv6{padding:1rem}.hero.svelte-m0yfv6{gap:.4rem}.drop-zone.svelte-m0yfv6{padding:1.5rem 1.25rem}.mode-btn.svelte-m0yfv6{padding:.45rem 1rem}.separator.svelte-m0yfv6,.drop-hint.svelte-m0yfv6{display:none}}.toast-container.svelte-16oeye1{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast.svelte-16oeye1{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:6px;background:#1e1e1ef2;border:1px solid var(--line);color:var(--text);font-size:.85rem;max-width:320px;box-shadow:0 4px 16px #0006;animation:svelte-16oeye1-slideIn .2s ease}.toast.error.svelte-16oeye1{border-color:#c0505080;color:var(--rec)}.message.svelte-16oeye1{flex:1;line-height:1.4}.action.svelte-16oeye1{flex-shrink:0;padding:.25rem .6rem;border:1px solid var(--text-4);border-radius:4px;background:none;color:var(--text);font-size:.75rem;font-weight:600;font-family:inherit;letter-spacing:.03em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.action.svelte-16oeye1:hover{color:var(--text);border-color:var(--text-3);background:#ffffff0f}.close.svelte-16oeye1{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:.75rem;padding:.2rem;line-height:1}.close.svelte-16oeye1:hover{color:var(--text)}@keyframes svelte-16oeye1-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}