 .ml-scene-filter{display:flex;align-items:center;gap:16px;min-width:0;color:#d9e4ef;font-size:13px;position:relative;z-index:3}.ml-scene-filter>span{flex:none}.ml-scene-filter>small{font-size:12px;color:#91a6b7}.ml-shots{width:315px;position:relative;max-width:calc(100% - 78px)}.ml-shots summary{list-style:none;border:1px solid #355166;border-radius:8px;background:#071522;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.ml-shots summary::-webkit-details-marker{display:none}.ml-shots[open] summary{border-color:#e8bf61}.ml-shot-panel{position:absolute;top:calc(100% + 5px);left:0;z-index:10;width:350px;max-width:calc(100vw - 140px);border:1px solid #355166;border-radius:8px;background:#071522;box-shadow:0 14px 30px #0009;padding:7px;overflow:hidden}.ml-shot-options{max-height:min(405px,45vh);overflow:auto;scrollbar-width:thin;scrollbar-color:#536f85 #12212e}.ml-shot-search{display:flex;align-items:center;gap:10px;border:1px solid #2b475d;border-radius:6px;padding:9px 12px;margin-bottom:6px;color:#91a6b7}.ml-shot-search input{min-width:0;width:100%;border:0;background:transparent;outline-offset:3px;font-size:13px}.ml-shot-search svg{width:17px;height:17px}.ml-shot-count{display:block;color:#7894ab;text-align:center;padding:7px 0 0;font-size:11px}.ml-shot-options button[hidden]{display:none!important}.ml-shot-options button{display:block;width:100%;text-align:left;color:#d9e4ef;min-height:39px;padding:9px 16px;border-radius:5px}.ml-shot-options button:hover{background:#132a3c}.ml-shot-options button[aria-pressed=true]{color:#f0d89d;border:1px solid #e8bf61;background:#d9b76e0a}.ml-shots summary:focus-visible{outline:2px solid #a8dfff;outline-offset:4px}

.ml-root,.ml-root *{box-sizing:border-box}.ml-root{color-scheme:dark}
.ml-root{--ink:#050b15;--panel:#0a1828;--line:rgba(177,211,240,.22);--ivory:#f3ead9;--muted:#93a5b8;--ice:#a8dfff;--gold:#d9b76e;--gold-soft:#f0d89d;position:fixed;inset:0;z-index:100000;background:radial-gradient(ellipse at 80% 0%,#0b2030 0%,transparent 46%),var(--ink);color:var(--ivory);display:grid;grid-template-columns:124px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr) 80px;font:14px/1.45 Inter,"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.01em}
.ml-root button,.ml-root input,.ml-root select{font:inherit;color:inherit}
.ml-root button,.ml-root a,.ml-root input,.ml-root select{outline-offset:4px}
.ml-root button{cursor:pointer}.ml-root button:disabled{opacity:.5;cursor:wait}.ml-root a{color:inherit;text-decoration:none}
.ml-root button:focus-visible,.ml-root a:focus-visible,.ml-root input:focus-visible,.ml-root select:focus-visible{outline:2px solid var(--ice)}
.ml-root button{background:none;border:0}.ml-root svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}
.ml-rail{grid-row:1/4;border-right:1px solid var(--line);background:rgba(3,9,17,.6);display:flex;flex-direction:column;align-items:stretch}
.ml-orbit{height:102px;position:relative;display:grid;place-items:center}.ml-orbit::before{content:"";width:44px;height:44px;border:1px solid #eac981;border-radius:50%;background:radial-gradient(circle at 30% 20%,#eddab5,#5c5240 35%,#151c20 74%);box-shadow:inset 0 0 6px #f0d89d80}.ml-orbit::after{content:"";position:absolute;width:74px;height:22px;border:1.4px solid #d9b76e;border-radius:50%;transform:rotate(-25deg)}
.ml-rail nav a{height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);position:relative;font-size:15px}.ml-rail nav svg{width:23px;height:23px}.ml-rail nav a:hover{background:#ffffff05;color:var(--ivory)}.ml-rail nav a[aria-current=page]{color:var(--gold-soft);background:linear-gradient(90deg,#d9b76e22,transparent)}.ml-rail nav a[aria-current=page]::before{content:"";position:absolute;inset:0 auto 0 13px;width:3px;background:var(--gold);border-radius:2px;box-shadow:0 0 10px #d9b76e44}
.ml-rail-note{margin:auto 26px 22px;color:#788ca0;font-size:12px;line-height:1.8}.ml-rail-note::before{content:"";display:block;width:17px;height:1px;background:#718397;margin-bottom:12px}
.ml-header{display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 32px;border-bottom:1px solid var(--line);gap:20px}.ml-brand{display:flex;align-items:center;gap:46px}.ml-brand-name strong{display:block;font-size:24px;font-weight:650;color:#e8eff5;line-height:1.2}.ml-brand-name small{font-size:10px;letter-spacing:.34em;color:#71879b}.ml-breadcrumb{color:#a9bac8;font-size:15px}.ml-breadcrumb b{color:var(--gold-soft);font-weight:500}.ml-header-actions{display:flex;align-items:center;gap:28px}.ml-avatar{width:38px;height:38px;background:linear-gradient(145deg,#5360d9,#7e8fe9);border-radius:50%;display:grid;place-items:center;color:#dbe4ff}
.ml-outline{border:1px solid #7a93a8!important;border-radius:7px;padding:8px 14px;font-size:13px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#07132166!important;transition:background .15s}.ml-outline:hover{background:#132b40!important}.ml-gold{background:linear-gradient(180deg,#f0c975,#d9b76e)!important;color:#181610!important;border:1px solid #edcd88!important;border-radius:8px;font-weight:650!important;box-shadow:0 0 16px #d9b76e16}.ml-gold:hover{filter:brightness(1.08)}
.ml-main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:24px 18px 12px 30px;overflow:hidden}.ml-top{display:flex;justify-content:space-between;align-items:center;gap:26px;flex:none;height:60px}.ml-title{min-width:360px}.ml-title small{font-size:13px;color:#819bb1;letter-spacing:.09em;display:block;margin-bottom:3px}.ml-title h1{font-size:44px;letter-spacing:.015em;margin:0;line-height:1.08;font-weight:650}.ml-title p{margin:8px 0 0;color:#a8bdcf;font-size:18px;white-space:nowrap}
.ml-controls{display:flex;align-items:center;gap:12px;width:min(960px,70%)}.ml-search{position:relative;flex:1;min-width:190px}.ml-search svg{position:absolute;left:18px;top:15px;color:var(--muted)}.ml-search input{width:100%;height:48px;background:#0a1b2a80;border:1px solid #345168;border-radius:8px;padding:0 18px 0 47px;font-size:15px}.ml-search input::placeholder{color:var(--muted)}.ml-controls select{height:48px;background:#0a1b2a80;border:1px solid #345168;border-radius:8px;padding:0 20px;min-width:125px;cursor:pointer}
.ml-browse{margin-top:20px;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 422px;gap:18px}.ml-listcol{min-width:0;min-height:0;display:flex;flex-direction:column}.ml-filters{flex:none;display:flex;flex-direction:column;gap:12px;padding:35px 0 16px}.ml-tabs,.ml-categories{display:flex;gap:9px;flex-wrap:wrap}.ml-chip{border:1px solid #1f394d!important;border-radius:24px;padding:7px 20px!important;color:#a9bdcf!important;background:#07152177!important;white-space:nowrap;font-size:14px!important}.ml-categories .ml-chip{padding:7px 16px!important;font-size:13px!important}.ml-chip[aria-pressed=true]{border-color:#e8bf61!important;color:#f0d89d!important;background:#d9b76e12!important;font-weight:650}
.ml-tracks{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#284358 transparent;display:flex;flex-direction:column;gap:8px;padding-right:1px}.ml-track{display:grid;grid-template-columns:80px 47px minmax(170px,1.2fr) minmax(115px,.85fr) 122px 34px 82px 115px;gap:12px;align-items:center;flex:none;min-height:84px;max-height:112px;border:1px solid #263f53;border-radius:10px;background:linear-gradient(110deg,#0a1b2999,#06111b99);padding:2px 15px 2px 8px}.ml-track.is-selected{border:1.5px solid #eac371;background:linear-gradient(110deg,#d9b76e10,#0a1828b3);box-shadow:inset 0 0 20px #d9b76e06}.ml-cover{flex:none;--cover-width:80px;background-image:url('/assets/music-library/design-sprite-20261008p2.webp');background-size:calc(var(--cover-width)*19.825) calc(var(--cover-width)*12.4);background-position:calc(var(--cover-width)*-2.05) calc(var(--cover-width)*var(--cover-y)*-.0125);border-radius:7px;border:1px solid #4b657b55;background-repeat:no-repeat;overflow:hidden;display:block}.ml-track>.ml-cover{--cover-width:74px;width:74px;height:78px}.ml-track h2{font-size:17px;line-height:1.25;color:#edf3f8;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.ml-track-name{min-width:0}.ml-track-name>button{text-align:left;width:100%;padding:0}.ml-tags{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;line-height:1.5}.ml-tag{border:1px solid #5f86ad44;border-radius:13px;padding:2px 9px;background:#143049;color:#bce0ff;white-space:nowrap}.ml-tag-mood{background:#6c604233;border-color:#e6d3a133;color:#e9d6ad}.ml-tag-purple{background:#5e3d8633;border-color:#9974c944;color:#d3b4f6}.ml-demo{font-size:11px;color:#99afc4;margin-top:4px}.ml-round{width:44px;height:44px;border:1px solid #7a94ac!important;border-radius:50%;display:grid;place-items:center;color:#d1e1ef!important;flex:none}.ml-track.is-selected .ml-round{border-color:#e6bf64!important;color:#edc96f!important;box-shadow:0 0 9px #d9b76e14}.ml-round svg{width:20px;height:20px}.ml-wave{height:32px;display:flex;gap:2px;align-items:center;overflow:hidden;min-width:0;color:#537895}.ml-wave i{display:block;width:2px;min-width:2px;background:currentColor;border-radius:2px}.ml-wave i.is-played{color:#ebc56e}.ml-track-meta{display:flex;gap:24px;color:#a8bfd2;font-size:12px;white-space:nowrap}.ml-heart{color:#d1e1ef!important;width:30px;height:36px;padding:0!important}.ml-heart[aria-pressed=true]{color:#f0c975!important}.ml-heart[aria-pressed=true] svg{fill:#d9b76e33}.ml-track .ml-outline{font-size:13px!important;padding:8px 10px}.ml-empty{border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;flex:1;color:var(--muted);padding:40px;text-align:center}
.ml-detail{border:1px solid #355166;border-radius:10px;background:linear-gradient(160deg,#0c1d2d88,#07152188);padding:20px 14px 14px;min-height:0;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#284358 transparent}.ml-detail-top{display:grid;grid-template-columns:134px minmax(0,1fr);gap:15px;padding-bottom:24px;border-bottom:1px solid var(--line)}.ml-detail-cover{--cover-width:134px;width:134px;height:148px}.ml-detail h2{margin:0 0 10px;font-size:22px;font-weight:650;line-height:1.3;letter-spacing:0;color:#eef3f7}.ml-detail .ml-wave{margin:24px 0 14px;height:33px}.ml-detail-play{display:flex;gap:15px;align-items:center;color:#b2c8d9;font-size:12px;white-space:nowrap}.ml-detail-play .ml-round{width:33px;height:33px;border-color:#ecd28f!important}.ml-detail h3{font-size:21px;margin:16px 0 3px;font-weight:650}.ml-label{font-size:13px;color:#829bb2;margin-bottom:3px}.ml-target{width:100%;height:42px;border:1px solid #2d4d65;border-radius:8px;background:#0a1b2b;padding:0 14px;color:#e2ecf5;cursor:pointer}.ml-canvas-preview{height:225px;flex:1;min-height:170px;border:1px solid #1f394d;border-radius:8px;margin-top:12px;background-color:#04101b;background-image:radial-gradient(#38516866 1px,transparent 1px);background-size:15px 15px;position:relative;padding:28px 15px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}.ml-scenes{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;width:100%}.ml-scene{width:78px;text-align:center;font-size:10px;z-index:1;color:#d2e4f2}.ml-scene-image{width:76px;height:50px;border:1px solid #677f94;border-radius:6px;background:#173348;display:grid;place-items:center;margin-bottom:5px;overflow:hidden}.ml-scene-image img{width:100%;height:100%;object-fit:cover}.ml-scene-image svg{width:23px;color:#779ab6}.ml-canvas-lines{position:absolute;inset:75px 14px 12px;width:calc(100% - 28px)!important;height:calc(100% - 87px)!important;stroke:#67879b!important;stroke-width:.8!important}.ml-audio-node{display:flex;gap:10px;align-items:center;border:1px solid #eac469;border-radius:9px;background:#0e2030;box-shadow:0 0 13px #eac46933;padding:9px 14px;z-index:1;width:210px;font-size:11px;color:#e6eff6}.ml-audio-node>svg{color:#eac469;width:24px}.ml-audio-node .ml-wave{height:10px;margin:4px 0 0;font-size:8px;max-width:150px}.ml-audio-node .ml-wave i{width:1px;min-width:1px}.ml-preview-help{text-align:center;color:#7894ab;font-size:12px;margin:10px 0 12px}.ml-detail-actions{display:flex;flex-direction:column;gap:13px}.ml-detail-actions button{height:46px;font-size:14px!important;gap:12px}.ml-format{font-size:12px;color:#879fb3;display:flex;gap:10px;align-items:center;margin:10px 0 0}.ml-format select{background:#071321;border:1px solid #2d4d65;padding:3px 8px;border-radius:5px}.ml-status{padding-top:8px;font-size:12px;color:#b8d7ea;min-height:26px}.ml-status.is-error{color:#f4b3a6}
.ml-player{grid-column:2;border-top:1px solid #263f53;background:#071421ee;display:grid;grid-template-columns:minmax(270px,350px) 168px minmax(120px,1fr) 150px 168px;gap:24px;align-items:center;padding:8px 30px 8px 16px;min-width:0}.ml-player-track{display:flex;align-items:center;gap:22px;min-width:0}.ml-player-cover{--cover-width:62px;width:62px;height:62px}.ml-player-track b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ml-player-track small{font-size:12px;color:#a5bfd3;display:block;margin-top:4px}.ml-player-buttons{display:flex;align-items:center;justify-content:space-between}.ml-player-buttons button{color:#b1c9de;padding:6px}.ml-player-buttons .ml-round{background:linear-gradient(145deg,#f3d788,#deb964)!important;color:#26313b!important;border:1px solid #e9c974!important;box-shadow:0 0 14px #d9b76e44;width:47px;height:47px}.ml-root input[type=range]{appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,#edc572 0%,#edc572 var(--range,0%),#344352 var(--range,0%),#344352 100%);width:100%;cursor:pointer;padding:0;border:0}.ml-root input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#e8c374;border-radius:50%}.ml-root input[type=range]::-moz-range-thumb{width:13px;height:13px;background:#e8c374;border:0;border-radius:50%}.ml-time{color:#87a1b8;font-size:12px;white-space:nowrap}.ml-volume{display:flex;gap:16px;align-items:center;color:#c8deed}.ml-volume input{min-width:30px}.ml-repeat[aria-pressed=true]{color:#f0c975!important}.ml-repeat{padding:0}.ml-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1540px){.ml-root{grid-template-columns:98px minmax(0,1fr)}.ml-title{min-width:280px}.ml-title h1{font-size:39px}.ml-controls{gap:8px}.ml-controls select{min-width:92px;padding:0 12px}.ml-browse{grid-template-columns:minmax(0,1fr) 350px}.ml-track{grid-template-columns:64px 40px minmax(140px,1fr) minmax(75px,.6fr) 97px 26px 62px 101px;gap:8px;padding-right:10px}.ml-track>.ml-cover{--cover-width:64px;width:64px;height:68px}.ml-track-meta{gap:12px}.ml-track h2{font-size:15px}.ml-track .ml-outline{padding:7px 8px;font-size:12px!important}.ml-round{width:37px;height:37px}.ml-detail-top{grid-template-columns:110px minmax(0,1fr);gap:12px}.ml-detail-cover{--cover-width:110px;width:110px;height:122px}.ml-detail h2{font-size:18px}.ml-detail-play{gap:7px}.ml-detail .ml-wave{margin:16px 0 11px}.ml-chip{padding:7px 16px!important}.ml-categories .ml-chip{padding:6px 11px!important;font-size:12px!important}.ml-player{grid-template-columns:270px 140px minmax(80px,1fr) 125px 145px;gap:17px}}
@media(max-width:1250px){.ml-main{padding-left:20px}.ml-title{min-width:220px}.ml-title h1{font-size:34px}.ml-title p{font-size:14px}.ml-browse{grid-template-columns:minmax(0,1fr) 310px;gap:12px}.ml-track{grid-template-columns:54px 34px minmax(130px,1fr) 75px 24px 56px 92px;gap:7px}.ml-track>.ml-cover{--cover-width:54px;width:54px;height:58px}.ml-track>.ml-wave{display:none}.ml-track-meta{gap:7px;font-size:10px}.ml-track h2{font-size:14px}.ml-tags{font-size:10px;gap:3px}.ml-track .ml-outline{padding:7px 4px;font-size:11px!important}.ml-player{grid-template-columns:230px 120px minmax(80px,1fr) 115px 120px;gap:12px}.ml-detail-top{grid-template-columns:90px minmax(0,1fr)}.ml-detail-cover{--cover-width:90px;width:90px;height:100px}.ml-detail h2{font-size:16px}.ml-detail .ml-wave{margin-top:8px}.ml-detail-play{font-size:10px}.ml-controls select{min-width:80px}.ml-categories{gap:6px}.ml-categories .ml-chip{padding:6px 9px!important}}
@media(max-width:1000px){.ml-root{grid-template-columns:74px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 78px}.ml-orbit{height:80px;transform:scale(.75)}.ml-rail nav a{font-size:11px;height:82px}.ml-rail-note{margin: auto 12px 16px;font-size:10px}.ml-brand-name strong{font-size:19px}.ml-brand{gap:20px}.ml-breadcrumb{font-size:12px}.ml-header{padding:0 20px}.ml-header-actions{gap:12px}.ml-avatar{display:none}.ml-main{padding:20px 14px 12px;overflow:auto}.ml-top{height:auto;flex-direction:column;align-items:stretch;gap:16px}.ml-title{min-width:0}.ml-title h1{font-size:32px}.ml-controls{width:100%;flex-wrap:wrap}.ml-search{flex:1}.ml-controls select{min-width:70px;height:42px}.ml-search input{height:42px}.ml-search svg{top:11px}.ml-browse{display:flex;flex-direction:column;min-height:auto;flex:none}.ml-filters{padding-top:0}.ml-tracks{overflow:visible}.ml-track{min-height:86px;grid-template-columns:56px 34px minmax(120px,1fr) 80px 26px 70px 110px}.ml-detail{overflow:visible;margin-top:10px}.ml-detail-top{grid-template-columns:110px minmax(0,1fr)}.ml-detail-cover{--cover-width:110px;width:110px;height:122px}.ml-detail h2{font-size:23px}.ml-detail .ml-wave{max-width:400px}.ml-canvas-preview{max-width:450px;width:100%;margin-inline:auto;min-height:220px}.ml-detail-actions{flex-direction:row}.ml-detail-actions>*{flex:1}.ml-player{grid-template-columns:minmax(130px,1fr) 120px minmax(80px,1fr);gap:16px;padding:8px 14px}.ml-player-cover{--cover-width:48px;width:48px;height:48px}.ml-player-track{gap:10px}.ml-player-track b{font-size:12px}.ml-player-track small{font-size:10px}.ml-player>.ml-time,.ml-volume{display:none}}
@media(max-width:680px){.ml-root{grid-template-columns:58px minmax(0,1fr)}.ml-rail nav a{font-size:10px;height:72px;gap:5px}.ml-rail nav svg{width:20px}.ml-orbit{height:70px;transform:scale(.6)}.ml-rail-note{display:none}.ml-breadcrumb{display:none}.ml-header{padding:0 12px}.ml-header .ml-outline{font-size:11px!important;padding:7px 9px}.ml-brand-name strong{font-size:16px}.ml-brand-name small{font-size:8px}.ml-main{padding:16px 10px 12px}.ml-title p{font-size:12px}.ml-controls select{flex:1;padding:0 8px;height:36px;font-size:12px}.ml-search{flex-basis:100%}.ml-track{grid-template-columns:46px 30px minmax(68px,1fr) 28px 72px;gap:5px;min-height:86px;padding:6px}.ml-track>.ml-cover{--cover-width:46px;width:46px;height:50px}.ml-track h2{font-size:12px;margin-bottom:5px}.ml-track-meta,.ml-track .ml-heart{display:none}.ml-track .ml-outline{min-width:0;font-size:10px!important;padding:6px 4px}.ml-track .ml-download svg{width:15px;height:15px}.ml-track .ml-download span{display:none}.ml-track .ml-round{width:28px;height:28px}.ml-tags{font-size:9px}.ml-tag{padding:1px 5px}.ml-demo{font-size:9px}.ml-tabs,.ml-categories{gap:6px}.ml-chip{padding:6px 11px!important;font-size:11px!important}.ml-categories .ml-chip{padding:5px 8px!important;font-size:10px!important}.ml-player{grid-template-columns:minmax(90px,1fr) 110px;gap:8px;padding:8px 10px}.ml-player-track small{display:none}.ml-player>.ml-seek{display:none}.ml-player-buttons .ml-round{width:38px;height:38px}.ml-player-buttons svg{width:17px}.ml-player-cover{--cover-width:38px;width:38px;height:42px}.ml-player-track{gap:7px}.ml-player-track b{font-size:10px}.ml-detail h2{font-size:20px}.ml-detail-top{grid-template-columns:90px minmax(0,1fr)}.ml-detail-cover{--cover-width:90px;width:90px;height:100px}.ml-detail .ml-wave{margin:14px 0 10px}.ml-detail{padding:14px 10px}.ml-detail-play{font-size:11px}.ml-canvas-preview{padding-inline:10px}.ml-scenes{gap:8px}.ml-scene{width:68px}.ml-scene-image{width:66px}.ml-audio-node{width:190px}.ml-title h1{font-size:30px}}

@media(max-width:680px){.ml-scene-filter{gap:8px;font-size:11px}.ml-scene-filter>small{display:none}.ml-shots summary{padding:8px 10px}.ml-shot-panel{max-width:calc(100vw - 102px)}.ml-shot-options{font-size:11px}}

.ml-metadata{font-size:12px;margin:8px 0 0;color:#91a6b7}.ml-metadata summary{cursor:pointer;list-style:none;color:#bcd2e4;padding:5px 0;outline-offset:4px}.ml-metadata summary::after{content:" ＋";color:#d9b76e}.ml-metadata[open] summary::after{content:" −"}.ml-metadata p{margin:5px 0 10px;line-height:1.6}.ml-metadata dl{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px 10px;line-height:1.65;margin:0 0 10px}.ml-metadata dt{color:#7592aa}.ml-metadata dd{margin:0;color:#d2e2ed;overflow-wrap:anywhere}

.ml-lyric-links{display:flex;gap:16px;font-size:12px;margin:10px 0;color:#f0d89d}.ml-lyric-links a{text-decoration:underline;text-underline-offset:3px}
.ml-player-track>div{min-width:0;flex:1}

@media(max-width:680px){.ml-track .ml-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ml-track .ml-demo{overflow-wrap:anywhere}}
@media(max-width:350px){.ml-track{grid-template-columns:30px minmax(65px,1fr) 28px 72px}.ml-track>.ml-cover{display:none}}
@media(max-width:680px){.ml-detail-play{flex-wrap:wrap;row-gap:7px}.ml-detail-actions{flex-direction:column}.ml-scene{flex:1;min-width:0}.ml-scene-image{width:100%;max-width:66px}.ml-audio-node{max-width:100%}}

.ml-root .ml-pagination{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--muted);font-size:12px}
.ml-root .ml-results{flex:none;padding:9px 0;color:var(--muted);font-size:12px}
.ml-root .ml-pagination>div{display:flex;align-items:center;gap:12px;white-space:nowrap}
.ml-root .ml-pagination .ml-outline{padding:6px 10px;min-height:30px;font-size:12px}
.ml-root .ml-pagination button:disabled{opacity:.4;cursor:default}
@media(max-width:680px){.ml-root .ml-pagination{align-items:flex-start;flex-direction:column;gap:9px}.ml-root .ml-pagination>div{width:100%;justify-content:space-between}}

.ml-cover{background-image:var(--cover-image);background-size:var(--cover-width) calc(var(--cover-width)*1.125);background-position:0 0}
.ml-filter-toggle{display:none}.ml-root :focus-visible{outline:2px solid #f0d391;outline-offset:3px}.ml-track-name h2{overflow-wrap:anywhere}
@media(max-width:680px){
 .ml-root{grid-template-rows:64px minmax(0,1fr) 116px}.ml-top{gap:10px}.ml-title h1{font-size:26px}.ml-title p{margin:4px 0 0}.ml-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ml-search{grid-column:1/-1}.ml-filter-toggle{display:block;grid-column:1/-1;text-align:left;border:1px solid #34506a;border-radius:7px;padding:8px 10px;background:#0d1c2a;color:#dce8f1;font-size:12px}.ml-controls select{width:100%;min-width:0}.ml-root:not(.has-open-filters) .ml-controls select,.ml-root:not(.has-open-filters) .ml-categories,.ml-root:not(.has-open-filters) .ml-scene-filter{display:none}.ml-tabs{margin-top:10px}.ml-root.has-open-filters .ml-controls select{display:block}
 .ml-track{grid-template-columns:42px 30px minmax(0,1fr) 28px 67px;gap:5px;grid-template-rows:auto auto;padding:9px 6px}.ml-track>.ml-cover{--cover-width:42px;width:42px;height:47px}.ml-track-name h2{white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.4;margin:0 0 5px}.ml-track.is-selected h2{-webkit-line-clamp:unset}.ml-track-meta{display:flex!important;grid-column:3;grid-row:2;font-size:10px;gap:10px;justify-content:flex-start}.ml-track .ml-download{grid-column:4;grid-row:1/3}.ml-track>[data-action=apply]{grid-column:5;grid-row:1/3}.ml-track>.ml-cover,.ml-track>.ml-round{grid-row:1/3}.ml-track .ml-wave{display:none}.ml-track .ml-demo{font-size:8px}
 .ml-player{grid-template-columns:minmax(0,1fr) 110px;grid-template-rows:42px 18px 12px;gap:5px 8px;padding:8px 10px 10px}.ml-player-track{grid-column:1;grid-row:1}.ml-player-buttons{grid-column:2;grid-row:1}.ml-player>.ml-seek{display:block!important;grid-column:1/-1;grid-row:2;min-width:0;height:5px;touch-action:pan-x}.ml-player>.ml-time{display:block!important;grid-column:1/-1;grid-row:3;text-align:right;font-size:10px}.ml-player-track b{font-size:11px}.ml-root input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.ml-root input[type=range]::-moz-range-thumb{width:18px;height:18px}
}

.ml-haisen-logo{display:block;width:174px;height:58px;object-fit:contain;object-position:left center;border-radius:8px}
.ml-brand-name small{display:none}
.ml-orbit{transform:none!important}
.ml-orbit::before{width:58px;height:58px;border:0;border-radius:10px;background:url(/haisen-home-assets/haisen-logo-20261011h3.webp) left center / 174px 58px no-repeat;box-shadow:none}
.ml-orbit::after{display:none}
@media(max-width:680px){.ml-haisen-logo{width:138px;height:46px}.ml-orbit::before{width:46px;height:46px;background-size:138px 46px}}
