:root{--bg: #0e0f13;--surface: #16181f;--surface-2: #1d2029;--surface-3: #252936;--border: #2a2e3b;--text: #e9eaf0;--muted: #9097a8;--accent: #8b6cff;--accent-strong: #a48bff;--accent-soft: rgba(139, 108, 255, .16);--success: #3ecf8e;--warning: #f5b544;--danger: #ff6b6b;--radius: 10px;--player-height: 76px;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.45;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12.5px}.error{color:var(--danger)}.brand{font-weight:700;font-size:16px;letter-spacing:-.01em}.chip{padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:600}.primary{padding:10px 16px;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;transition:background .15s}.primary:hover:not(:disabled){background:var(--accent-strong)}.primary:disabled{opacity:.5}.wide{width:100%}.ghost{padding:6px 12px;border-radius:8px;border:1px solid var(--border);color:var(--text)}.ghost:hover{background:var(--surface-2)}.ghost.small{padding:4px 10px}.icon-button{display:inline-flex;align-items:center;gap:6px}.link{color:var(--accent-strong);font-size:12px;padding:0}.segmented{display:flex;padding:3px;gap:3px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border)}.segmented button{flex:1;padding:6px 10px;border-radius:6px;color:var(--muted);font-weight:500}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--surface-3);color:var(--text)}fieldset:disabled .segmented{opacity:.45}.field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}.field legend,.field-head{display:flex;justify-content:space-between;font-weight:500;margin-bottom:6px}.field legend{padding:0}.field-head{margin-bottom:0}.field input,.field textarea,.field select{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);outline:none;transition:border-color .15s}.field textarea{resize:vertical;min-height:72px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field.has-error input,.field.has-error textarea{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12.5px}.counter{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.counter.over{color:var(--danger)}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:34px;height:20px;border-radius:999px;background:var(--surface-3);transition:background .15s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-strong);outline-offset:2px}.fine-tune{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.slider-head{display:flex;align-items:baseline;gap:8px;font-weight:500}.slider-value{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--accent-strong)}.slider.is-auto .slider-value{color:var(--muted)}.slider input[type=range]{width:100%;margin:8px 0 4px;accent-color:var(--accent)}.slider.is-auto input[type=range]{opacity:.5}.slider.is-disabled{opacity:.45}.hint{color:var(--muted);font-size:12px}.splash{height:100vh}.auth{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-card{display:flex;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.auth-card .brand{font-size:22px}.studio{display:grid;grid-template-areas:"top" "tabs" "main" "player";grid-template-rows:56px auto minmax(0,1fr) auto;height:100vh;height:100dvh}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);-webkit-app-region:drag}.topbar button{-webkit-app-region:no-drag}.topbar-right{display:flex;align-items:center;gap:14px}.credits{padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:600;font-variant-numeric:tabular-nums}.workspace{grid-area:main;display:grid;grid-template-columns:minmax(360px,440px) 1fr;min-height:0}.panel{min-height:0;overflow-y:auto;padding:20px}.create-panel{border-right:1px solid var(--border);background:var(--surface)}.panel-title{font-size:15px;font-weight:600}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.create{display:flex;flex-direction:column;gap:16px}.library-panel .panel-title{margin-bottom:14px}.empty{display:grid;place-items:center;gap:4px;padding:64px 16px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.song-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.song{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.song-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.song h3{font-size:15px;font-weight:600}.meta{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.song-style{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--muted)}.status-text,.status-first{color:var(--warning);background:#f5b5441f}.status-complete{color:var(--success);background:#3ecf8e1f}.status-failed{color:var(--danger);background:#ff6b6b1f}.spinner{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.takes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.take{display:flex;align-items:center;gap:12px;padding:6px;border-radius:8px}.take.is-current{background:var(--accent-soft)}.take-info{display:flex;flex-direction:column;min-width:0;flex:1}.take-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:6px;overflow:hidden;padding:0;background:var(--surface-3)}.cover img,.player-track img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#2b2447,#1b2b3d)}.cover-icon{position:absolute;inset:0;display:grid;place-items:center;background:#00000059;color:#fff;opacity:0;transition:opacity .15s}.cover:hover .cover-icon,.cover:focus-visible .cover-icon,.take.is-current .cover-icon{opacity:1}.player{grid-area:player;height:var(--player-height);display:grid;grid-template-columns:minmax(200px,320px) auto 1fr;align-items:center;gap:20px;padding:0 20px;border-top:1px solid var(--border);background:var(--surface)}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-track img,.player-track .cover-placeholder{width:48px;height:48px;border-radius:6px;flex-shrink:0}.player-track>div{min-width:0}.play-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg)}.player-progress{display:flex;align-items:center;gap:10px}.player-progress input{flex:1;accent-color:var(--accent)}.segmented.compact button{padding:4px 9px;font-size:12.5px}.model-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.model-card{position:relative;display:grid;gap:2px;align-content:start;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s}.model-card input{position:absolute;opacity:0;pointer-events:none}.model-card.selected{border-color:var(--accent);background:var(--accent-soft)}.model-card:focus-within{outline:2px solid var(--accent-strong);outline-offset:2px}.model-name{font-weight:600}.model-cost,.model-description{font-size:12px;color:var(--muted);line-height:1.35}.inline-row{display:flex;align-items:center;gap:10px}.inline-row select,.inline-row>.field{flex:1}.references{display:flex;flex-direction:column;gap:8px}.reference-buttons{display:flex;flex-wrap:wrap;gap:8px}.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.chip-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:13px}.chip-item.has-error{border-color:var(--danger)}.chip-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kind{padding:1px 6px;border-radius:4px;background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.chip-item progress{width:90px;accent-color:var(--accent)}.take-actions{display:flex;flex-shrink:0;gap:6px}.icon-button .spinner{width:12px;height:12px}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#0000008c}.dialog{display:flex;flex-direction:column;gap:14px;width:100%;max-width:460px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 60px #00000080}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;right:24px;bottom:calc(var(--player-height) + 16px);z-index:30;max-width:min(420px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface-3);box-shadow:0 10px 30px #0006}.mobile-tabs{grid-area:tabs;display:none;gap:4px;padding:6px 16px;border-bottom:1px solid var(--border)}.mobile-tabs button{flex:1;padding:8px;border-radius:8px;color:var(--muted);font-weight:600}.mobile-tabs button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}@media(max-width:860px){.mobile-tabs{display:flex}.workspace{grid-template-columns:1fr}.studio[data-tab=create] .library-panel,.studio[data-tab=library] .create-panel{display:none}.create-panel{border-right:0}.panel{padding:16px}.topbar{padding:0 16px}.topbar .account{display:none}.take{flex-wrap:wrap}.take-actions{width:100%;justify-content:flex-end}.player{height:auto;grid-template-columns:1fr auto;gap:10px 16px;padding:10px 16px}.player-progress{grid-column:1 / -1}.toast{right:16px;left:16px;max-width:none}}