:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #050915;--panel: #0b1426;--panel-2: #0f1d34;--panel-3: #142744;--text: #f5fbff;--muted: #8ea8c3;--soft: #c4d7ea;--line: rgba(121, 179, 255, .16);--cyan: #4df5ff;--blue: #3f8cff;--blue-2: #76b7ff;--violet: #8e7cff;--lime: #b8ff6a;--coral: #ff6f92;--amber: #ffd56d;--danger: #ff5a67;--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(96,165,250,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(77,245,255,.05) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(63,140,255,.2),transparent 38%),linear-gradient(145deg,#050915,#0a1530 48%,#050813);background-size:42px 42px,42px 42px,auto,auto;color:var(--text)}button,input,select{font:inherit}button{color:inherit}audio,.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app-shell{min-height:100vh;padding:18px;background:linear-gradient(135deg,rgba(77,245,255,.05),transparent 28%),linear-gradient(315deg,rgba(142,124,255,.08),transparent 34%)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;height:68px;margin:0 auto 18px;max-width:1480px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(77,245,255,.58);border-radius:var(--radius);background:linear-gradient(145deg,#4df5ff42,#3f8cff24),#071327;box-shadow:0 0 22px #4df5ff24;color:var(--cyan)}.brand strong,.brand span{display:block}.brand strong{font-size:1.02rem}.brand span,.section-label,.muted-line,.queue-item span,.source-card span{color:var(--muted);font-size:.78rem}.topnav{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:var(--radius);background:#0c1116b8}.top-status{justify-self:center;border:1px solid rgba(77,245,255,.38);border-radius:var(--radius);background:linear-gradient(135deg,#3f8cff2e,#4df5ff1a),#081224c7;color:var(--cyan);font-size:.8rem;font-weight:900;padding:10px 14px;box-shadow:inset 0 0 0 1px #ffffff0a}.topnav button,.quick-modes button{border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:.86rem;font-weight:700;padding:8px 12px}.topnav button.is-active,.quick-modes button.is-selected{background:#53f1cf21;color:var(--text)}.top-actions{justify-self:end;display:flex;gap:8px}.studio-grid{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(290px,360px);gap:18px;max-width:1480px;margin:0 auto}.panel,.workspace,.export-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#76b7ff14,#ffffff04),#081121eb;box-shadow:0 18px 54px #00000057,inset 0 1px #ffffff0b}.panel{min-height:calc(100vh - 104px);padding:14px}.panel-heading,.project-header,.analysis-header,.export-main,.tone-heading,.queue-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-label{margin:0 0 5px;color:#75d9ff;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.8rem;line-height:1.05;max-width:680px;overflow-wrap:anywhere}h2{margin-bottom:0;font-size:1.05rem}h3{margin-bottom:0;font-size:.96rem;overflow-wrap:anywhere}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:#589eff14;color:var(--soft);cursor:pointer}.icon-button:hover:not(:disabled),.icon-button.is-active{border-color:#4df5ff94;color:var(--cyan);box-shadow:0 0 18px #4df5ff1f}.icon-button:disabled,.play-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45}.link-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.input-shell{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#050c19db;color:var(--muted);padding:0 10px}.input-shell input{min-width:0;width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--text);font-size:.86rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius);cursor:pointer;font-size:.84rem;font-weight:800;padding:0 14px}.primary-button{border:1px solid rgba(77,245,255,.68);background:linear-gradient(135deg,var(--cyan),var(--blue-2) 55%,var(--blue));color:#031327;box-shadow:0 12px 28px #3f8cff2e}.secondary-button{border:1px solid var(--line);background:#60a5fa14;color:var(--soft)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){border-color:#4df5ffb8;box-shadow:0 0 22px #4df5ff1f}.platform-strip{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}.platform-chip{border:1px solid rgba(121,179,255,.14);border-radius:6px;color:var(--muted);font-size:.74rem;font-weight:800;padding:6px 8px}.platform-chip.is-detected{border-color:var(--chip-color);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color),transparent 58%)}.inline-warning{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:8px;margin-bottom:14px;border:1px solid rgba(255,90,103,.25);border-radius:var(--radius);background:#ff5a6714;color:#ffb4bc;font-size:.76rem;line-height:1.35;padding:9px}.inline-warning svg{color:var(--danger)}.upload-zone{display:grid;width:100%;min-height:128px;place-items:center;gap:7px;border:1px dashed rgba(77,245,255,.52);border-radius:var(--radius);background:linear-gradient(135deg,#4df5ff24,#3f8cff12),linear-gradient(180deg,rgba(255,255,255,.035),transparent),#060f1ed6;color:var(--text);cursor:pointer}.upload-zone:hover{border-color:#4df5ffd1;background:linear-gradient(135deg,#4df5ff33,#3f8cff1a),#060f1ee6}.upload-zone svg{color:var(--cyan)}.upload-zone span{font-weight:900}.upload-zone strong{color:var(--muted);font-size:.74rem}.source-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#60a5fa11}.source-card p{margin-bottom:2px;overflow:hidden;color:var(--text);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.source-art{display:grid;width:52px;height:52px;place-items:center;border-radius:var(--radius);background:linear-gradient(135deg,#4df5ff85,#3f8cff33),linear-gradient(315deg,#8e7cff57,#76b7ff24);color:var(--text)}.queue-list{margin-top:18px}.queue-title{margin-bottom:10px;color:var(--soft);font-size:.78rem;font-weight:900;text-transform:uppercase}.queue-title span:last-child{color:var(--cyan)}.queue-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;padding:10px 0;border-top:1px solid var(--line)}.queue-item.is-loading{color:var(--cyan)}.queue-item p{margin-bottom:1px;overflow:hidden;color:var(--text);font-size:.84rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.queue-ok{color:var(--lime)}.queue-warn{color:var(--danger)}.queue-spin{color:var(--cyan);animation:spin 1s linear infinite}.workspace{display:grid;grid-template-rows:auto auto auto minmax(210px,28vh) auto auto minmax(185px,22vh) auto;min-height:calc(100vh - 104px);padding:18px}.workflow-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 12px}.workflow-step{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;border:1px solid rgba(121,179,255,.15);border-radius:var(--radius);background:linear-gradient(135deg,#3f8cff1f,#4df5ff0b),#ffffff06;padding:10px}.workflow-step svg{display:grid;width:34px;height:34px;padding:8px;border-radius:7px;background:#4df5ff1a;color:var(--cyan)}.workflow-step strong,.workflow-step span{display:block}.workflow-step strong{color:var(--text);font-size:.84rem}.workflow-step span{margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.25}.project-badges,.analysis-metrics,.export-actions,.history-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.project-badges span,.analysis-metrics span,.history-strip span{border:1px solid var(--line);border-radius:6px;background:#60a5fa0f;color:var(--muted);font-size:.75rem;font-weight:800;padding:7px 9px}.project-badges .is-live{border-color:#4df5ff73;color:var(--cyan)}.ai-tools-panel{position:relative;display:grid;grid-template-columns:1fr;gap:12px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(77,245,255,.13),rgba(63,140,255,.06) 55%,transparent),#081224b8;padding:12px}.ai-tools-panel.is-ready{border-color:#c9ff555c}.ai-tool-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.ai-tool-card>button{min-width:148px}.ai-tool-card+.ai-tool-card{padding-top:12px;border-top:1px solid var(--line)}.ai-tools-panel strong{display:block;overflow:hidden;color:var(--text);font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.ai-tools-panel small{display:block;margin-top:5px;color:var(--muted);font-size:.75rem;line-height:1.35}.ai-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.ai-actions span{color:var(--muted);font-size:.75rem;font-weight:800}.quality-switch{display:inline-grid;grid-template-columns:repeat(3,minmax(54px,1fr));overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#050d1dad}.quality-switch button{min-height:38px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:900;padding:0 9px}.quality-switch button:last-child{border-right:0}.quality-switch button.is-selected{background:linear-gradient(135deg,#4df5ff3d,#3f8cff29);color:var(--text)}.upscale-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.upscale-proof div{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px 8px;min-height:56px;border:1px solid rgba(121,179,255,.14);border-radius:var(--radius);background:#030c1c70;padding:9px}.upscale-proof svg{color:var(--blue-2)}.upscale-proof span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.upscale-proof strong{grid-column:2;margin-top:-3px;color:var(--text);font-size:.88rem}.quality-switch button:disabled{cursor:not-allowed;opacity:.52}.ai-progress{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.ai-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue-2),var(--violet))}.waveform-stage{position:relative;margin:18px 0 14px;min-height:210px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(77,245,255,.085) 1px,transparent 1px),linear-gradient(180deg,rgba(118,183,255,.06) 1px,transparent 1px),linear-gradient(135deg,rgba(63,140,255,.08),transparent),#06101f;background-size:32px 32px,32px 32px,auto}.waveform-canvas,.spectrum-canvas{display:block;width:100%;height:100%}.waveform-canvas{cursor:pointer}.empty-waveform{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:210px;padding:30px}.empty-waveform span{width:7px;min-height:24px;border-radius:999px;background:linear-gradient(180deg,var(--cyan),var(--blue),var(--violet))}.transport{display:grid;grid-template-columns:38px 38px 58px 38px minmax(120px,1fr);align-items:center;gap:10px;margin-bottom:14px}.play-button{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(77,245,255,.72);border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue-2));color:#061225;cursor:pointer;box-shadow:0 0 28px #4df5ff29}.time-readout{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);background:#60a5fa0f;color:var(--soft);font-variant-numeric:tabular-nums;font-weight:900;min-height:42px;padding:0 12px}.session-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.session-stats div{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(63,140,255,.08),transparent),#ffffff06;padding:12px}.session-stats span,.session-stats strong{display:block}.session-stats span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.session-stats strong{margin-top:6px;overflow:hidden;color:var(--text);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.analysis-section{min-height:185px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#3f8cff14,#030a1633),#071224}.analysis-header{padding:14px 14px 10px}.spectrum-canvas{height:calc(100% - 70px);min-height:112px}.export-panel{margin-top:14px;padding:14px}.history-strip{min-height:28px;margin-top:10px}.history-strip span{display:inline-flex;align-items:center;color:var(--soft)}.quick-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:16px 0 12px}.quick-modes button{min-height:36px;border:1px solid var(--line);background:#60a5fa0f}.stem-stack{display:grid;gap:7px}.stem-row{display:grid;grid-template-columns:30px 22px minmax(78px,1fr) minmax(95px,35%);align-items:center;gap:8px;min-height:48px;padding:7px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(63,140,255,.07),transparent),#ffffff06}.stem-row.is-disabled{opacity:.45;filter:grayscale(.72)}.stem-power{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#60a5fa14;color:var(--soft);cursor:pointer}.stem-icon{color:var(--blue-2)}.stem-meta span,.stem-meta small{display:block}.stem-meta span{color:var(--text);font-size:.86rem;font-weight:900}.stem-meta small{margin-top:2px;color:var(--muted);font-size:.72rem}.stem-guide{display:grid;gap:7px;margin-top:12px;padding:10px;border:1px solid rgba(121,179,255,.14);border-radius:var(--radius);background:linear-gradient(135deg,rgba(77,245,255,.06),transparent),#040c1b6b}.stem-guide-heading{display:inline-flex;align-items:center;gap:7px;color:var(--blue-2);font-size:.75rem;font-weight:900;text-transform:uppercase}.stem-guide-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:9px;padding-top:7px;border-top:1px solid rgba(121,179,255,.1)}.stem-guide-item strong{color:var(--text);font-size:.76rem}.stem-guide-item span{color:var(--muted);font-size:.72rem;line-height:1.35}input[type=range]{width:100%;accent-color:var(--slider-color, var(--cyan))}.tone-lab{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.tone-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--soft);font-size:.82rem;font-weight:900;text-transform:uppercase}.tone-actions{display:inline-flex;gap:6px}.mini-command{border:1px solid var(--line);border-radius:6px;background:#ffffff0a;color:var(--soft);cursor:pointer;font-size:.74rem;font-weight:900;min-height:28px;padding:0 9px}.mini-command:hover{border-color:#53f1cf80;color:var(--cyan)}.tone-control{display:grid;grid-template-columns:76px minmax(0,1fr) 56px;align-items:center;gap:10px;min-height:32px}.tone-control span{color:var(--soft);font-size:.8rem;font-weight:800}.tone-control strong{color:var(--text);font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}@media(max-width:1180px){.studio-grid{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}.mixer-panel{grid-column:1 / -1;min-height:auto}.stem-stack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{padding:12px}.topbar{grid-template-columns:1fr auto;height:auto}.topnav,.top-status{grid-column:1 / -1;order:3;justify-content:center}.studio-grid,.session-stats,.workflow-strip,.stem-stack{grid-template-columns:1fr}.panel,.workspace{min-height:auto}.workspace{grid-template-rows:auto auto auto 210px auto auto 185px auto}.project-header,.export-main{align-items:flex-start;flex-direction:column}.ai-tool-card{grid-template-columns:1fr}.ai-tools-panel strong{overflow:visible;white-space:normal}.ai-actions{justify-content:space-between;width:100%}.quality-switch{flex:1}.upscale-proof{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.topbar{grid-template-columns:1fr}.top-actions{justify-self:stretch}h1{font-size:1.45rem}.link-form{grid-template-columns:1fr}.transport{grid-template-columns:38px 38px 58px 38px}.time-readout{grid-column:1 / -1}.stem-row{grid-template-columns:30px 22px minmax(0,1fr)}.stem-row input{grid-column:1 / -1}.tone-control{grid-template-columns:70px minmax(0,1fr) 50px}.stem-guide-item{grid-template-columns:1fr}.ai-actions{align-items:stretch;flex-direction:column}.ai-tool-card>button{width:100%}.quality-switch{width:100%}}