:root{--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Outfit", system-ui, sans-serif;--bg: #3a3532;--bg-elevated: #4a4441;--bg-card: rgba(90, 82, 77, .62);--bg-soft: rgba(232, 227, 221, .08);--text: #c9c0b8;--text-strong: #e8e3dd;--text-muted: #b8afa6;--accent: #8aafa0;--accent-strong: #7a9b8a;--accent-warm: #a08679;--accent-clay: #8c736f;--border: rgba(212, 205, 197, .14);--shadow: 0 24px 60px rgba(20, 16, 14, .35);--radius: 24px;--radius-sm: 14px;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg: #f4eee8;--bg-elevated: rgba(181, 184, 177, .72);--bg-card: rgba(221, 213, 206, .72);--bg-soft: rgba(90, 82, 77, .06);--text: #5a524d;--text-strong: #3a3532;--text-muted: #7a7268;--accent: #7a9b8a;--accent-strong: #6b7f73;--accent-warm: #8c736f;--accent-clay: #a3b8b0;--border: rgba(90, 82, 77, .12);--shadow: 0 24px 50px rgba(90, 82, 77, .12);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(1200px 600px at 12% -10%,rgba(138,175,160,.16),transparent 55%),radial-gradient(900px 500px at 100% 8%,rgba(140,115,111,.18),transparent 50%),var(--bg)}a{font-weight:500;color:var(--accent-strong);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.03em}h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.95;font-weight:600}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#8aafa059}.hero-kicker{margin:0 0 .7rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.theme-toggle svg{display:block}.play-button{background:none;border:none;cursor:pointer;padding:0;color:inherit;display:flex;align-items:center;justify-content:center}.stem-controls{display:flex;flex-direction:column;gap:.5rem}.stem-buttons{display:flex;gap:.4rem}.solo-button,.mute-button{min-width:2rem;height:1.7rem;padding:0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--text);cursor:pointer}.solo-button:hover,.mute-button:hover{border-color:var(--accent);color:var(--text-strong)}.solo-button.active{background:color-mix(in srgb,var(--accent-warm) 28%,transparent);border-color:var(--accent-warm);color:var(--accent-warm)}.mute-button.active{background:#b4646433;border-color:#d49090;color:#d49090}.stem-volume{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.stem-volume input[type=range]{flex:1;accent-color:var(--accent)}.vol-value{min-width:2.4ch;font-variant-numeric:tabular-nums;font-size:.75rem}.stem-card{display:grid;grid-template-columns:2.1rem minmax(10rem,15rem) minmax(0,1fr);gap:.85rem 1rem;align-items:center;width:100%;padding:.95rem 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none}.stem-waveform-container{min-width:0;height:76px;display:flex;align-items:center;gap:.75rem;position:relative}.stem-waveform{width:100%;height:100%;position:relative}@media(max-width:760px){.stem-card{grid-template-columns:1.6rem 1fr}.stem-waveform-container{grid-column:1 / -1;height:72px}}.combined-mix-card .stem-name{color:var(--accent)}.combined-mix-card .stem-meta{justify-content:center}.play-all-button{color:var(--text-strong);background:color-mix(in srgb,var(--accent) 22%,transparent);border:1px solid var(--accent);border-radius:50%;width:3.1rem;height:3.1rem;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease;padding:0;flex-shrink:0}.play-all-button:hover{transform:scale(1.06);background:color-mix(in srgb,var(--accent) 38%,transparent)}.play-all-button svg{width:1.25rem;height:1.25rem}.memory-monitor{background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:1.2rem 0 0;font-size:.78rem;color:var(--text)}.memory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.memory-header h4{margin:0;font-size:.95rem}.memory-status{padding:.15rem .55rem;border-radius:999px;font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.memory-status.ok{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.memory-status.warning{background:#a0867940;color:var(--accent-warm)}.memory-status.critical{background:#b4646433;color:#d49090}.memory-bar{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:1.7rem;padding:0 .7rem;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin-bottom:.7rem}.memory-progress{position:absolute;inset:0 auto 0 0;height:100%;transition:width .3s ease}.memory-bar-used,.memory-bar-total{position:relative;z-index:1;font-variant-numeric:tabular-nums;font-weight:600;font-size:.72rem;color:var(--text-strong)}.memory-bar-total{color:var(--text-muted)}.memory-progress.ok{background:var(--accent)}.memory-progress.warning{background:var(--accent-warm)}.memory-progress.critical{background:#d49090}.memory-stats,.file-header,.recommendation{display:flex;justify-content:space-between;gap:.5rem}.stat-label,.estimate-label,.estimate-note,.memory-hint{color:var(--text-muted)}.container-memory-row+.container-memory-row{margin-top:.55rem}.container-memory.is-live .memory-status.ok{animation:memory-live 1.6s ease-in-out infinite}@keyframes memory-live{0%,to{opacity:1}50%{opacity:.55}}.home-container{display:grid;gap:4rem;padding:2.5rem 0 3rem}.hero{position:relative;padding:1rem 0 0}.hero-kicker{margin:0 0 1rem;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.home-title{margin:0;max-width:12ch}.home-title span{display:block;color:var(--accent);font-style:italic;font-weight:500}.home-subtitle{max-width:38rem;margin:1.25rem 0 1.75rem;font-size:1.08rem;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero-cta,.hero-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 1.3rem;border-radius:999px;font-weight:600}.hero-cta{background:linear-gradient(160deg,var(--accent) 0%,var(--accent-strong) 100%);color:#f2ede6}.hero-ghost{color:var(--text-strong);background:transparent;border:0;padding-left:.2rem;text-decoration:underline;text-underline-offset:.28em;text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent)}.hero-wave{display:flex;align-items:flex-end;gap:.35rem;height:3.2rem;margin-top:2.6rem;max-width:28rem}.hero-wave span{flex:1;height:calc(18% + (var(--i) * 2.4%));border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,var(--accent),var(--accent-clay));opacity:.35;transform-origin:bottom;animation:pulse 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms)}@keyframes pulse{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.home-cards{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:0;border-top:1px solid var(--border)}.home-card{display:grid;grid-template-columns:2.4rem 1fr auto;column-gap:.85rem;padding:1.35rem 0;border:0;border-bottom:1px solid var(--border);background:none;color:inherit;min-height:0;box-shadow:none;border-radius:0}.home-card-top{display:contents}.home-card-index{grid-column:1;grid-row:1 / 3;padding-top:.25rem;font-family:var(--font-display);font-size:.9rem;color:var(--accent)}.home-card-status{grid-column:3;grid-row:1;justify-self:end;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:.25rem 0 0;background:none}.home-card-status.live{color:var(--accent)}.home-card h3{grid-column:2;grid-row:1;margin:0 0 .3rem;font-size:1.25rem}.home-card p{grid-column:2 / 4;grid-row:2;margin:0;color:var(--text-muted)}a.home-card:hover h3{color:var(--accent)}@media(max-width:720px){.home-cards{grid-template-columns:1fr}}.studio{display:flex;flex-direction:column;gap:2rem;padding:1.6rem 0 3rem}.studio-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 2rem;align-items:end}.studio-head h1{margin:0 0 .5rem;font-size:clamp(2rem,4vw,3.1rem)}.studio-lede{margin:0;max-width:38rem;color:var(--text-muted);font-size:1.05rem}.studio-steps{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;padding:0;list-style:none}.studio-steps li{display:flex;align-items:center;gap:.45rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.studio-steps li:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--border)}.studio-steps li.is-active{color:var(--accent)}.studio-steps li.is-active:before{background:var(--accent)}.studio-steps li.is-done{color:var(--text-strong)}.studio-steps li.is-done:before{background:var(--accent-warm)}.dropzone{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;min-height:6.5rem;padding:1.15rem 0;border-top:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-bottom:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));cursor:pointer;color:inherit}.dropzone.is-over{background:color-mix(in srgb,var(--accent) 8%,transparent)}.dropzone.is-busy{pointer-events:none;opacity:.72}.dropzone-copy{display:flex;flex-direction:column;gap:.28rem;flex:1;min-width:0}.dropzone-label{font-family:var(--font-body);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.dropzone-hint{color:var(--text-muted);font-size:.92rem}.dropzone-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:0 1.2rem;border-radius:999px;background:linear-gradient(160deg,var(--accent) 0%,var(--accent-strong) 100%);color:#f2ede6;font-weight:600}.file-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.file-chip{display:inline-flex;align-items:baseline;gap:.55rem;padding:.35rem 0;color:var(--text);font-size:.92rem}.file-chip-name{color:var(--text-strong);font-weight:600}.file-chip-meta{color:var(--text-muted);font-size:.8rem}.studio-status{display:flex;align-items:flex-start;gap:.9rem;padding:.2rem 0 .4rem}.studio-status h2{margin:0 0 .25rem;font-size:1.35rem}.studio-status p{margin:0;color:var(--text-muted)}.studio-status.is-error,.studio-status.is-error p{color:#d49090}.studio-status .spinner{width:1.6rem;height:1.6rem;margin-top:.25rem;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);border-radius:50%;animation:studio-spin .9s linear infinite;flex-shrink:0}@keyframes studio-spin{to{transform:rotate(360deg)}}.console{display:flex;flex-direction:column;gap:0}.transport{position:sticky;top:4.4rem;z-index:12;display:flex;align-items:center;gap:.9rem 1.1rem;margin:0;padding:.85rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.transport-meta{display:flex;flex-direction:column;gap:.1rem;min-width:7rem}.transport-meta strong{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-strong)}.time-label{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.88rem}.timeline-slider{flex:1;min-width:8rem;accent-color:var(--accent)}.timeline-spacer{flex:1;min-width:0}.transport-actions{display:flex;align-items:center;gap:.6rem}.studio-ghost,.download-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;padding:0 1.05rem;border:0;border-radius:999px;background:transparent;color:var(--text-strong);font-weight:600;text-decoration:underline;text-underline-offset:.28em;text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent)}.download-button{background:linear-gradient(160deg,var(--accent-clay),var(--accent-warm));color:#f2ede6;text-decoration:none}.lanes{display:flex;flex-direction:column}.lane,.stem-card{display:grid;grid-template-columns:2.1rem minmax(10rem,15rem) minmax(0,1fr);gap:.85rem 1rem;align-items:center;padding:.95rem 0;border:0;border-bottom:1px solid var(--border);background:none;border-radius:0}.lane-index{font-family:var(--font-display);font-size:.82rem;color:var(--accent)}.lane-tick{width:.42rem;height:2.4rem;border-radius:999px;background:var(--accent)}.lane-tick[data-kind=vocals]{background:var(--accent)}.lane-tick[data-kind=drums]{background:var(--accent-warm)}.lane-tick[data-kind=bass]{background:var(--accent-clay)}.lane-tick[data-kind=guitar]{background:var(--accent-strong)}.lane-tick[data-kind=piano]{background:#c9c0b8}.lane-tick[data-kind=other]{background:#b8afa6}.lane-tick[data-kind=mix]{background:linear-gradient(180deg,var(--accent),var(--accent-clay))}.lane-meta,.stem-meta{min-width:0;display:flex;flex-direction:column;gap:.4rem}.lane-name,.stem-name{margin:0;font-size:.98rem;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.lane-stage,.stem-waveform-container{min-width:0;display:flex;align-items:center;gap:.75rem}.lane audio{width:100%;height:2.35rem;accent-color:var(--accent)}@media(max-width:820px){.studio-head{grid-template-columns:1fr}.transport{top:6.6rem;flex-wrap:wrap}.timeline-slider{order:3;flex-basis:100%}.transport-actions{margin-left:auto}.lane,.stem-card{grid-template-columns:1.6rem 1fr}.lane-stage,.stem-waveform-container{grid-column:1 / -1}}.url-form{display:flex;flex-direction:column;gap:.9rem;padding:1.15rem 0;border-top:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-bottom:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border))}.url-form-copy{display:flex;flex-direction:column;gap:.28rem}.url-form-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.url-form-row input{flex:1;min-width:min(100%,16rem);min-height:2.7rem;padding:0 1.1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--text-strong);font:inherit}.url-form-row input:disabled{opacity:.7}.url-form-row button:disabled{opacity:.7;cursor:not-allowed}.download-result{display:grid;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--border)}.download-result-meta{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.85rem 1rem;align-items:center}.download-preview{width:100%;height:2.35rem;accent-color:var(--accent)}@media(max-width:820px){.url-form-row .dropzone-action{width:100%}}.lane-stage{gap:.75rem}.stem-waveform-container .lane-tick{flex-shrink:0}.app-wrapper{position:relative;min-height:100vh;isolation:isolate}.ambient{pointer-events:none;position:fixed;inset:0;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:drift 18s ease-in-out infinite}.orb-a{width:28rem;height:28rem;left:-8rem;top:4rem;background:radial-gradient(circle,rgba(138,175,160,.45),transparent 68%)}.orb-b{width:22rem;height:22rem;right:-6rem;top:8rem;background:radial-gradient(circle,rgba(160,134,121,.4),transparent 70%);animation-delay:-6s}.orb-c{width:18rem;height:18rem;left:40%;bottom:-6rem;background:radial-gradient(circle,rgba(212,205,197,.18),transparent 70%);animation-delay:-11s}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(24px,-18px,0) scale(1.08)}}.nav{position:sticky;top:0;z-index:20;width:100%;margin:0;padding:1.1rem 1.5rem .9rem;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;background:color-mix(in srgb,var(--bg) 82%,transparent);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;min-width:0}.brand-logo{width:2.4rem;height:2.4rem;flex-shrink:0;color:var(--accent);--logo-ink: #f2ede6;border-radius:.7rem;overflow:hidden}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-family:var(--font-display);font-size:1.12rem;font-weight:600;color:var(--text-strong);display:flex;align-items:baseline;gap:.4rem}.brand-han{font-size:.92em;font-weight:500;letter-spacing:.08em;color:var(--accent)}.brand-copy em{font-style:normal;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.nav-links{display:flex;gap:.25rem}.nav-link{color:var(--text-muted);padding:.55rem .95rem;border-radius:999px;font-size:.92rem;font-weight:500;transition:background .2s ease,color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text-strong);background:var(--bg-soft)}.nav-right-actions{display:flex;align-items:center}.theme-toggle{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-strong);display:grid;place-items:center;transition:transform .2s ease,background .2s ease}.theme-toggle:hover{transform:rotate(-12deg) scale(1.05);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text-strong)}.app-content{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}.app-content:has(.studio){width:min(1200px,calc(100% - 2.5rem))}@media(max-width:820px){.nav{width:100%;top:0;grid-template-columns:1fr auto;border-radius:0;padding:.85rem 1rem}.nav-links{grid-column:1 / -1;justify-content:space-between;overflow-x:auto}.brand-copy em{display:none}}