*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#09090b;color:#eee;font-size:16px;color-scheme:dark}body{margin:0}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}a:hover{color:#ffc864}[hidden]{display:none!important}:focus-visible{outline:2px solid #ffba4c;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header{min-height:78px;border-bottom:1px solid #29292b;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;gap:20px;background:#101012}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700}.brand>span{font-size:30px;color:#ffb84c}.brand small{font-size:13px;font-weight:400;color:#a3a3aa}.header nav{display:flex;align-items:center;gap:24px;font-size:14px;color:#a3a3aa}.header nav a[aria-current]{color:#ffc864}.studio{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);min-height:calc(100vh - 78px);padding-bottom:112px}.composer{background:#121214;border-right:1px solid #29292b;padding:25px}.mode-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:23px}.modes{display:flex;padding:4px;border:1px solid #3e3e43;border-radius:30px;margin:0;gap:3px}.modes label{margin:0;position:relative}.modes input{position:absolute;opacity:0;width:1px;height:1px}.modes span{display:block;padding:9px 23px;border-radius:24px;font-size:16px;color:#a3a3aa}.modes input:checked+span{background:#303033;color:#fff}.modes input:focus-visible+span{outline:2px solid #ffba4c}.mode-row select{width:auto;min-width:103px;border-radius:24px;padding:10px 14px}
.version-box{margin-bottom:23px}
.version-list{display:grid;gap:10px}
.version-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#0b0b0d;border:1px solid #2e2e33;border-radius:18px;padding:15px 17px;color:#e6e6ea;font:inherit}
.version-item:hover{border-color:#3e3e43}
.version-item:focus-visible{outline:2px solid #ffba4c;outline-offset:2px}
.version-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.version-name{font-size:16px;font-weight:600;color:#f3f3f5}
.version-desc{font-size:13px;color:#a3a3aa;line-height:1.45}
.version-item.is-selected{border-color:#ffbc55;background:#1a1408}
.version-item.is-selected .version-name{color:#ffce82}
.version-check{flex:none;display:none;color:#ffbc55}
.version-item.is-selected .version-check{display:block}label{display:block;font-size:15px;font-weight:550;margin-bottom:11px}label small{font-weight:400;color:#aaaab2;font-size:12px;margin-left:5px}input,select,textarea{width:100%;border:1px solid #414146;background:#242427;color:#f3f3f5;border-radius:11px;padding:13px 15px;font-size:16px;line-height:1.55}input::placeholder,textarea::placeholder{color:#909098}textarea{resize:vertical;min-height:100px}.hint{font-size:12px;line-height:1.7;color:#a1a1aa;margin:9px 0 0}.key-box{padding-bottom:23px}.key-box input{background:#1b1b1e;font-size:14px}.panel{background:#171719;border:1px solid #29292d;border-radius:18px;padding:20px;margin-bottom:18px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.panel-heading label{margin:0;font-size:17px;font-weight:600}.tools{display:flex;gap:8px}.tools button{background:#2c2c30;border:0;color:#c4c4cb;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1}.tools button:hover{background:#414146;color:#ffd382}.lyrics-panel textarea{min-height:260px;padding:18px}.counter{text-align:right;color:#a1a1aa;font-size:12px;margin-top:8px;font-variant-numeric:tabular-nums}.quiet{border:0;background:none;color:#c0b7a9;padding:5px;font-size:14px}.quiet:hover{color:#ffbb56}.style-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.style-chips button{font-size:12px;border:1px solid #414146;background:transparent;color:#b9b9c1;border-radius:20px;padding:5px 10px}.style-chips button:hover{border-color:#e9ae56;color:#ffd382}.switch-row{display:flex;align-items:center;gap:12px;position:relative;padding:8px 0 18px;font-weight:400}.switch-row>input{position:absolute;width:1px;height:1px;opacity:0}.switch{width:45px;height:26px;border:1px solid #6a6a71;background:#39393e;border-radius:20px;position:relative;flex:none}.switch:before{content:'';position:absolute;background:white;width:20px;height:20px;left:2px;top:2px;border-radius:50%;transition:transform .15s}.switch-row input:checked+.switch{background:#d99031;border-color:#e5a045}.switch-row input:checked+.switch:before{transform:translateX(18px)}.switch-row input:focus-visible+.switch{outline:2px solid #ffba4c;outline-offset:3px}.switch-row small{font-size:12px;color:#9c9ca5;margin-left:auto}.advanced{padding:13px 0;color:#b3b3bc;font-size:14px}.advanced summary{margin-bottom:14px}.advanced input{font-size:14px}.create-area{position:sticky;bottom:112px;background:#121214;padding:17px 0 2px;margin-top:10px}.create{border:1px solid #ffbd64;background:linear-gradient(110deg,#ffbf45,#ff9561 55%,#ff668a);border-radius:28px;color:#281811;font-size:18px;font-weight:700;min-height:54px;width:100%;box-shadow:0 4px 25px #ffad3420}.create span{font-size:25px;margin-right:10px}.create:hover:not(:disabled){filter:brightness(1.08)}.create-area .hint{text-align:center}.library{padding:36px 40px;min-width:0}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:#96969f}h1{font-size:25px;margin:10px 0 0;font-weight:650}h1 span{font-size:15px;font-weight:400;color:#a1a1aa;margin-left:12px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;color:#aaaab3;min-height:33px}.status-row p{font-size:14px;line-height:1.7;margin:0}.outline{border:1px solid #414146;background:#19191c;color:#dddde2;border-radius:20px;padding:9px 16px;font-size:14px;white-space:nowrap}.outline:hover:not(:disabled){border-color:#dbb279;color:#ffd48f}.error{background:#33201e;border:1px solid #73483c;color:#ffd0ba;padding:13px 16px;border-radius:10px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:16px 0}.recover{font-size:13px;color:#9999a3;border-bottom:1px solid #242428;padding:10px 0 19px}.recover form{margin-top:15px}.recover label{font-size:14px}.recover input{margin-bottom:10px;font-size:14px}.empty{min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 12px}.music-symbol{font-size:64px;color:#e5b972;margin-bottom:24px;line-height:1}.empty h2{font-size:22px;font-weight:500;margin:0 0 14px}.empty p{font-size:14px;color:#93939d;line-height:1.9;margin:0}.empty>span{font-size:11px;letter-spacing:3px;color:#85858f;margin-top:35px}.library-note{font-size:12px;color:#898993;line-height:1.7;margin-top:24px}.track-list{display:grid;gap:6px;margin-top:24px}.track{display:grid;grid-template-columns:100px minmax(0,1fr);gap:21px;padding:20px 12px;border-radius:14px;border:1px solid transparent}.track.is-playing{background:#191715;border-color:#705330}.cover{width:100px;height:110px;border-radius:10px;overflow:hidden;background:#242428;display:grid;place-items:center;color:#cfb68e;font-size:35px}.cover img{width:100%;height:100%;object-fit:cover;grid-area:1/1}.track-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.track h2{font-size:18px;font-weight:500;margin:0;overflow-wrap:anywhere}.badge{font-size:12px;color:#aaaab4;border:1px solid #424249;border-radius:7px;padding:3px 7px}.track-style{font-size:14px;line-height:1.6;color:#a6a6b0;margin:9px 0;overflow-wrap:anywhere}.track-actions{display:flex;gap:8px;flex-wrap:wrap}.track-actions button,.track-actions a{border:1px solid #38383e;border-radius:18px;padding:7px 12px;background:#1b1b1f;color:#d4d4dc;font-size:13px}.track-actions button:hover,.track-actions a:hover{color:#ffd184;border-color:#877045}.track-error{color:#f4baa4;font-size:13px;line-height:1.5}.track details{margin-top:11px;color:#9e9ea8;font-size:12px}.track details p{overflow-wrap:anywhere}.track pre{white-space:pre-wrap;font-family:inherit;line-height:1.8;font-size:14px;color:#c2c2ca}.player-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;min-height:102px;background:#171719;border-top:1px solid #38383d;display:grid;grid-template-columns:minmax(200px,1fr) minmax(400px,1.7fr);gap:30px;align-items:center;padding:18px 32px;box-shadow:0 -8px 30px #0002}.now-playing{display:flex;align-items:center;gap:14px;min-width:0}.mini-cover{width:56px;height:56px;background:#29252a;border-radius:8px;color:#eabc70;display:grid;place-items:center;font-size:26px;flex:none}.now-playing>div:last-child{min-width:0}.now-playing strong{font-size:14px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing span{font-size:12px;color:#9f9fa8;display:block;margin-top:7px}.player-controls{display:flex;align-items:center;gap:15px}.player-controls audio{width:100%;min-width:180px;height:44px}.player-controls button{background:transparent;color:#c2c2ca;border:0;min-width:32px;min-height:38px;font-size:23px}.player-controls button[aria-pressed=true]{color:#ffbe55}@media(max-width:1000px){.studio{grid-template-columns:360px minmax(0,1fr)}.composer{padding:20px}.library{padding:30px 23px}.track{grid-template-columns:75px minmax(0,1fr);gap:14px;padding:16px 0}.cover{width:75px;height:90px}.player-bar{gap:15px;padding:16px 20px;grid-template-columns:minmax(150px,1fr) minmax(300px,2fr)}.player-controls{gap:6px}.brand small{display:none}}@media(max-width:760px){.header{padding:17px 20px;flex-wrap:wrap;gap:15px}.header nav{gap:20px;font-size:13px}.studio{display:block;padding-bottom:164px}.composer{border-right:0;border-bottom:1px solid #29292b;padding:22px}.create-area{position:static}.lyrics-panel textarea{min-height:220px}.library{padding:28px 22px}.empty{min-height:300px}.player-bar{grid-template-columns:1fr;gap:12px;padding:12px 18px}.mini-cover{width:36px;height:36px;font-size:22px}.now-playing span{margin-top:3px}.player-controls audio{height:38px}.library-heading{align-items:flex-start}.switch-row small{font-size:11px}.track{grid-template-columns:75px minmax(0,1fr)}.empty h2{font-size:19px}}@media(prefers-reduced-motion:reduce){.switch:before{transition:none}}

.continue-panel{border-top:1px solid #34343b;margin-top:18px;padding-top:18px}.continue-toggle{display:flex;align-items:center;gap:10px;font-weight:400}.continue-toggle input{width:17px;height:17px;accent-color:#ffbc55;padding:0}.continue-panel input{margin-bottom:12px}.continue-panel .continue-toggle input{margin:0}.continue-panel label{margin-top:12px}

.style-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;flex-wrap:wrap}.voice-options{display:flex;gap:15px;border:0;padding:0;margin:0;min-width:0}.voice-options label{display:flex;gap:7px;align-items:center;margin:0;font-size:14px;font-weight:400;cursor:pointer}.voice-options input{width:16px;height:16px;padding:0;accent-color:#ffad16;margin:0}.voice-options:disabled{opacity:.45}.choose-style{border:0;background:none;padding:5px 0;color:#a9a9b2;font-size:14px;white-space:nowrap}.choose-style:hover{color:#ffca78}.choose-style span{font-size:22px;margin-left:5px}.more-options{border:1px solid #2e2e33;border-radius:22px;overflow:hidden;padding:0;margin-top:12px;background:#141416}.more-options>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;color:#efeff2;padding:22px 20px;margin:0}.more-options>summary::-webkit-details-marker{display:none}.more-options>summary>span{font-size:24px;line-height:1;color:#bbb}.more-options[open]>summary{background:#333337}.more-options[open]>summary>span{transform:rotate(90deg)}.more-content{padding:20px}.more-content>label{font-size:17px}.more-content>textarea{min-height:135px;font-size:16px}.reset-line{display:flex;justify-content:flex-end;margin-top:14px}.reset-line button{width:42px;height:42px;border-radius:50%;border:0;background:#303034;color:#bbb;font-size:29px}.reset-line button:hover{color:#ffd184}.unsupported-note{font-size:12px;color:#b8b0a3;line-height:1.7;margin:18px 0}.advanced-unavailable{display:grid;gap:11px}.option-row{display:grid;grid-template-columns:minmax(90px,1.2fr) minmax(65px,1fr) 42px;gap:8px;align-items:center;min-height:82px;background:#0b0b0d;padding:17px 15px;border-radius:23px}.option-row label,.option-row>span{margin:0;font-weight:400;font-size:15px;color:#c7c7ce}.option-row label span,.duration-row>span>span{color:#808087;font-size:13px;margin-left:5px}.option-row input[type=range]{padding:0;height:25px;border:0;accent-color:#bc4776;opacity:.5;width:100%;min-width:0}.option-row input[type=checkbox]{appearance:none;width:42px;height:25px;justify-self:end;background:#39393c;border:1px solid #6b6b70;border-radius:16px;padding:0;position:relative}.option-row input[type=checkbox]:before{content:'';position:absolute;left:2px;top:2px;width:19px;height:19px;border-radius:50%;background:#b2b2b8}.option-row output{font-size:17px;text-align:right;color:#85858f}.option-row small{font-size:11px;color:#85858f;text-align:right}.duration-row{grid-template-columns:1fr auto}.duration-options{display:flex;align-items:center;background:#202024;padding:4px;border-radius:12px}.duration-options button,.duration-options span{font-size:13px;border:0;border-radius:9px;padding:9px 10px;color:#82828c;background:none}.duration-options .selected{background:#37373e;color:#d7d7dc}.style-dialog{padding:0;width:min(1000px,calc(100vw - 48px));max-width:1000px;max-height:calc(100dvh - 48px);color:#d4d4db;background:linear-gradient(125deg,#29292d,#151518 55%);border:1px solid #36363d;border-radius:26px;box-shadow:0 30px 100px #0008;overflow:auto}.style-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.picker-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 27px 12px}.picker-heading h2{font-size:18px;font-weight:500;margin:0}.dialog-close{border:0;background:#303036;color:#bcbcc5;font-size:27px;border-radius:50%;width:35px;height:35px;line-height:1}.picker-scroll{padding:5px 27px 24px;overflow:auto;max-height:calc(100dvh - 230px)}.picker-tabs{background:#1a1a1e;border-radius:14px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.picker-tabs button{padding:11px;border:0;border-radius:9px;background:none;color:#9898a3;font-size:16px;font-weight:600}.picker-tabs button[aria-selected=true]{background:#404048;color:#f1f1f5}.style-category{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;background:#19191d;border-radius:14px;padding:15px 12px;margin:23px 0 25px}.style-category button{border:0;padding:14px 11px 7px;background:none;color:#a7a7b2;font-size:14px;position:relative;white-space:nowrap}.style-category button[aria-pressed=true]{color:#ffba3e}.style-category button[aria-pressed=true]:before{content:'';position:absolute;top:2px;left:25%;right:25%;height:3px;background:#ffb31b;border-radius:2px}.picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.picker-chip{border:1px solid #71717c;background:transparent;border-radius:28px;min-height:43px;padding:10px 8px;color:#bcbcc8;font-size:14px;overflow-wrap:anywhere;line-height:1.3}.picker-chip:hover{border-color:#d3b077;background:#ffffff08;color:#f0d3a5}.picker-chip[aria-pressed=true]{background:#594425;border-color:#e3ae56;color:#ffdb9e}.recent-styles{margin-top:40px}.recent-styles h3{font-size:14px;font-weight:500;color:#b4b4bf;margin:0 0 22px;position:relative;padding-bottom:12px}.recent-styles h3:after{content:'';position:absolute;bottom:0;left:0;width:60px;height:2px;background:#e7bc6b}.picker-footer{display:flex;align-items:center;gap:16px;padding:17px 27px;border-top:1px solid #38383e;background:#1c1c20;border-radius:0 0 26px 26px}.picker-footer>span{font-size:13px;color:#c0c0c9}.picker-footer>div{margin-left:auto;display:flex;gap:10px}.apply-styles{border:1px solid #ebbb76;background:#eab46c;color:#251c11;border-radius:20px;padding:9px 19px;font-size:14px;font-weight:600}.picker-message{padding:0 27px;margin:0 0 15px;font-size:13px;color:#f1bca6;line-height:1.7}.picker-message:empty{display:none}@media(max-width:800px){.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.style-dialog{width:calc(100vw - 24px)}.picker-scroll{padding-left:20px;padding-right:20px}}@media(max-width:500px){.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.picker-heading{padding:17px 18px 12px}.picker-scroll{padding-left:16px;padding-right:16px}.picker-footer{padding:15px;gap:9px;flex-wrap:wrap}.picker-footer>div{gap:7px}.picker-chip{font-size:13px}.style-category{margin-top:17px}.option-row{padding:15px 12px}.style-dialog{border-radius:20px}.picker-tabs button{font-size:15px}.voice-options{gap:13px}}.more-options-box{display:flex;flex-direction:column;gap:18px}.exclude-style{display:flex;flex-direction:column;gap:8px}.more-title{font-size:17px;font-weight:600;color:#efeff2}.more-title small{font-weight:400;color:#aaaab2;font-size:12px;margin-left:5px}.slider-options{display:flex;flex-direction:column;gap:14px;background:#0e0e10;border:1px solid #26262b;border-radius:18px;padding:18px}.slider-header{display:flex;justify-content:flex-end}.reset-btn-circle{width:34px;height:34px;border-radius:50%;border:1px solid #34343b;background:#1a1a1d;color:#b9b9c1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.reset-btn-circle:hover{color:#ffd184;border-color:#5a4a2e}.reset-btn-circle:active{transform:rotate(-90deg);transition:transform .2s}.slider-item{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;row-gap:10px}.slider-label{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:#d7d7de}.slider-label .info-dot{font-style:normal;font-size:12px;color:#8a8a92;cursor:help;border:1px solid #3a3a40;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.slider-content{grid-column:1 / -1}.slider-value{justify-self:end;font-size:13px;color:#a1a1aa;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.max-mode-control-wrap,.duration-auto-content{justify-self:end}.switch-ui{position:relative;display:inline-flex;align-items:center}.switch-ui>input{position:absolute;width:1px;height:1px;opacity:0}.switch-ui .switch{width:45px;height:26px;border:1px solid #6a6a71;background:#39393e;border-radius:20px;position:relative;flex:none;transition:background .15s,border-color .15s}.switch-ui .switch:before{content:'';position:absolute;background:#fff;width:20px;height:20px;left:2px;top:2px;border-radius:50%;transition:left .15s}.switch-ui>input:checked+.switch{background:#ffbc55;border-color:#ffbc55}.switch-ui>input:checked+.switch:before{left:21px;background:#1b1b1e}.switch-ui>input:focus-visible+.switch{outline:2px solid #ffba4c;outline-offset:2px}.more-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#ffbc55 var(--p,50%),#3a3a40 var(--p,50%));outline:none;border:0;padding:0}.more-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #ffbc55;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.4)}.more-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #ffbc55;cursor:pointer}.more-slider:focus-visible{outline:2px solid #ffba4c;outline-offset:3px}.segment-control-mini{display:inline-flex;background:#1a1a1d;border:1px solid #34343b;border-radius:20px;padding:3px}.segment-btn{border:0;background:transparent;color:#a3a3aa;font:inherit;font-size:13px;padding:6px 16px;border-radius:16px;cursor:pointer}.segment-btn.active{background:#ffbc55;color:#1b1b1e;font-weight:600}.segment-btn:focus-visible{outline:2px solid #ffba4c;outline-offset:2px}
.library-actions{display:flex;gap:12px;align-items:center}