@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-italic-BicUS2cM.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-italic-Py8at3oI.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.av-back{color:var(--dim);align-items:center;gap:6px;margin-bottom:14px;font-size:15px;display:inline-flex}.av-back:hover{color:var(--text);text-decoration:none}.av-card{background:linear-gradient(180deg, var(--card2), var(--card));border:1px solid var(--line);border-radius:18px;margin-bottom:18px;padding:20px 22px}.av-card h3{margin-bottom:4px;font-size:24px;font-weight:500}.av-card p{margin:6px 0}.av-sec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.av-sec-head h2{align-items:center;gap:10px;font-size:28px;font-weight:500;display:flex}.av-badge{border:1px solid var(--line2);color:var(--dim);white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:inline-flex}.av-badge .dot{background:var(--mute);border-radius:50%;width:8px;height:8px}.av-badge.ok{color:var(--ok);background:#8fc78a14;border-color:#8fc78a73}.av-badge.ok .dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.av-badge.wait{color:var(--copper);background:var(--copper-soft);border-color:#e8a15a73}.av-badge.wait .dot{background:var(--copper);animation:1.4s ease-in-out infinite av-pulse}.av-badge.bad{color:#f0b3ae;background:#e2716a14;border-color:#e2716a80}.av-badge.bad .dot{background:var(--danger)}@keyframes av-pulse{50%{opacity:.3}}.av-avatar{aspect-ratio:1;border:1px solid var(--line2);background:var(--card2);border-radius:22px;width:100%;position:relative;overflow:hidden}.av-avatar .cover,.av-avatar img{object-fit:cover;width:100%;height:100%;display:block}.av-avatar.lg{flex:none;width:200px}.av-initials{font-family:var(--serif);color:#fff4e2;text-shadow:0 2px 18px #0000008c;place-items:center;font-size:44px;display:grid;position:absolute;inset:0}.av-avatar.lg .av-initials{font-size:64px}.av-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.av-card-artist{border:1px solid var(--line);background:linear-gradient(180deg, var(--card2), var(--card));border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.av-card-artist:hover{border-color:var(--line2)}.av-card-link{color:var(--text);flex-direction:column;gap:12px;display:flex}.av-card-link:hover{text-decoration:none}.av-card-link h2{font-size:26px;font-weight:500}.av-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.av-card-style{color:var(--dim);margin:0;font-size:14px}.av-card-artist .btn{margin-top:auto}.av-form{flex-direction:column;gap:16px;display:flex}.av-form textarea,.av-form input{width:100%}.av-head{align-items:flex-start;gap:28px;margin-bottom:26px;display:flex}.av-head-body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.av-name{font-family:var(--serif);background:0 0;border:1px solid #0000;border-radius:12px;width:100%;margin-left:-8px;padding:0 8px;font-size:clamp(34px,4.5vw,54px);font-weight:500;line-height:1.15}.av-name:hover{border-color:var(--line)}.av-name:focus-visible,.av-bio:focus-visible,.av-style:focus-visible{outline:2px solid var(--copper);border-color:#0000}.av-head-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.av-bio,.av-style{border:1px solid var(--line);resize:vertical;background:#ffffff05;border-radius:12px;width:100%;max-width:640px;padding:10px 12px}.av-style-label{color:var(--dim);margin-top:4px;font-size:14px}.av-chips{flex-wrap:wrap;gap:8px;display:flex}.av-chips .chip{padding:5px 12px;font-size:14px}.av-head-actions{margin-top:6px}.av-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.av-tabs button{border:1px solid var(--line2);color:var(--dim);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.av-tabs button:hover:not(:disabled){color:var(--text)}.av-tabs button.on{color:var(--text);border-color:var(--copper);background:var(--copper-soft)}.av-tabs svg{color:var(--copper)}.page-tabs{border-bottom:1px solid var(--line);padding-bottom:14px}.av-ready{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.av-pitch input[type=range]{width:100%;accent-color:var(--copper);margin:12px 0 0}.av-pitch-val{color:var(--copper);margin-left:10px}.av-pitch-scale{color:var(--mute);justify-content:space-between;font-size:12px;display:flex}.av-setup .av-tabs{margin-top:14px}.av-script{border:1px dashed var(--line2);background:#0000002e;border-radius:14px;margin-bottom:16px;padding:14px 18px}.av-script h4{font-family:var(--serif);margin:0 0 8px;font-size:19px;font-weight:500}.av-script-label{text-transform:uppercase;letter-spacing:.1em;color:var(--copper);font-size:12px;margin:10px 0 4px!important}.av-verse{font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.55}.av-verse span{display:block}.av-script ul{color:var(--dim);margin:0;padding-left:20px}.av-meter-row{align-items:center;gap:16px;display:flex}.av-meter{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;flex:1;height:16px;position:relative;overflow:hidden}.av-meter-fill{background:linear-gradient(90deg,#8fc78a 0%,#e8a15a 70%,#e2716a 100%) 0 0/100vw 100%;height:100%;transition:width 60ms linear}.av-meter-peak{background:#fff4e2;width:2px;height:100%;position:absolute;top:0}.av-timer{font-variant-numeric:tabular-nums;font-size:22px;font-family:var(--serif);text-align:right;min-width:110px}.av-rec-actions{flex-wrap:wrap;gap:12px;margin:14px 0 6px;display:flex}.av-preview{margin:10px 0}.av-preview audio{width:100%;max-width:520px}.av-good{color:var(--ok)}.av-warn{color:#f0b3ae}.av-upload{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.av-consent{border:1px solid var(--line2);background:var(--copper-soft);cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.av-consent input{width:22px;height:22px;accent-color:var(--copper);flex:none;margin:1px 0 0}.av-save{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.av-hint{text-align:right;font-size:14px;margin:8px 0 0!important}.av-danger{border:1px solid #e2716a59;border-radius:18px;margin-top:40px;padding:20px 22px}.av-danger h2{color:#f0b3ae;margin-bottom:6px;font-size:24px;font-weight:500}.btn.danger-outline{color:#f0b3ae;border-color:#e2716a99;margin-top:10px}.av-song-head{align-items:flex-end;gap:32px;margin-bottom:22px;display:flex}.av-song-art{aspect-ratio:1;border:1px solid var(--line2);border-radius:22px;flex:none;width:min(340px,36vw);position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073}.av-song-art .cover{width:100%;height:100%;display:block}.av-song-info{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.av-song-title{align-items:flex-start;gap:10px;display:flex}.av-song-title h1{overflow-wrap:anywhere;font-size:clamp(34px,4.4vw,58px);font-weight:500;line-height:1.08}.av-song-by{margin:0;font-size:18px}.av-song-play{align-items:center;gap:14px;display:flex}.av-actions{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.av-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.av-versions{border:1px solid var(--line);border-radius:14px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.av-versions li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 14px;display:flex}.av-versions li:first-child{border-top:0}.av-versions li.cur{background:var(--copper-soft)}.av-v-main{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.av-v-main .v-label{color:var(--text);font-size:16px}.av-v-dur{font-variant-numeric:tabular-nums}.av-lyric-text{font-family:var(--serif);font-size:19px;line-height:1.6}.av-lyric-text .tag{color:var(--copper);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:13px}.av-lyric-text .gap{height:14px}@media (width<=900px){.av-cols{grid-template-columns:1fr}}@media (width<=640px){.av-head{flex-direction:column;gap:16px}.av-avatar.lg{width:140px}.av-song-head{flex-direction:column;align-items:stretch;gap:18px}.av-song-art{width:min(100%,320px)}.av-card{padding:16px}.av-grid{grid-template-columns:1fr}.av-actions .btn{white-space:normal;text-align:center;flex:calc(50% - 10px);padding:11px 10px}.av-timer{min-width:0;font-size:18px}.av-save{justify-content:stretch}.av-save .btn{flex:1}}@media (prefers-reduced-motion:reduce){.av-badge.wait .dot{animation:none}}.st-page{--st-bg:#14100c;--st-panel:#1c1611;--st-panel2:#241c15;--st-line:#3a2e22;--st-text:#f3e6d4;--st-muted:#a8967f;--st-copper:#e0924a;--st-copper-d:#c26f2c;--st-hw:232px;--st-lane-h:84px;min-height:100%;color:var(--st-text);box-sizing:border-box;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:28px 36px 24px;display:flex;position:relative}.st-page *,.st-page :before,.st-page :after{box-sizing:border-box}.st-boot{color:var(--st-muted);align-items:center;padding:40px;display:flex}.st-demo{letter-spacing:.02em;color:#f0b3ad;background:#d9807a24;border:1px dashed #d9807a;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:12.5px}.st-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.st-art{border:1px solid var(--st-line);border-radius:14px;flex:none;width:76px;height:76px;overflow:hidden;box-shadow:0 6px 22px #00000073}.st-art svg{width:100%;height:100%;display:block}.st-titles{flex:260px;min-width:0}.st-title{letter-spacing:-.01em;align-items:center;gap:6px;margin:0;font-family:Fraunces Variable,Georgia,Times New Roman,serif;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.1;display:flex}.st-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-rename input{width:min(100%,560px);font:inherit;color:var(--st-text);background:var(--st-panel);border:1px solid var(--st-copper);border-radius:10px;outline:none;padding:6px 12px;font-family:Fraunces Variable,Georgia,serif;font-size:30px;font-weight:600}.st-sub{color:var(--st-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:15px;display:flex}.st-chip{background:var(--st-panel2);border:1px solid var(--st-line);color:var(--st-text);border-radius:999px;padding:2px 10px;font-size:12.5px}.st-dim{opacity:.85}.st-link{color:var(--st-copper);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:none}.st-link:hover{text-decoration:underline}.st-linkbtn{color:var(--st-copper);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:14px;text-decoration:underline}.st-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.st-btn{border:1px solid var(--st-line);background:var(--st-panel);height:42px;color:var(--st-text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:15px;transition:background .15s,border-color .15s;display:inline-flex}.st-btn:hover:not(:disabled){background:var(--st-panel2);border-color:#55432f}.st-btn:disabled{opacity:.45;cursor:default}.st-btn.primary{background:linear-gradient(180deg, #eea35a, var(--st-copper-d));color:#20120a;border-color:#f2b574;font-weight:600}.st-btn.primary:hover:not(:disabled){background:linear-gradient(#f5b06a,#cf7a35)}.st-ico{width:34px;height:34px;color:var(--st-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.st-ico:hover{background:var(--st-panel2);color:var(--st-text)}.st-page button:focus-visible,.st-page input:focus-visible,.st-page select:focus-visible,.st-page [tabindex]:focus-visible{outline:2px solid var(--st-copper);outline-offset:2px}.st-pop{position:relative}.st-panel{z-index:30;background:#1f1812;border:1px solid #4a3a2a;border-radius:14px;width:280px;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:calc(100% + 8px);box-shadow:0 18px 44px #0009}.st-panel.right{right:0}.st-panel.left{left:0}.st-panel-title{text-transform:uppercase;letter-spacing:.09em;color:var(--st-muted);margin:2px 4px 8px;font-size:12px}.st-note{color:var(--st-muted);margin:6px 4px;font-size:13.5px;line-height:1.45}.st-versions{max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.st-versions button{width:100%;color:var(--st-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;display:flex}.st-versions button:hover{background:var(--st-panel2)}.st-versions button.is-cur{color:var(--st-copper);background:#e0924a21}.st-vn{min-width:28px;font-weight:600}.st-vl{flex-direction:column;flex:1;min-width:0;display:flex}.st-vl b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.st-vl i{color:var(--st-muted);font-size:12.5px;font-style:normal}.st-resing{border-top:1px solid var(--st-line);margin-top:10px;padding-top:10px}.st-resing-row{gap:8px;display:flex}.st-resing select{background:var(--st-panel);min-width:0;height:42px;color:var(--st-text);border:1px solid var(--st-line);font:inherit;border-radius:12px;flex:1;padding:0 10px}.st-menu{margin:0;padding:0;list-style:none}.st-menu a{color:var(--st-text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.st-menu a:hover{background:var(--st-panel2)}.st-error{color:#f0b3ad;background:#c850461f;border:1px solid #d9807a80;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14.5px;display:flex}.st-error.flat{background:0 0;border:0;flex:1;padding:0}.st-transport{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.st-play{cursor:pointer;color:#20120a;background:radial-gradient(circle at 35% 30%, #fbd4a2, var(--st-copper));border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 0 4px #e0924a29,0 6px 18px #00000080}.st-play:disabled{opacity:.5;cursor:default}.st-time{font-variant-numeric:tabular-nums;min-width:96px;font-size:16px}.st-time b{font-weight:600}.st-time i{color:var(--st-muted);font-style:normal}.st-meta{color:var(--st-muted);font-size:14px}.st-grow{flex:1}.st-status{color:var(--st-muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.st-spin{border:2px solid var(--st-line);border-top-color:var(--st-copper);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite st-rot}@keyframes st-rot{to{transform:rotate(360deg)}}.st-timeline{border:1px solid var(--st-line);overscroll-behavior-x:contain;background:#17120d;border-radius:16px;position:relative;overflow:auto hidden}.st-grid{min-width:100%;position:relative}.st-row{display:flex}.st-hd{z-index:4;width:var(--st-hw);border-right:1px solid var(--st-line);background:#1a140f;flex:none;position:sticky;left:0}.st-body{flex:none;position:relative}.st-ruler-row .st-hd,.st-sec-row .st-hd{height:100%}.st-ruler{cursor:pointer;border-bottom:1px solid var(--st-line);touch-action:pan-x;-webkit-user-select:none;user-select:none;height:30px}.st-corner{border-bottom:1px solid var(--st-line)}.st-corner-label{text-transform:uppercase;letter-spacing:.09em;color:var(--st-muted);padding:0 16px;font-size:12px;line-height:38px;display:block}.st-ruler-row .st-corner{height:30px}.st-tick{background:#5a4833;width:1px;height:7px;position:absolute;bottom:0}.st-tick.major{background:#8a7358;height:13px}.st-tick em{color:var(--st-muted);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;position:absolute;bottom:6px;left:5px}.st-sections{border-bottom:1px solid var(--st-line);height:38px}.st-section{color:#d9c8b0;height:28px;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#2a2118;border:1px solid #4a3b2b;border-radius:8px;padding:0 8px;font-size:13px;position:absolute;top:5px;overflow:hidden}.st-section span{pointer-events:none}.st-section:hover{border-color:#7a6246}.st-section.tone-chorus{color:#ffd9ab;background:#e0924a42;border-color:#e0924a99}.st-section.tone-bridge{color:#d3c7ee;background:#8a78b033;border-color:#8a78b080}.st-section.tone-edge{color:#b9a78f;background:#211a13}.st-section.is-sel{outline:2px solid var(--st-copper);outline-offset:-1px}.st-nodata{color:var(--st-muted);font-size:13px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.st-lanes{position:relative}.st-lane{height:var(--st-lane-h);border-bottom:1px solid var(--st-line)}.st-lane:last-of-type{border-bottom:0}.st-lane .st-hd{grid-template-columns:auto 1fr auto auto;align-content:center;align-items:center;gap:10px 8px;padding:10px 14px;display:grid}.st-lane .st-vol{grid-column:1/-1}.st-lane .st-body{background:linear-gradient(180deg, color-mix(in srgb, var(--lane) 7%, transparent), transparent 70%)}.st-lane-ic{color:var(--lane);flex:none;place-items:center;display:grid}.st-lane-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.st-ms{border:1px solid var(--st-line);background:var(--st-panel);width:26px;height:26px;color:var(--st-muted);font:inherit;cursor:pointer;border-radius:7px;padding:0;font-size:12px;font-weight:700}.st-ms:hover{color:var(--st-text);border-color:#6a5640}.st-ms.on.mute{color:#ffd9d4;background:#6d3a35;border-color:#d9807a}.st-ms.on.solo{border-color:var(--st-copper);color:#ffe3bd;background:#6d5224}.st-vol{appearance:none;background:linear-gradient(90deg, var(--lane,var(--st-copper)) var(--pct,100%), #3d3225 var(--pct,100%));cursor:pointer;border:0;border-radius:4px;width:100%;height:4px;margin:0;padding:0}.st-vol::-webkit-slider-thumb{appearance:none;background:var(--st-copper);border:2px solid #1a140f;border-radius:50%;width:14px;height:14px}.st-vol::-moz-range-thumb{background:var(--st-copper);border:2px solid #1a140f;border-radius:50%;width:12px;height:12px}.st-wave-svg{transition:opacity .15s;display:block}.st-lane.dim .st-wave-svg{opacity:.28}.st-lane.dim .st-lane-ic,.st-lane.dim .st-lane-name{opacity:.55}.st-hit{top:0;bottom:0;left:var(--st-hw);cursor:crosshair;touch-action:pan-y;z-index:2;position:absolute;right:0}.st-sel{margin-left:var(--st-hw);z-index:3;pointer-events:none;border:2px solid var(--st-copper);background:#e0924a1a;border-radius:6px;position:absolute;top:30px;bottom:0;box-shadow:0 0 0 1px #0006,0 0 22px #e0924a2e}.st-handle{pointer-events:auto;cursor:ew-resize;touch-action:none;place-items:center;width:22px;display:grid;position:absolute;top:38px;bottom:0}.st-handle.l{left:-12px}.st-handle.r{right:-12px}.st-handle i{background:var(--st-copper);border:2px solid #2a1a0e;border-radius:6px;width:8px;height:36px;box-shadow:0 2px 8px #00000080}.st-handle:hover i,.st-handle:focus-visible i{background:#f6b673}.st-playhead{top:0;bottom:0;left:var(--st-hw);z-index:5;pointer-events:none;will-change:transform;width:0;position:absolute}.st-playhead:before{content:"";background:#fff3e0;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 8px #ffdcaab3}.st-playdot{border:3px solid var(--st-copper);background:#fff3e0;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:-7px}.st-hint{color:var(--st-muted);margin:0;font-size:14px;line-height:1.5}.st-empty{text-align:center;border:1px dashed var(--st-line);background:var(--st-panel);border-radius:18px;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:30px auto;padding:36px 24px;display:flex}.st-empty h2{margin:0;font-family:Fraunces Variable,Georgia,serif;font-size:26px;font-weight:600}.st-empty p{color:var(--st-muted);margin:0;line-height:1.5}.st-empty .st-job{width:100%}.st-bar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#201912f5;border:1px solid #5a4630;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 14px 40px #0000008c}.st-edit input[type=text],.st-edit>input{border:1px solid var(--st-line);min-width:0;height:44px;color:var(--st-text);font:inherit;background:#120e0a;border-radius:12px;flex:260px;padding:0 14px;font-size:15px}.st-edit>input:focus{border-color:var(--st-copper);outline:none}.st-edit-chip{color:#ffd9ab;white-space:nowrap;background:#e0924a29;border:1px solid #e0924a8c;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14.5px;font-weight:500;display:inline-flex}.st-edit-chip em{color:var(--st-muted);font-size:13px;font-style:normal;font-weight:400}.st-check{color:var(--st-text);cursor:pointer;white-space:nowrap;align-items:center;gap:9px;font-size:14.5px;display:inline-flex}.st-check input{width:18px;height:18px;accent-color:var(--st-copper);margin:0}.st-job{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.st-job-top{align-items:baseline;gap:12px;font-size:14.5px;display:flex}.st-job-top span{color:var(--st-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.st-job-top b{font-variant-numeric:tabular-nums;color:var(--st-copper)}.st-job-bar{background:#382c20;border-radius:6px;height:6px;overflow:hidden}.st-job-bar>div{background:linear-gradient(90deg, var(--st-copper-d), #f3b273);border-radius:6px;height:100%;transition:width .6s}.st-job-bar>div.indeterminate{width:35%;animation:1.4s ease-in-out infinite st-slide}@keyframes st-slide{0%{margin-left:-35%}to{margin-left:100%}}@media (width<=760px){.st-page{--st-hw:126px;--st-lane-h:78px;gap:12px;padding:16px 16px 20px}.st-art{border-radius:12px;width:56px;height:56px}.st-head{gap:12px}.st-titles{flex-basis:calc(100% - 80px)}.st-actions{width:100%}.st-actions .st-pop,.st-actions>.st-btn{flex:1}.st-actions .st-btn{justify-content:center;width:100%;padding:0 8px}.st-pop{position:static}.st-panel{margin-top:8px;top:auto;left:0;right:0;width:auto!important}.st-actions{position:relative}.st-lane .st-hd{grid-template-columns:auto auto 1fr;gap:8px 6px;padding:8px}.st-lane-name{grid-column:2/-1;font-size:13px}.st-lane .st-vol{grid-column:3}.st-lane-ic svg{width:17px;height:17px}.st-ms{border-radius:6px;width:24px;height:24px;font-size:11px}.st-corner-label{white-space:nowrap;padding:0 8px;font-size:10.5px;line-height:38px;overflow:hidden}.st-bar{padding:12px;bottom:8px}.st-edit .st-btn.primary{flex:1}.st-time{min-width:0}}:root{--bg:#120e0a;--bg2:#1a1410;--card:#1b1510;--card2:#231a13;--line:#3a2c20;--line2:#52391f;--text:#f6ead8;--dim:#bfae98;--mute:#8d7e6b;--copper:#e8a15a;--copper2:#c8712c;--copper-soft:#e8a15a24;--danger:#e2716a;--ok:#8fc78a;--serif:"Fraunces Variable", Georgia, serif;--sans:"DM Sans Variable", system-ui, sans-serif;--side:276px;--player:84px;--tabbar:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45;overflow:hidden}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--copper);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:8px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600}.muted{color:var(--dim)}.small{font-size:13px}.grow{flex:1}.boot{place-items:center;height:100%;display:grid}.app{grid-template-columns:var(--side) 1fr;grid-template-rows:1fr var(--player);grid-template-areas:"side main""player player";height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#17110c,#120e0a);flex-direction:column;grid-area:side;min-height:0;padding:28px 16px 18px;display:flex;overflow-y:auto}.main{background:radial-gradient(900px 420px at 92% -6%, #e8a15a29, transparent 70%), radial-gradient(600px 400px at 100% 40%, #783c141f, transparent 70%), var(--bg);grid-area:main;position:relative;overflow-y:auto}.page{max-width:1400px;margin:0 auto;padding:28px 44px 48px}.brand{font-family:var(--serif);color:var(--text);align-items:center;gap:10px;padding:0 8px 28px;font-size:28px;display:flex}.brand:hover{text-decoration:none}.sidebar nav{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--dim);border:1px solid #0000;border-radius:12px;align-items:center;gap:18px;padding:14px 20px;font-size:18px;display:flex}.nav-item:hover{color:var(--text);background:#ffffff08;text-decoration:none}.nav-item.active{color:var(--text);background:linear-gradient(#e8a15a33,#e8a15a1a);border-color:#e8a15a59}.nav-item.active svg{color:var(--copper)}.sidebar-bottom{flex-direction:column;gap:12px;margin-top:auto;display:flex}.status-pill{border:1px solid var(--line);color:var(--dim);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:13px;line-height:1.3;display:flex}.status-pill .dot,.dot-only{background:var(--mute);border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.status-pill.online .dot,.dot-only.online{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-pill.offline .dot,.dot-only.offline{background:var(--copper2)}.switcher{position:relative}.switcher-btn{text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.switcher-btn:hover{background:#ffffff0a}.avatar{border:1px solid var(--line2);background:var(--card2);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.avatar .cover{width:100%;height:100%}.sw-text{flex-direction:column;flex:1;min-width:0;display:flex}.sw-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.sw-sub{color:var(--mute);font-size:12px}.mini-av{border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;overflow:hidden}.mini-av .cover{width:100%;height:100%;display:block}.mobile-top,.tabbar{display:none}.btn{border:1px solid var(--line2);white-space:nowrap;background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff12;text-decoration:none}.btn.primary{color:#2a1608;background:linear-gradient(#f0b06a,#d98a40);border-color:#f3c78e;font-weight:600;box-shadow:0 6px 24px #d98a4047}.btn.primary:hover:not(:disabled){background:linear-gradient(#f5ba76,#e2954a)}.btn.big{border-radius:14px;padding:16px 30px;font-size:19px}.btn.small{border-radius:10px;padding:7px 12px;font-size:14px}.btn.ghost{color:var(--dim);background:0 0;border-color:#0000}.btn.outline{background:#ffffff09}.btn.active{border-color:var(--copper);color:var(--copper)}.btn.danger{background:#8e2f2a;border-color:#b7524b}.btn.block{width:100%}.btn.right{margin-left:auto}.icon-btn{width:38px;height:38px;color:var(--dim);border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--text);background:#ffffff0f;text-decoration:none}.icon-btn.tiny{width:28px;height:28px}.icon-btn.active{color:var(--copper)}.icon-btn.boxed{border:1px solid var(--line2);background:#ffffff08;border-radius:12px;width:56px;height:48px}.icon-btn.boxed.disabled{opacity:.4}.heart.on{color:var(--copper)}.link-btn{color:var(--copper);padding:2px 4px;font-size:14px}.link-btn:hover{text-decoration:underline}.link-arrow{color:var(--copper);align-items:center;gap:6px;font-size:15px;display:inline-flex}.play-btn{border:1px solid var(--line2);width:40px;height:40px;color:var(--text);background:#ffffff0d;border-radius:50%;flex:none;place-items:center;display:inline-grid}.play-btn.sm{border-radius:10px;width:36px;height:36px}.play-btn.lg{color:#2a1608;background:radial-gradient(circle at 50% 35%,#f6c689,#d98a40);border-color:#f3c78e;width:56px;height:56px;box-shadow:0 0 22px #e8a15a59}.play-btn:hover:not(:disabled){filter:brightness(1.12)}input,textarea,select{border:1px solid var(--line);background:#00000040;border-radius:12px;width:100%;padding:11px 14px}input:focus,textarea:focus,select:focus{border-color:var(--copper);outline:none}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--copper)}textarea{resize:vertical;line-height:1.5}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--dim);font-size:14px}.field em{color:var(--copper);margin-left:8px;font-style:normal}.select{width:auto;min-width:150px;padding:12px 14px}.form-err{color:var(--danger);margin:8px 0 0;font-size:14px}.range{appearance:none;background:linear-gradient(90deg, var(--copper) var(--pct,0%), #4a3a2c var(--pct,0%));cursor:pointer;border:0;border-radius:4px;height:4px;padding:0}.range:focus-visible{outline-offset:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:#f6d7aa;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #e8a15a40}.range::-moz-range-thumb{background:#f6d7aa;border:0;border-radius:50%;width:14px;height:14px}.spinner{border:2.5px solid #e8a15a40;border-top-color:var(--copper);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hero-title{color:#fbeedb;text-shadow:0 2px 30px #e8a15a38;margin:0 0 30px;font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.05}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-head h1{font-size:clamp(36px,4.5vw,58px);font-weight:500;line-height:1.05}.sub{color:var(--dim);margin:8px 0 0;font-size:20px}.create-grid{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:22px;display:grid}.label-row{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:6px;display:flex}.label-row label{font-size:19px;font-weight:500}.opt{color:var(--dim);font-size:17px;font-weight:400}.hint{color:var(--dim);vertical-align:middle;margin-left:8px;display:inline-flex}.textarea-wrap{position:relative}.textarea-wrap textarea{border-radius:14px;min-height:140px;padding:18px 18px 34px;font-size:18px}.textarea-wrap:has(#prompt) textarea{border-color:#e8a15ab3;box-shadow:0 0 0 1px #e8a15a33}.counter{color:var(--dim);font-size:13px;position:absolute;bottom:10px;right:16px}.suggested{color:var(--dim);align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.suggested input{flex:1;width:auto;padding:6px 10px}.sound-row,.artist-row{flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0;display:flex}.row-label{min-width:64px;font-size:19px;font-weight:500}.chips{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chip{border:1px solid var(--line2);background:#e8a15a12;border-radius:999px;align-items:center;gap:9px;padding:10px 16px;font-size:16px;display:inline-flex}.chip button{color:var(--dim);border-radius:50%;place-items:center;padding:2px;display:inline-grid}.chip button:hover{color:var(--text)}.chip svg{color:var(--copper)}.chip.add{color:var(--dim);background:#ffffff08;border-style:solid}.chip.add svg{color:var(--dim)}.chip.suggest,.chip.pick{cursor:pointer}.chip.suggest{color:var(--dim);background:0 0;border-style:dashed}.chip.suggest:hover,.chip.pick:hover{border-color:var(--copper);color:var(--text)}.chip.pick{background:0 0}.chip.pick.on{background:var(--copper-soft);border-color:var(--copper)}.vbadge{color:var(--mute);background:#ffffff0f;border-radius:999px;padding:2px 8px;font-size:11px}.vbadge.ready{color:var(--ok);background:#8fc78a26}.vbadge.processing{background:var(--copper-soft);color:var(--copper)}.vbadge.failed{color:var(--danger);background:#e2716a26}.preset-panel{border:1px solid var(--line);background:#0000002e;border-radius:14px;flex-direction:column;gap:14px;margin-bottom:14px;padding:16px;display:flex}.custom-add{gap:10px;max-width:420px;display:flex}.note{color:var(--dim);margin:0 0 12px;font-size:14px}.action-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:22px 0;display:flex}.seg{border:1px solid var(--line2);background:#0003;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--dim);border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:17px;display:inline-flex}.seg button.on{color:var(--text);background:linear-gradient(#e8a15a52,#e8a15a29);box-shadow:inset 0 0 0 1px #e8a15a99}.seg.small button{padding:6px 16px;font-size:15px}.vsep{background:var(--line);width:1px;height:36px}.drawer{border:1px solid var(--line);background:#0000002e;border-radius:14px;flex-direction:column;gap:14px;margin-bottom:18px;padding:18px;display:flex}.drawer.adv{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.drawer-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.radio-list{flex-direction:column;gap:10px;display:flex}.radio-row{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.radio-row.on{border-color:var(--copper);background:var(--copper-soft)}.radio-row input{margin-top:4px}.slider-field input{max-width:380px}.section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-head h2{font-size:30px;font-weight:500}.recent{border-top:1px solid var(--line);margin-top:4px;padding-top:24px}.recent-row{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.song-card{border-radius:16px;gap:14px;min-width:0;display:flex;position:relative}.sc-art{border-radius:12px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000073}.cover{width:100%;height:100%;display:block}.sc-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sc-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sc-title{font-family:var(--serif);color:var(--text);overflow-wrap:anywhere;font-size:20px;line-height:1.2}.sc-title:hover{text-decoration:underline}.sc-meta,.sc-dur{color:var(--dim);font-size:14px}.sc-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.sc-actions{align-items:center;gap:6px;display:inline-flex}.song-card.compact .sc-art{width:144px;height:144px}.song-card.grid{border:1px solid var(--line);background:linear-gradient(#ffffff09,#ffffff03);flex-direction:column;padding:12px}.song-card.grid .sc-art{aspect-ratio:1.3;width:100%}.song-card.grid .sc-top{position:static}.song-card.list{border:1px solid var(--line);background:#ffffff05;align-items:center;padding:10px}.song-card.list .sc-art{width:72px;height:72px}.song-card.list .sc-foot{margin-top:0}.song-card.selected,.song-card:hover{border-color:var(--line2)}.shimmer{background:linear-gradient(100deg,#0000 30%,#ffe9c859 50%,#0000 70%) 0 0/220% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}.sc-pct{background:#0f0a06cc;border-radius:999px;padding:3px 9px;font-size:12px;position:absolute;bottom:8px;left:8px}.job-progress{margin-top:6px}.jp-top{color:var(--dim);justify-content:space-between;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.jp-bar{background:#3a2c20;border-radius:5px;height:5px;overflow:hidden}.jp-fill{background:linear-gradient(90deg, var(--copper2), var(--copper));border-radius:5px;height:100%;transition:width .6s}.jp-fill.indeterminate{width:35%;animation:1.4s ease-in-out infinite indet}@keyframes indet{0%{margin-left:-35%}to{margin-left:100%}}.page>.job-progress{border:1px solid var(--line);background:#0003;border-radius:14px;margin-bottom:18px;padding:14px 16px}.menu-wrap,.switcher{position:relative}.menu{z-index:40;border:1px solid var(--line2);background:#20170f;border-radius:14px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 4px);box-shadow:0 18px 50px #0009}.menu.right{right:0}.menu.left{left:0}.menu.up{top:auto;bottom:calc(100% + 6px)}.menu-item{text-align:left;width:100%;color:var(--text);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:flex}.menu-item:hover:not(:disabled){background:#ffffff12;text-decoration:none}.menu-item.on{color:var(--copper)}.menu-item.danger{color:var(--danger)}.menu-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:8px 12px 4px;font-size:12px}.menu-empty{color:var(--mute);padding:10px 12px;font-size:14px}.queue-menu{min-width:300px;max-height:320px;overflow-y:auto}.modal-back{z-index:100;background:#080503b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line2);background:#1d1510;border-radius:18px;width:min(460px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #000000b3}.modal.wide{width:min(640px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:18px 20px 4px;display:flex}.modal-head h2{font-size:24px}.modal-body{padding:12px 20px}.modal-foot{justify-content:flex-end;gap:10px;padding:12px 20px 20px;display:flex}.toasts{right:20px;bottom:calc(var(--player) + 16px + var(--tabbar));z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{border:1px solid var(--line2);border-left:3px solid var(--copper);background:#2a1e14;border-radius:12px;max-width:360px;padding:12px 16px;box-shadow:0 10px 30px #00000080}.toast.err{border-left-color:var(--danger)}.error-note{color:#f0b3ae;background:#e2716a14;border:1px solid #e2716a66;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.empty{text-align:center;border:1px dashed var(--line2);background:#ffffff04;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty h3{font-size:26px;font-weight:500}.empty p{color:var(--dim);max-width:440px;margin:0 0 8px}.empty-mark{width:56px;height:56px;color:var(--copper);background:var(--copper-soft);border-radius:50%;place-items:center;display:grid}.more{text-align:center;margin-top:24px}.toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.search{border:1px solid var(--line2);color:var(--dim);background:#00000038;border-radius:12px;flex:320px;align-items:center;gap:12px;padding:0 16px;display:flex}.search input{background:0 0;border:0;padding:14px 0;font-size:17px}.search:focus-within{border-color:var(--copper)}.pills{flex-wrap:wrap;gap:12px;display:flex}.pill{border:1px solid var(--line2);color:var(--dim);background:#ffffff06;border-radius:999px;align-items:center;gap:9px;padding:11px 20px;font-size:16px;display:inline-flex}.pill.on{color:var(--text);border-color:var(--copper);background:var(--copper-soft)}.view-toggle{border:1px solid var(--line2);border-radius:12px;margin-left:auto;display:inline-flex;overflow:hidden}.view-toggle button{width:52px;height:46px;color:var(--dim);place-items:center;display:grid}.view-toggle button.on{background:var(--copper-soft);color:var(--copper)}.lib-body.has-expanded{grid-template-columns:minmax(340px,500px) 1fr;align-items:start;gap:22px;display:grid}.song-grid.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;display:grid}.song-grid.list{flex-direction:column;gap:10px;display:flex}.expanded{border:1px solid var(--copper);background:linear-gradient(#e8a15a12,#ffffff04);border-radius:18px;padding:20px;box-shadow:0 0 0 1px #e8a15a33,0 20px 50px #0006}.ex-top{gap:18px;display:flex}.ex-art{border-radius:14px;flex:none;width:190px;height:190px;position:relative;overflow:hidden}.ex-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ex-title{font-family:var(--serif);color:var(--text);font-size:28px;line-height:1.15}.ex-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.ex-versions{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.ex-vhead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ex-vhead>span{align-items:center;gap:10px;display:inline-flex}.ex-versions ul{border:1px solid var(--line);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.ex-versions li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 12px;display:flex}.ex-versions li:last-child{border:0}.ex-versions li.cur{background:var(--copper-soft)}.v-label{flex:1}.cur-pill{border:1px solid var(--copper);color:var(--copper);border-radius:999px;padding:2px 10px;font-size:12px}.pad{padding:10px 12px}.ex-tools{gap:12px;margin-top:18px;display:flex}.song-head{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:22px;display:flex}.sh-art{border-radius:14px;flex:none;width:92px;height:92px;overflow:hidden;box-shadow:0 8px 24px #00000080}.sh-text{flex:1;min-width:200px}.sh-title{align-items:center;gap:10px;font-size:clamp(30px,3.6vw,46px);font-weight:500;line-height:1.1;display:flex}.sh-sub{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.sh-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.saved-pill{color:var(--ok);border:1px solid #8fc78a80;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.saved-pill.saving,.saved-pill.dirty{border-color:var(--line2);color:var(--dim)}.saved-pill.error{border-color:var(--danger);color:var(--danger)}.tag-pill{color:var(--dim);background:#ffffff0f;border-radius:999px;padding:3px 10px;font-size:13px}.lyrics-layout{grid-template-columns:1fr 320px;align-items:start;gap:28px;display:grid}.lyrics-editor{border:1px solid var(--line);background:#0003;border-radius:18px;min-width:0;padding:28px 32px}.ly-wrap{--ly-lh:42px;--ly-pad:8px;font-family:var(--serif);font-size:26px;line-height:var(--ly-lh);min-height:320px;position:relative}.ly-backdrop,.ly-input{padding:var(--ly-pad) 0;font:inherit;line-height:var(--ly-lh);white-space:pre;letter-spacing:0;margin:0}.ly-backdrop{pointer-events:none;color:#f4e6d0;position:absolute;inset:0;overflow:hidden}.ly-line{height:var(--ly-lh)}.ly-line.tag{color:var(--copper);font-family:var(--sans);letter-spacing:.02em;font-size:19px;font-weight:600}.ly-line.cur{background:linear-gradient(90deg, var(--copper-soft), transparent 80%);border-radius:8px}.ly-input{color:#0000;width:100%;min-height:320px;caret-color:var(--copper);resize:none;background:0 0;border:0;border-radius:0;display:block;position:relative;overflow:hidden}.ly-input::placeholder{color:var(--mute)}.ly-input:focus{box-shadow:none}.ly-wrap .ly-input::selection{color:#0000;background:#e8a15a59}.refine{z-index:20;border:1px solid var(--copper);width:min(420px,100% - 24px);font-family:var(--sans);background:#241a11;border-radius:14px;padding:14px;font-size:15px;line-height:1.4;position:absolute;left:24px;box-shadow:0 18px 50px #0009}.refine-head{justify-content:space-between;align-items:center;display:flex}.refine-line{color:var(--dim);margin:6px 0 10px;font-style:italic}.refine form{flex-direction:column;gap:8px;display:flex}.alts{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.alts button{text-align:left;border:1px solid var(--line2);background:#ffffff08;border-radius:10px;width:100%;padding:10px 12px}.alts button:hover{border-color:var(--copper);background:var(--copper-soft)}.structure{border:1px solid var(--line);background:#0003;border-radius:18px;padding:22px;position:sticky;top:20px}.structure h2{margin-bottom:14px;font-size:24px;font-weight:500}.structure ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.structure li{border:1px solid var(--line);cursor:grab;background:#ffffff08;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.structure li.over{border-color:var(--copper);background:var(--copper-soft)}.structure .drag{color:var(--mute);display:grid}.st-name{flex:1;min-width:0}.st-move{display:flex}.studio .transport{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.time.big{font-variant-numeric:tabular-nums;font-size:22px}.menu-btn{border:1px solid var(--line2);background:#ffffff09;border-radius:12px;align-items:center;padding-right:14px;display:inline-flex}.menu-btn .mb-label{pointer-events:none;margin-left:-4px}.tl-scroll{border:1px solid var(--line);background:#00000038;border-radius:16px;overflow-x:auto}.tl{grid-template-columns:190px minmax(560px,1fr);min-width:750px;display:grid}.tl-left{border-right:1px solid var(--line);z-index:5;background:#17110c;position:sticky;left:0}.tl-ruler-sp{height:30px}.tl-sec-sp{height:40px;color:var(--mute);align-items:center;padding:0 14px;font-size:13px;display:flex}.lane-ctl{border-top:1px solid var(--line);flex-direction:column;justify-content:center;gap:8px;height:88px;padding:10px 14px;display:flex}.lane-name{font-weight:500}.ms{gap:6px;margin-top:-2px;display:flex;position:absolute;right:12px}.lane-ctl{position:relative}.ms-btn{border:1px solid var(--line2);width:26px;height:26px;color:var(--dim);border-radius:7px;font-size:12px;font-weight:700}.ms-btn.on{background:var(--danger);border-color:var(--danger);color:#1b0b0a}.ms-btn.solo.on{background:var(--copper);border-color:var(--copper);color:#2a1608}.tl-right{touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none;position:relative}.tl-ruler{border-bottom:1px solid var(--line);height:30px;position:relative}.tick{height:100%;color:var(--mute);border-left:1px solid var(--line);font-variant-numeric:tabular-nums;padding:6px 0 0 6px;font-size:12px;position:absolute;top:0}.tl-sections{height:40px;position:relative}.sec-block{height:30px;color:var(--text);white-space:nowrap;text-align:left;cursor:pointer;background:#e8a15a2e;border:1px solid #e8a15a66;border-radius:8px;padding:0 8px;font-size:13px;position:absolute;top:5px;overflow:hidden}.sec-block:hover,.sec-block.on{background:#e8a15a61}.pad-l{padding-left:12px;line-height:40px}.lane-wave{border-top:1px solid var(--line);--c:var(--copper);height:88px;position:relative}.lane-wave.drums{--c:#f0c27a}.lane-wave.bass{--c:#c06a52}.lane-wave.other{--c:#d8b892}.lane-wave.vocals{--c:#f0a55a}.lane-wave svg{width:100%;height:100%;display:block}.lane-wave path{stroke:var(--c);stroke-width:1.6px;fill:none;opacity:.9}.playhead{pointer-events:none;z-index:4;background:#fff3dc;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #fff3dccc}.sel{border:1px solid var(--copper);pointer-events:none;z-index:3;background:#e8a15a2e;border-top:0;position:absolute;top:70px;bottom:0}.edit-bar{border:1px solid var(--copper);z-index:10;background:#241a11;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding:16px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 16px 40px #0009}.eb-title{align-items:center;gap:10px;display:flex}.edit-bar form{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.edit-bar form input[type=text],.edit-bar form>input:not([type]){flex:1;min-width:200px}.check{color:var(--dim);white-space:nowrap;align-items:center;gap:8px;font-size:15px;display:inline-flex}.hint-line{margin-top:12px}.rename input{font-family:var(--serif);padding:4px 10px;font-size:32px}.picker{flex-direction:column;gap:10px;max-width:720px;display:flex}.picker-row{border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:center;gap:16px;padding:10px 14px;display:flex}.picker-row:hover{border-color:var(--copper);background:var(--copper-soft);text-decoration:none}.pk-art{border-radius:10px;flex:none;width:56px;height:56px;overflow:hidden}.pk-text{flex-direction:column;flex:1;min-width:0;display:flex}.login{background:radial-gradient(900px 500px at 90% 0%, #e8a15a33, transparent 70%), var(--bg);place-items:center;min-height:100%;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.login-card{border:1px solid var(--line2);background:#1b1510e6;border-radius:22px;flex-direction:column;gap:16px;width:min(400px,100%);padding:34px;display:flex}.login-brand{font-family:var(--serif);align-items:center;gap:10px;font-size:28px;display:flex}.login-card h1{font-size:38px;font-weight:500}.login-card .sub{margin:-8px 0 4px;font-size:16px}.player{border-top:1px solid var(--line);z-index:30;background:#100c08;grid-area:player;grid-template-columns:minmax(220px,1fr) minmax(420px,2.6fr) minmax(200px,.8fr);align-items:center;gap:16px;padding:0 24px;display:grid;position:relative}.pl-song{align-items:center;gap:14px;min-width:0;display:flex}.pl-art{border-radius:8px;flex:none;width:56px;height:56px;overflow:hidden}.pl-art.placeholder{background:var(--card2);border:1px dashed var(--line2)}.pl-text{flex-direction:column;min-width:0;display:flex}.pl-title{font-family:var(--serif);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:19px;overflow:hidden}.pl-title.dim{color:var(--mute)}.pl-sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pl-center{flex-direction:row;align-items:center;gap:28px;min-width:0;display:flex}.pl-controls{align-items:center;gap:14px;display:flex}.pl-scrub{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pl-scrub .range{flex:1}.time{color:var(--dim);font-variant-numeric:tabular-nums;text-align:center;min-width:38px;font-size:13px}.pl-right{color:var(--dim);justify-content:flex-end;align-items:center;gap:12px;display:flex}.range.vol{flex:none;width:110px}.pl-mini-progress{display:none}@media (width<=1100px){.lyrics-layout{grid-template-columns:1fr}.structure{position:static}.lib-body.has-expanded{grid-template-columns:1fr}}@media (width<=900px){:root{--side:0px;--player:64px;--tabbar:58px}body{overflow:hidden}.app{grid-template-columns:1fr;grid-template-rows:1fr var(--player) var(--tabbar);grid-template-areas:"main""player""tab"}.sidebar{display:none}.tabbar{border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#100c08;grid-area:tab;grid-template-columns:repeat(5,1fr);display:grid}.tab{color:var(--mute);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tab.active{color:var(--copper)}.tab:hover{text-decoration:none}.mobile-top{align-items:center;gap:12px;padding:12px 16px 0;display:flex}.mobile-top .brand{flex:1;padding:0;font-size:22px}.mobile-top .switcher{width:150px}.mobile-top .avatar{width:32px;height:32px}.mobile-top .sw-sub{display:none}.mobile-top .menu.up{inset:calc(100% + 6px) 0 auto auto}.page{padding:16px 16px 24px}.hero-title{margin-bottom:18px}.create-grid{grid-template-columns:1fr;gap:18px}.player{grid-template-columns:1fr auto;gap:8px;padding:0 12px}.pl-center{flex-direction:row}.pl-scrub{display:none}.pl-controls{gap:2px}.play-btn.lg,.pl-art{width:44px;height:44px}.pl-song .heart{display:none}.pl-mini-progress{background:var(--copper);height:2px;display:block;position:absolute;top:-1px;left:0}.hide-sm{display:none!important}.sub{font-size:16px}.song-card.compact .sc-art{width:96px;height:96px}.recent-row{grid-template-columns:1fr;gap:14px}.ex-art{width:120px;height:120px}.lyrics-editor{padding:16px}.ly-wrap{--ly-lh:36px;font-size:21px}.sh-art{width:64px;height:64px}.tl{grid-template-columns:120px minmax(560px,1fr)}.toasts{left:12px;right:12px}.toast{max-width:none}.action-row .btn.big{width:100%}.action-row .grow{display:none}.view-toggle{margin-left:0}}@media (prefers-reduced-motion:reduce){.shimmer,.jp-fill.indeterminate,.spinner{animation:none}}