:root{color-scheme:dark;--bg: #0d0d0d;--bg-soft: #191919;--card: #171717;--card-hover: #1d1d1d;--line: #262626;--text: #ffffff;--muted: #9a9a9a;--brand: #36e0e0;--brand-soft: rgba(54, 224, 224, .12);--ok: #35c47c;--danger: #ef5b5b;--radius: 14px;--sidebar-w: 228px;--playbar-h: 72px;--tabbar-h: 56px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;background:transparent;color:inherit;transition:transform .12s ease,opacity .12s ease,background .15s ease,border-color .15s ease}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}audio{color-scheme:dark;border-radius:8px;width:100%;height:34px}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:20px 14px calc(var(--playbar-h) + 20px);background:#080808;border-right:1px solid #1a1a1a}.sb-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 6px}.sb-mark{width:32px;height:32px;border-radius:9px;flex:none;object-fit:cover;display:block}.sb-brand-t{font-size:15.5px;font-weight:700;letter-spacing:.3px}.sb-cta{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--brand);color:#041413;font-size:13.5px;font-weight:700;padding:10px 14px;border-radius:11px}.sb-cta svg{width:15px;height:15px}.sb-cta:hover{filter:brightness(1.08)}.sidenav{display:flex;flex-direction:column;gap:2px}.sidenav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 11px;border-radius:10px;color:#9a9a9a;font-size:13.5px;font-weight:500;border-left:2px solid transparent}.sidenav-item svg{width:19px;height:19px;flex:none;display:block}.sidenav-item span,.sidenav-item{line-height:1}.sidenav-item:hover{background:#171717;color:#eaeaea}.sidenav-item.on{background:var(--brand-soft);color:#fff;border-left-color:var(--brand)}.sb-user{margin-top:auto;padding:10px;border-radius:13px;background:#121212;border:1px solid #202020}.sb-user-top{display:flex;align-items:center;gap:9px}.sb-user-main{min-width:0}.sb-user-name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-sub{font-size:10.5px;color:#7a7a7a;margin-top:2px}.page{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 26px 10px}.tb-brand{display:flex;align-items:center;gap:10px;min-width:0}.tb-mark{width:32px;height:32px;border-radius:9px;flex:none;object-fit:cover;display:block}.tb-title{font-size:17px;font-weight:700;letter-spacing:.2px}.tb-sub{font-size:11px;color:#6f6f6f;margin-top:1px}.tb-actions{display:flex;align-items:center;gap:10px}.icon-round{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg-soft);border:1px solid var(--line);color:#cfcfcf}.icon-round svg{width:17px;height:17px}.icon-round:hover{border-color:var(--brand);color:var(--brand)}.user-chip{display:flex;align-items:center;gap:8px;flex:none;font-size:12.5px;color:#c3d0e0;border:1px solid var(--line);border-radius:22px;padding:4px 12px 4px 4px;background:var(--bg-soft)}.user-avatar{width:26px;height:26px;border-radius:50%;flex:none;background:linear-gradient(135deg,#36e0e0,#1d8f9e);display:grid;place-items:center;font-size:11px;font-weight:700;color:#07191b}.main{flex:1;padding:0 26px calc(var(--playbar-h) + 28px);max-width:1400px;width:100%;overflow-x:clip}.view{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.sect-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:26px 0 12px;flex-wrap:wrap}.sect-head-2{margin-top:30px}.sect-title{font-size:19px;font-weight:700;letter-spacing:-.2px}.sect-sub{font-size:12.5px;color:var(--muted);margin-top:4px}.sect-more{display:flex;align-items:center;gap:2px;font-size:12.5px;color:var(--muted);padding:4px 2px}.sect-more svg{width:14px;height:14px}.sect-more:hover{color:var(--brand)}.search{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border:1px solid var(--line);border-radius:11px;padding:8px 12px;min-width:200px;flex:0 1 280px}.search:focus-within{border-color:var(--brand)}.search svg{color:var(--muted);flex:none}.search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:13px;font-family:inherit}.search input::placeholder{color:#66768c}.hero{position:relative;overflow:hidden;border-radius:20px;padding:36px 34px;background:radial-gradient(720px 300px at 84% 12%,rgba(54,224,224,.2),transparent 62%),linear-gradient(115deg,#172020,#101a19 44%,#0f0f0f);border:1px solid #1e2a29;min-height:236px;display:flex;align-items:center}.hero-kicker{font-size:11px;letter-spacing:3px;color:var(--brand)}.hero-title{font-size:34px;font-weight:800;line-height:1.28;margin-top:12px;letter-spacing:-.5px}.hero-note{color:var(--brand);font-size:1.05em;margin:0 2px;display:inline-block}.hero-sub{font-size:13.5px;color:#a2a2a2;margin-top:12px;line-height:1.8;max-width:480px}.hero-actions{display:flex;gap:10px;margin-top:22px;position:relative;z-index:2}.hero-actions .btn-cta{width:auto;padding:11px 24px}.hero-actions .btn-ghost{padding:11px 20px}.hero-eq{position:absolute;right:60px;top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;gap:6px;height:130px;opacity:.38;pointer-events:none}.hero-eq span{width:6px;border-radius:3px;transform-origin:bottom;background:linear-gradient(180deg,#36e0e0f2,#36e0e00f);animation:eqPulse 1.9s ease-in-out infinite}@keyframes eqPulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.rail::-webkit-scrollbar{height:6px}.rail-card{flex:none;width:160px;cursor:pointer;scroll-snap-align:start}.rail-cover{position:relative;overflow:hidden;width:160px;height:160px;border-radius:12px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease}.rail-card:hover .rail-cover{transform:translateY(-3px)}.rail-card.active .rail-cover{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.rail-play{position:absolute;right:9px;bottom:9px;z-index:2;width:34px;height:34px;border-radius:50%;background:#080c0e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(4px);transition:all .18s ease}.rail-play svg{width:16px;height:16px}.rail-play.playing{opacity:1;transform:none;background:var(--brand);color:#04110f}.rail-card:hover .rail-play,.rail-cover:hover .rail-play{opacity:1;transform:none}.rail-body{padding:8px 2px 0}.rail-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-sub{font-size:11.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:12.5px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);color:#a8a8a8;background:transparent}.chip:hover{border-color:#3a3a3a;color:#e5e5e5}.chip.on{background:var(--brand);border-color:var(--brand);color:#041413;font-weight:700}.song-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:1400px){.song-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1120px){.song-grid{grid-template-columns:repeat(3,1fr)}}.song-card{position:relative;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.song-card:hover{transform:translateY(-2px);border-color:#2c4a4a;box-shadow:0 10px 24px #0006}.song-card.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.song-cover{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:grid;place-items:center}.song-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(150px 110px at 16% 10%,rgba(255,255,255,.16),transparent 66%),linear-gradient(180deg,transparent 40%,rgba(6,10,16,.4))}.cover-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 2px,transparent 2px 8px),radial-gradient(circle at 26% 22%,rgba(255,255,255,.16),transparent 58%)}.cover-art:after{content:"";position:absolute;right:-26px;bottom:-26px;width:116px;height:116px;border-radius:50%;border:15px solid rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px #ffffff0d}.cover-art:before{content:"";position:absolute;right:22px;bottom:22px;width:5px;height:5px;border-radius:50%;background:#ffffff59}.cover-play{position:absolute;right:9px;bottom:9px;z-index:2;width:32px;height:32px;border-radius:50%;background:#080c0e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(4px);transition:all .18s ease}.cover-play svg{width:15px;height:15px;margin-left:1px}.song-card:hover .cover-play{opacity:1;transform:none}@media(hover:none){.cover-play{opacity:1;transform:none}}.song-body{padding:9px 11px 11px;position:relative;z-index:2}.song-name{font-size:13.5px;font-weight:600;color:#edf3fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-sub-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-top:4px}.song-sub-line span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.song-sub-line span:last-child{flex:none}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel+.panel{margin-top:14px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.panel-title{font-size:14.5px;font-weight:700;letter-spacing:.2px}.panel-hint{font-size:12px;color:#8d8d8d}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.two-col .panel+.panel{margin-top:0}.step-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-label{font-size:13px;color:var(--muted)}.btn-primary{background:var(--brand);color:#041413;padding:10px 18px;font-size:14px;font-weight:700}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text);padding:10px 16px;font-size:13.5px}.btn-ghost:hover:not(:disabled){border-color:var(--brand)}.btn-rec{background:var(--danger);color:#fff;padding:10px 18px;font-size:14px;font-weight:600}.btn-cta{background:var(--brand);color:#041413;font-size:13.5px;font-weight:700;padding:10px 18px;border-radius:11px}.btn-cta:hover{filter:brightness(1.08)}.btn-block{width:100%;margin-top:16px}.link-btn{background:transparent;color:var(--brand);font-size:12.5px;padding:4px 6px;border-radius:6px;flex:none}.link-btn:hover{background:var(--brand-soft)}.error{margin-top:12px;font-size:13px;color:#ffb3b3;background:#2a1618;border:1px solid #4a2226;padding:10px 12px;border-radius:10px}.empty{font-size:13px;color:var(--muted);padding:28px 0;text-align:center}.hint-box{margin-top:14px;font-size:12.5px;line-height:1.8;color:#8d8d8d;background:#131313;border:1px dashed var(--line);border-radius:11px;padding:12px 14px}.footer{margin-top:36px;padding-bottom:8px;text-align:center;font-size:11.5px;color:#555}.rec-box{border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;background:#121212}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);margin-right:6px;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.rec-time{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#d8d8d8}.rec-time.live{color:#fff}.rec-note{font-size:12px;color:var(--muted);margin-top:6px}.rec-actions{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:52px;margin:10px 0 2px}.wave-bar{width:4px;min-height:3px;border-radius:2px;background:linear-gradient(180deg,#4deeee,#1b8c99);opacity:.28;transition:height .07s linear,opacity .2s ease}.wave.live .wave-bar{opacity:1}.upload-bar{height:6px;background:#242424;border-radius:20px;overflow:hidden;margin-top:12px}.upload-fill{height:100%;background:var(--ok);transition:width .2s ease}.tip-ok{font-size:12px;color:#7fe3b4;margin-top:8px}.rec-script{margin-top:12px;max-height:130px;overflow-y:auto;text-align:left;font-size:13px;line-height:1.95;color:#c3d0e0;border-top:1px dashed var(--line);padding-top:10px;white-space:pre-wrap}.voice-list{display:flex;flex-direction:column;gap:7px;margin-top:4px;max-height:460px;overflow-y:auto}.voice-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;background:var(--bg-soft);border:1px solid transparent;cursor:pointer}.voice-item:hover{background:var(--card-hover)}.voice-item.active{border-color:var(--brand);background:var(--brand-soft)}.voice-main{flex:1;min-width:0}.voice-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-sub{font-size:11px;color:var(--muted);margin-top:2px}.voice-audio{width:108px;height:26px;flex:none}.voice-play{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;background:#262626;color:#d0d0d0}.voice-play svg{width:13px;height:13px;margin-left:1px}.voice-play.on{background:var(--brand);color:#04110f}.voice-play:hover:not(:disabled){background:#333}.voice-play.on:hover:not(:disabled){background:var(--brand);filter:brightness(1.08)}.voice-dur{font-size:11px;color:#8d8d8d;flex:none;width:38px;text-align:right;font-variant-numeric:tabular-nums}.icon-btn{background:transparent;color:var(--muted);font-size:15px;padding:2px 7px;border-radius:6px;line-height:1;flex:none}.icon-btn:hover{color:var(--text);background:#262626}.icon-btn.danger:hover{color:#ff9d9d;background:#2a1618}.voice-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font-size:10px;line-height:1.6;vertical-align:1px;border:1px solid var(--line);color:var(--muted)}.voice-badge.pending{color:#f3c65a;border-color:#f3c65a66;background:#f3c65a1a}.voice-badge.training{color:#7fc4f0;border-color:#7fc4f066;background:#7fc4f01a}.voice-badge.ready{color:var(--brand);border-color:#36e0e066;background:var(--brand-soft)}.voice-badge.failed{color:#ff9d9d;border-color:#ef5b5b66;background:#ef5b5b1a}.voice-train-btn{flex:none;padding:5px 11px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid var(--brand);color:#041413;background:var(--brand)}.voice-train-btn:hover{filter:brightness(1.06)}.voice-train{margin-top:7px}.voice-train-bar{height:5px;border-radius:999px;background:#262626;overflow:hidden}.voice-train-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .4s ease}.voice-train-text{font-size:11px;color:var(--muted);margin-top:4px}.voice-train-err{color:#ff9d9d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper{display:flex;align-items:center;gap:6px;margin-bottom:16px}.step-dot{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;background:#1c1c1c;color:#6b6b6b;border:1px solid var(--line)}.step-dot.on{background:var(--brand);border-color:var(--brand);color:#08191b}.step-dot.done{background:#36e0e024;border-color:#36e0e073;color:var(--brand)}.step-name{font-size:11.5px;color:var(--muted)}.step-name.on{color:var(--text)}.step-line{flex:1;height:1px;background:var(--line);min-width:10px}.step-line.done{background:#36e0e073}.picked{display:flex;align-items:center;gap:10px;margin-bottom:12px;background:var(--bg-soft);border:1px solid var(--line);border-radius:11px;padding:9px 11px}.empty-picked{font-size:12.5px;color:var(--muted);justify-content:space-between}.picked-cover{position:relative;overflow:hidden;flex:none;width:40px;height:40px;border-radius:9px}.picked-cover .cover-art:after{width:26px;height:26px;right:-6px;bottom:-6px;border-width:5px}.picked-cover .cover-art:before{right:8px;bottom:8px;width:3px;height:3px}.picked-main{flex:1;min-width:0}.picked-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picked-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.voice-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:11px;background:#131313;border:1px solid #202020}.progress-track{height:8px;background:#242424;border-radius:20px;overflow:hidden;margin:6px 0 10px}.progress-fill{height:100%;background:linear-gradient(90deg,#36e0e0,#2e9bff);transition:width .4s ease}.result{margin-top:18px}.asset{margin-bottom:12px}.asset-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.mixboard{margin-top:16px;padding:16px 16px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px}.mb-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.mb-row{margin-bottom:14px}.mb-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:6px}.mb-val{font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.mb-hint{font-size:11px;color:#9a9a9a;margin-top:3px}.mixboard input[type=range]{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--brand-soft),var(--brand));border-radius:4px;outline:none;cursor:pointer}.mixboard input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--brand);cursor:pointer;box-shadow:0 1px 4px #0003}.mb-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mb-toggle input{accent-color:var(--brand);cursor:pointer}.dur-input-wrap{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px 8px;transition:border-color .15s}.dur-input-wrap:focus-within{border-color:var(--brand)}.dur-input{width:52px;border:none;background:transparent;outline:none;color:var(--brand);font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dur-input::-webkit-outer-spin-button,.dur-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dur-unit{font-size:11px;color:#9a9a9a}.task-queue{margin:12px 0;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px}.queue-head{font-size:12px;color:#9a9a9a;margin-bottom:8px}.queue-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;border-top:1px dashed rgba(255,255,255,.06)}.queue-item:first-of-type{border-top:none}.q-idx{min-width:28px;font-size:10px;color:var(--brand)}.q-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-state{font-variant-numeric:tabular-nums;color:#bdbdbd}.queue-item.queued .q-state{color:#e8b04a}.queue-item.running .q-state{color:var(--brand)}.queue-item.failed .q-state{color:#ff6b6b}.queue-item.done .q-state{color:#4ecb71}.queue-item.active{background:#ffffff08;border-radius:6px}.q-err{font-size:11px;color:#ff8080;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-retry{background:transparent;color:var(--brand);border:1px solid var(--line);font-size:11.5px;padding:3px 8px;border-radius:6px;flex:none;cursor:pointer}.q-retry:hover{background:var(--brand-soft)}.q-retry:disabled{opacity:.5;cursor:default}.queue-fold{width:100%;margin-top:6px;background:transparent;color:#9a9a9a;border:1px dashed var(--line);font-size:11.5px;padding:4px 0;border-radius:6px;cursor:pointer}.queue-fold:hover{color:var(--brand);border-color:var(--brand)}.mb-toggle span{font-weight:700;color:var(--brand);font-size:13px}.mb-select{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text);cursor:pointer;outline:none}.mb-input{width:100%;background:#131313;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:13.5px;color:var(--text);outline:none;font-family:inherit;resize:vertical;line-height:1.6}.mb-input:focus{border-color:var(--brand)}.gen-lyrics{font-size:13px}.gen-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.gen-chip{text-transform:capitalize}.gen-again{display:flex;align-items:center;gap:10px;margin-top:12px}.style-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin:4px 0 2px;scrollbar-width:thin}.style-tabs::-webkit-scrollbar{height:4px}.style-tabs::-webkit-scrollbar-thumb{background:#2f2f2f;border-radius:4px}.style-tab{flex:none;border:1px solid var(--line);background:transparent;color:#b3b3b3;font-size:12.5px;padding:7px 14px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .16s ease;white-space:nowrap}.style-tab:hover{border-color:#3d3d3d;color:#e5e5e5}.style-tab.on{background:#36e0e021;border-color:var(--brand);color:var(--brand);font-weight:700}.style-pill{font-size:12.5px;padding:7px 15px;letter-spacing:.2px}.style-hover-tip{margin-top:8px;font-size:11.5px;line-height:1.6;color:#7fd8d8;background:#36e0e00f;border-left:2px solid rgba(54,224,224,.5);padding:7px 10px;border-radius:0 8px 8px 0;word-break:break-word}.tpl-wrap{position:relative}.tpl-menu{position:absolute;right:0;top:24px;z-index:40;min-width:132px;background:#1c1c1c;border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 10px 30px #0000008c}.tpl-item{display:block;width:100%;text-align:left;background:transparent;border:0;color:#d0d0d0;font-size:12.5px;padding:8px 10px;border-radius:7px;cursor:pointer;font-family:inherit}.tpl-item:hover{background:#36e0e01f;color:var(--brand)}.voice-summary{font-size:11.5px;color:#7fd8d8;margin-top:6px;line-height:1.6;word-break:break-word}.voice-panel{margin:10px 0 14px;padding:14px;border-radius:12px;background:#ffffff05;border:1px solid var(--line)}.voice-line{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.voice-key{flex:none;width:34px;font-size:12.5px;color:#8f8f8f;padding-top:7px}.mb-input:disabled{opacity:.55;cursor:not-allowed}.lyric-ai-btn{color:var(--brand);font-weight:700}.lyric-ai{margin:10px 0 12px;padding:14px;border-radius:12px;background:linear-gradient(180deg,#36e0e012,#36e0e005);border:1px solid rgba(54,224,224,.28)}.lyric-ai-hint{font-size:12px;color:#e8b04a;background:#2a2318;border:1px solid #4a3a20;padding:8px 10px;border-radius:8px;margin-bottom:10px;line-height:1.6}.works-empty{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:54px 20px;text-align:center;color:var(--muted);font-size:13px}.work-list{display:flex;flex-direction:column;gap:8px}.work-row{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;transition:border-color .18s ease,background .18s ease}.work-row:hover{border-color:#2f4147;background:var(--card-hover)}.work-cover{position:relative;overflow:hidden;width:44px;height:44px;border-radius:10px;flex:none;padding:0;border:0;cursor:pointer}.work-cover-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity .15s ease;background:#00000052}.work-cover-play svg{width:18px;height:18px;color:#fff}.work-cover:hover .work-cover-play{opacity:1}.work-name{cursor:text}.work-name:hover{color:var(--brand)}.work-dl.as-btn{background:transparent;cursor:pointer;font-family:inherit}.work-dl.as-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.work-dl.as-btn:disabled{opacity:.5;cursor:default}.work-cover .cover-art:after{width:30px;height:30px;right:-7px;bottom:-7px;border-width:6px}.work-main{flex:1;min-width:0}.work-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-meta{font-size:11.5px;color:var(--muted);margin-top:3px}.work-badge{flex:none;font-size:11px;padding:3px 9px;border-radius:999px;background:#1f1f1f;border:1px solid var(--line);color:#a0a0a0}.work-badge.done{color:var(--brand);border-color:#36e0e059;background:#36e0e01a}.work-badge.running{color:#e8c26a;border-color:#e8c26a4d;background:#e8c26a1a}.work-badge.failed{color:#e87070;border-color:#e870704d;background:#e870701a}.work-audio{width:190px;height:32px;flex:none}.work-dl{flex:none;font-size:12px;color:#cfcfcf;text-decoration:none;padding:5px 12px;border-radius:9px;border:1px solid var(--line)}.work-dl:hover{border-color:#3a3a3a;color:#fff}.work-dl.disabled{opacity:.35}.sq-sort{display:flex;gap:8px;align-items:center}.sq-sort button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:7px 15px;border-radius:999px;font-size:13px;cursor:pointer}.sq-sort button.on{color:#08110f;background:var(--brand);border-color:var(--brand);font-weight:600}.sq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px}.sq-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .18s ease,transform .18s ease}.sq-card:hover{border-color:#2f4147;transform:translateY(-2px)}.sq-cover{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center}.sq-cover .cover-art:after{width:74px;height:74px;right:18px;bottom:18px;border-width:12px}.sq-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity .18s ease;background:#00000047}.sq-play svg{width:42px;height:42px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.sq-card:hover .sq-play{opacity:1}.sq-body{padding:10px 12px 12px}.sq-title{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sq-owner{font-size:11.5px;color:var(--muted);margin-top:4px}.sq-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.sq-stat{font-size:11.5px;color:var(--muted)}.sq-like{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:var(--muted);font-size:11.5px;cursor:pointer;padding:2px 4px}.sq-like svg{width:15px;height:15px}.sq-like.on{color:#ff6b8a}.sq-actions{display:flex;align-items:center;gap:2px}.sq-use{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:11px;padding:2px 8px;border-radius:999px;cursor:pointer}.sq-use:hover{border-color:var(--brand);color:var(--brand)}.sq-mine{display:grid;place-items:center;background:var(--brand-soft);border-style:dashed;border-color:#36e0e059}.sq-mine:hover{border-color:var(--brand)}.sq-mine-body{padding:26px 16px;text-align:center;color:var(--brand)}.sq-mine-body svg{width:34px;height:34px}.sq-mine-title{font-size:14px;font-weight:700;margin-top:10px}.sq-mine-sub{font-size:11.5px;color:var(--muted);margin-top:6px}.up-song{display:flex;gap:8px;align-items:center}.up-song-label{cursor:pointer}.up-song-label input{display:none}.playbar{position:fixed;left:0;right:0;bottom:0;z-index:45;height:var(--playbar-h);display:flex;align-items:center;gap:18px;padding:0 18px;background:#101010f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #232323}.playbar audio{display:none}.pb-left{display:flex;align-items:center;gap:11px;width:260px;flex:none;min-width:0}.pb-cover{position:relative;overflow:hidden;flex:none;width:46px;height:46px;border-radius:10px;cursor:pointer}.pb-cover .cover-art:after{width:30px;height:30px;right:-7px;bottom:-7px;border-width:6px}.pb-cover-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#0006;color:#fff;opacity:0;transition:opacity .16s ease}.pb-cover-mask svg{width:16px;height:16px}.pb-cover:hover .pb-cover-mask{opacity:1}.pb-info{min-width:0}.pb-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-artist{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-center{flex:1;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:5px}.pb-controls{display:flex;align-items:center;gap:14px}.pb-btn{width:30px;height:30px;display:grid;place-items:center;color:#b8b8b8;border-radius:50%}.pb-btn svg{width:16px;height:16px}.pb-btn:hover{color:#fff;background:#222}.pb-main{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--brand);color:#04110f}.pb-main svg{width:16px;height:16px}.pb-main:hover{filter:brightness(1.08)}.pb-time-row{display:flex;align-items:center;gap:9px;width:100%}.pb-time{font-size:10.5px;color:#7d7d7d;font-variant-numeric:tabular-nums;flex:none;width:34px;text-align:center}.pb-progress{flex:1;height:4px;border-radius:999px;background:#2e2e2e;cursor:pointer;position:relative}.pb-progress:hover{height:6px}.pb-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#36e0e0,#2e9bff);transition:width .1s linear}.pb-right{display:flex;align-items:center;gap:14px;flex:none}.pb-gen{font-size:12px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid rgba(54,224,224,.4);color:var(--brand)}.pb-gen:hover{background:var(--brand-soft)}.pb-volume{display:flex;align-items:center;gap:6px;color:#8d8d8d}.pb-volume svg{width:16px;height:16px}.pb-volume input{width:74px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;border-radius:999px;outline:none;cursor:pointer}.pb-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#d8d8d8;cursor:pointer}.pb-volume input::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:#d8d8d8}.tabbar{display:none}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04080ebd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(680px,100%);max-height:86vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #00000080;transition:transform .06s linear}.modal-head{padding:18px 48px 6px 20px;cursor:grab;-webkit-user-select:none;user-select:none}.modal-head:active{cursor:grabbing}.modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--muted)}.modal-close svg{width:16px;height:16px}.modal-close:hover{background:#262626;color:var(--text)}.modal-title{font-size:16px;font-weight:700}.modal-sub{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.7}.modal-body{padding:0 20px 8px;overflow-y:auto}.modal-foot{padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);background:#121212}.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}.guide-tab{font-size:12px;padding:6px 12px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted)}.guide-tab.active{border-color:var(--brand);background:var(--brand-soft);color:#cfe0ff}.guide-text{font-size:15px;line-height:2.05;color:#d8e3f2;white-space:pre-wrap}.guide-meta{font-size:12px;color:var(--muted);margin:12px 0 4px}*{scrollbar-width:thin;scrollbar-color:#2c2c2c transparent}::-webkit-scrollbar{width:9px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#3f3f3f;background-clip:padding-box}@media(min-width:901px){.topbar{justify-content:flex-end;padding:14px 26px 2px}.tb-brand{display:none}}@media(max-width:900px){.sidebar{display:none}.topbar{position:sticky;top:0;z-index:30;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#0d0d0df0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #1c1c1c}.tb-title{font-size:16px}.tb-sub,.icon-round{display:none}.user-chip{padding:2px;border-radius:50%;background:transparent;border-color:transparent}.user-avatar{width:30px;height:30px;font-size:12px}.user-name{display:none}.main{padding:14px 14px calc(var(--playbar-h) + var(--tabbar-h) + 26px + env(safe-area-inset-bottom))}.hero{padding:24px 18px;border-radius:18px;min-height:0}.hero-eq{display:none}.hero-title{font-size:24px}.hero-sub{font-size:12.5px}.hero-actions{margin-top:18px}.hero-actions .btn-cta,.hero-actions .btn-ghost{flex:1;text-align:center;padding:11px 14px}.sect-head{margin:22px 0 12px}.sect-title{font-size:17px}.rail{gap:10px;margin-right:0;padding-right:14px}.rail::-webkit-scrollbar{height:0}.rail-card{width:128px}.rail-cover{width:128px;height:128px;border-radius:11px}.filter-row{flex-direction:column;align-items:stretch;gap:10px}.chips{overflow-x:visible;flex-wrap:wrap;gap:6px}.chip{flex:none;font-size:12px;padding:6px 12px}.search{flex:1 1 100%;min-width:0;order:-1}.song-grid{grid-template-columns:repeat(2,1fr);gap:10px}.song-name{font-size:13px}.two-col{grid-template-columns:1fr;gap:14px}.two-col .panel+.panel{margin-top:0}.panel{padding:15px}.voice-item{flex-wrap:nowrap}.work-row{flex-wrap:wrap;gap:10px}.work-main{flex-basis:calc(100% - 120px)}.work-audio{width:100%;order:5}.work-dl{order:4}.playbar{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));height:var(--playbar-h);padding:0 12px;gap:10px;border-radius:0}.pb-left{width:auto;flex:1;gap:9px}.pb-cover{width:40px;height:40px;border-radius:9px}.pb-cover-mask{opacity:1;background:#00000047}.pb-name{font-size:12.5px}.pb-artist{font-size:11px}.pb-center{display:none}.pb-right{gap:8px}.pb-volume{display:none}.pb-gen{padding:6px 11px;font-size:11.5px}.pb-main-m{display:grid}.playbar:before{content:"";position:absolute;left:0;top:0;height:2px;width:var(--pct, 0%);background:linear-gradient(90deg,#36e0e0,#2e9bff);transition:width .1s linear}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0a0af7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #1f1f1f}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:0;color:#6f6f6f;font-size:10px;padding:5px 2px 3px;-webkit-tap-highlight-color:transparent}.tab-item svg{width:22px;height:22px;display:block}.tab-item.on{color:var(--brand)}.tab-item.on span{font-weight:600}.tab-item:active{transform:none;background:#ffffff08}.footer{margin-top:22px}}@media(max-width:420px){.song-grid{gap:9px}.panel-head .panel-hint{display:none}.btn-primary,.btn-ghost,.btn-rec{padding:11px 16px;font-size:13.5px;min-height:42px}}@media(max-width:1180px){.pb-volume{display:none}}@media(max-width:1020px){.pb-left{width:200px}.pb-gen{display:none}}.sb-login,.sb-logout{width:100%;margin-top:10px;padding:9px 0;border-radius:10px;cursor:pointer;font-size:13px;font-family:inherit;transition:all .18s}.sb-login{background:var(--accent, #2fd3c6);color:#08110f;border:0;font-weight:600}.sb-login:hover{filter:brightness(1.08)}.sb-logout{background:transparent;color:var(--muted, #8b9496);border:1px solid var(--line, #242424)}.sb-logout:hover{color:#fff;border-color:#3a3a3a}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:12px;color:var(--muted, #8b9496);margin-bottom:6px}.login-row{display:flex;gap:8px}.login-field input{flex:1;width:100%;padding:11px 13px;border-radius:10px;font-size:14px;font-family:inherit;background:#171717;border:1px solid #2a2a2a;color:#f2f2f2;outline:none;transition:border-color .18s}.login-field input:focus{border-color:var(--accent, #2fd3c6)}.login-dev{font-size:13px;color:var(--accent, #2fd3c6);margin-bottom:10px}.login-msg{font-size:13px;color:#ff8a80}