:root{--bg: #0d0d10;--bg-raise: #17171c;--bg-card: #141419;--border: #26262e;--gold: #d4af37;--gold-dim: #8a742d;--text: #e8e2d5;--text-dim: #8a8578;--danger: #e05c5c;--ok: #5cb87a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100%;overflow-x:hidden}#root{min-height:100vh}a{color:var(--gold);text-decoration:none}.shell{max-width:760px;margin:0 auto;padding:0 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;margin-bottom:8px}.topbar .brand{font-size:20px;font-weight:700;color:var(--gold);letter-spacing:.5px}.topbar .brand span{color:var(--text);font-weight:400}h1{font-size:24px;font-weight:650;margin:12px 0 20px}h2{font-size:17px;font-weight:600;margin:20px 0 10px;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--border);background:var(--bg-raise);color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.btn:hover{border-color:var(--gold-dim)}.btn:disabled{opacity:.45;cursor:default}.btn.gold{background:var(--gold);border-color:var(--gold);color:#17140a}.btn.gold:hover:not(:disabled){background:#e2c04f}.btn.ghost{background:transparent}.btn.small{min-height:44px;padding:0 14px;font-size:14px}.btn.block{width:100%}.field{margin-bottom:16px}.field label{display:block;font-size:14px;color:var(--text-dim);margin-bottom:6px}.input{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-raise);color:var(--text);font-size:16px;outline:none}.input:focus{border-color:var(--gold-dim)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:14px}.card.link{display:block;color:var(--text);cursor:pointer;transition:border-color .15s}.card.link:hover{border-color:var(--gold-dim)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:17px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{font-size:13px;color:var(--text-dim);margin-top:4px}.badge{flex:none;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;letter-spacing:.3px}.badge.done{background:#5cb87a26;color:var(--ok)}.badge.running{background:#d4af3726;color:var(--gold)}.badge.queued{background:#8a85782e;color:var(--text-dim)}.badge.failed{background:#e05c5c26;color:var(--danger)}.badge.empty{background:#8a85781f;color:var(--text-dim)}.error-box{background:#e05c5c1a;border:1px solid rgba(224,92,92,.35);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:14px;margin:12px 0}.drop{border:2px dashed var(--border);border-radius:16px;padding:22px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:6px}.drop.over{border-color:var(--gold);background:#d4af370f}.drop.filled{border-style:solid;border-color:var(--gold-dim)}.drop .drop-title{font-weight:650}.drop .drop-hint{font-size:13px;color:var(--text-dim);word-break:break-all}.progress-track{height:8px;background:var(--bg-raise);border-radius:999px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .3s}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;border:1px solid var(--border);background:var(--bg-raise);color:var(--text);cursor:pointer;display:inline-flex;align-items:center}.chip.active{background:var(--gold);border-color:var(--gold);color:#17140a;font-weight:700}.stage-row{display:flex;align-items:center;gap:6px;margin:18px 0 10px}.stage-dot{width:14px;height:14px;border-radius:50%;flex:none;background:var(--bg-raise);border:2px solid var(--border)}.stage-dot.done{background:var(--gold);border-color:var(--gold)}.stage-dot.active{border-color:var(--gold);box-shadow:0 0 0 4px #d4af372e}.stage-line{flex:1;height:2px;background:var(--border);min-width:6px}.stage-line.done{background:var(--gold-dim)}.stage-text{font-size:15px;color:var(--text)}.stage-text strong{color:var(--gold)}.waveform{width:100%}.player-controls{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.time{font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.download-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.track-list{margin:0;padding:0;list-style:none}.track-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.track-list li:last-child{border-bottom:none}.track-list .t-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-list .t-type{color:var(--text-dim);flex:none}.center-page{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:100%;max-width:380px}.login-brand{text-align:center;margin-bottom:22px}.login-brand .logo{font-size:40px}.login-brand h1{margin:8px 0 4px}.login-brand p{color:var(--text-dim);margin:0;font-size:14px}.muted{color:var(--text-dim);font-size:14px}.spacer{height:8px}.shell.wide{max-width:1180px}.project-layout{display:block}.desktop-only{display:none}.mobile-only{display:flex}@media (min-width: 901px){.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.project-chat{position:sticky;top:16px}.desktop-only{display:block}.mobile-only{display:none!important}}.tab-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab{min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;border:1px solid var(--border);background:var(--bg-raise);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;font-weight:600}.tab.active{background:var(--gold);border-color:var(--gold);color:#17140a}.tab.link{text-decoration:none}.chat-panel{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;height:min(72vh,640px)}.chat-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.chat-title{font-weight:700;color:var(--gold)}.chat-scroll{flex:1;overflow-y:auto;padding:14px}.chat-empty{padding:8px 4px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chat-msg{display:flex;margin-bottom:10px}.chat-msg.user{justify-content:flex-end}.chat-msg.assistant{justify-content:flex-start}.chat-bubble{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-msg.user .chat-bubble{background:var(--gold);color:#17140a;border-bottom-right-radius:4px;font-weight:500}.chat-msg.assistant .chat-bubble{background:var(--bg-raise);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-bubble.typing{display:inline-flex;gap:5px;padding:14px 16px}.chat-bubble.typing .dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:chat-blink 1.2s infinite}.chat-bubble.typing .dot:nth-child(2){animation-delay:.2s}.chat-bubble.typing .dot:nth-child(3){animation-delay:.4s}@keyframes chat-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.chat-cost{margin-top:6px;font-size:11px;color:var(--text-dim);text-align:right}.chat-error{margin:0 14px 8px;padding:8px 12px;border-radius:10px;font-size:13px;background:#e05c5c1a;border:1px solid rgba(224,92,92,.35);color:var(--danger)}.chat-lock-hint{margin:0 14px 8px;padding:8px 12px;border-radius:10px;font-size:13px;background:#d4af3714;border:1px solid rgba(212,175,55,.3);color:var(--gold)}.chat-input-row{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border)}.chat-input{flex:1}.chat-send{min-width:56px;min-height:48px;padding:0;font-size:18px}.diff-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.diff-chip{font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;letter-spacing:.2px;animation:chip-pulse .9s ease 1}.diff-chip.up{background:#5cb87a29;color:var(--ok);border:1px solid rgba(92,184,122,.4)}.diff-chip.down{background:#5a96e629;color:#7fb2f2;border:1px solid rgba(90,150,230,.4)}.diff-chip.neutral{background:#d4af371f;color:var(--gold);border:1px solid rgba(212,175,55,.35)}@keyframes chip-pulse{0%{box-shadow:0 0 #d4af3766}to{box-shadow:0 0 0 8px #d4af3700}}.version-badge-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.version-badge{font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:#d4af3724;color:var(--gold);border:1px solid rgba(212,175,55,.4)}.btn.tiny{min-height:44px;padding:0 12px;font-size:13px;border-radius:10px}.chat-fab{position:fixed;right:16px;bottom:16px;z-index:40;width:56px;height:56px;border-radius:50%;background:var(--gold);color:#17140a;border:none;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000073;cursor:pointer}.chat-fab.hidden{display:none!important}.chat-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:flex-end}.chat-sheet{position:relative;width:100%;max-height:82vh;background:var(--bg-card);border-radius:20px 20px 0 0;border-top:1px solid var(--border);padding:10px 10px 12px;animation:sheet-up .22s ease}.chat-sheet .chat-panel{height:min(70vh,560px);border:none;border-radius:12px}.chat-sheet-grip{width:44px;height:4px;border-radius:999px;background:var(--border);margin:2px auto 8px}.chat-sheet-close{position:absolute;top:10px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:none;background:var(--bg-raise);color:var(--text);font-size:16px;cursor:pointer}@keyframes sheet-up{0%{transform:translateY(30%);opacity:.6}to{transform:none;opacity:1}}.version-list{margin:0;padding:0;list-style:none}.version-list li{padding:12px 0;border-bottom:1px solid var(--border)}.version-list li:last-child{border-bottom:none}.version-list li.current{background:#d4af370a;border-radius:8px;padding-left:8px;padding-right:8px}.v-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.v-name{font-size:15px;overflow:hidden;text-overflow:ellipsis}.v-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ab-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.ab-selects{grid-template-columns:1fr}}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ab-player .ab-now{font-size:15px;margin-bottom:12px}.gold-text{color:var(--gold)}.ab-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ab-toggle{width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);background:var(--bg-raise);color:var(--gold);font-size:22px;font-weight:800;cursor:pointer;transition:background .1s,color .1s}.ab-toggle.b{background:var(--gold);color:#17140a}.ab-seek{cursor:pointer;margin-top:14px;height:10px}.ab-waves{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media (max-width: 560px){.ab-waves{grid-template-columns:1fr}}.mini-wave{border:1px solid var(--border);border-radius:10px;padding:4px;opacity:.55;transition:opacity .15s,border-color .15s}.mini-wave.active{opacity:1;border-color:var(--gold-dim)}