.mx-panel{margin-top:12px;text-align:left;border-top:1px solid #c8d8dc30;padding-top:10px;font-size:12px;color:#d9e4e5;min-width:0}.mx-panel summary{cursor:pointer;min-height:32px;display:list-item;list-style-position:inside}.mx-body{padding:8px 0}.mx-caption,.mx-status{color:#aebfc3;line-height:1.6;font-size:11px}.mx-panel button,.mx-library button,.mx-home button,.mx-scene select{font:inherit;color:#e2ebeb;background:#18252bd9;border:1px solid #8babb440;border-radius:8px;padding:9px 12px;cursor:pointer;min-height:38px}.mx-panel button:hover,.mx-library button:hover,.mx-home button:hover{background:#293b42}.mx-panel :focus-visible,.mx-library :focus-visible,.mx-home :focus-visible{outline:2px solid #c7e8e4;outline-offset:3px}.mx-map{position:relative;height:40px;margin:12px 0;color:#8caaad;overflow:hidden}.mx-map svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.2}.mx-cursor{position:absolute;left:var(--position,0%);top:0;bottom:0;width:2px;background:#f1f7f5}.mx-chapters{display:flex;gap:5px;overflow-x:auto;padding:3px 2px 9px}.mx-chapters button{flex:1;min-width:88px;padding:8px;font-size:10px;text-align:left}.mx-chapters small{display:block;color:#a5b7bc;margin-top:5px}.mx-chapters [aria-current=true]{border-color:#bdcfcd;background:#35474c}.mx-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.mx-scene{display:flex;align-items:center;gap:6px}.mx-scene select{max-width:145px}.mx-save{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mx-save[hidden]{display:none}.mx-save span{flex-basis:100%;color:#bdcacc}.mx-save input{min-width:100px;flex:1;padding:10px;border:1px solid #8babb455;background:#0b161c;color:#fff;border-radius:7px;font:inherit}.mx-library{color:#e3ebeb;background:#101b21;border:1px solid #73919555;border-radius:20px;padding:25px;width:min(760px,94vw);max-height:88dvh;box-sizing:border-box}.mx-library::backdrop{background:#03090cd9;backdrop-filter:blur(12px)}.mx-library header{display:flex;align-items:center;justify-content:space-between;gap:15px}.mx-library h2{font-size:21px;margin:0}.mx-library nav{display:flex;gap:8px;margin:20px 0}.mx-library-list{display:grid;gap:0}.mx-library article{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #8da2a42c;padding:17px 0;font-size:12px}.mx-library article>div{flex:1;min-width:140px}.mx-library article p{color:#a5b6bc;font-size:11px;line-height:1.6;margin:6px 0 0}.mx-library article .mx-save{flex-basis:100%;margin:0}.mx-home{padding:28px 0;border-top:1px solid #8aa7ac30}.mx-home h2{font-size:clamp(22px,3vw,34px);margin:10px 0}.mx-home>p:not(.hmg-eyebrow){max-width:650px;color:#b0c2c5;line-height:1.8;font-size:13px}
.collection-workspace .ambient-album-stage[data-music-scene=ink],dialog[data-visual=lyric-theatre] .atlas-room-stage[data-music-scene=ink]{background:radial-gradient(ellipse at 50% 35%,#29333e 0%,#11171e 45%,#080e13 90%)!important}.collection-workspace .ambient-album-stage[data-music-scene=horizon],dialog[data-visual=lyric-theatre] .atlas-room-stage[data-music-scene=horizon]{background:radial-gradient(ellipse at 50% 85%,#496167 0%,#1c303b 25%,#0b141f 65%)!important}.ambient-album-stage[data-music-scene],.atlas-room-stage[data-music-scene]{position:relative;isolation:isolate}.ambient-album-stage[data-music-scene]::after,.atlas-room-stage[data-music-scene]::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 40% 50%,#bcdce040,transparent 65%);opacity:var(--audio-light,.12);transform:translateX(0);transition:opacity .8s,transform 5s}.ambient-album-stage[data-music-scene=horizon][data-music-playing=true]::after,.atlas-room-stage[data-music-scene=horizon][data-music-playing=true]::after{transform:translateX(8%)}.now-surface:has(.mx-panel){min-height:0}.now-surface:has(.mx-panel[open]){overflow-y:auto}.mx-panel[open]{flex-shrink:0}
@media(max-width:760px){.mx-library{padding:18px}.mx-library h2{font-size:17px}.mx-actions{gap:6px}.mx-panel button,.mx-scene select{padding:8px;font-size:10px}.mx-panel{margin-top:7px}.mx-library article button{font-size:11px}.mx-home{padding:22px 0}}
@media(prefers-reduced-motion:reduce){.ambient-album-stage[data-music-scene]::after,.atlas-room-stage[data-music-scene]::after{transition:none;transform:none!important}}
.mx-panel,.mx-body{width:100%;max-width:100%;box-sizing:border-box}.mx-restore{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.7;margin:12px 0 20px}.mx-restore input{width:18px;height:18px;flex:none}
dialog[data-visual=lyric-theatre] .atlas-room-glass>.now-surface:has(.mx-panel[open]),.collection-workspace .ambient-album-copy>.now-surface:has(.mx-panel[open]){justify-content:flex-start;gap:12px;padding:12px 0;min-height:min-content;overflow:visible}
.now-surface:has(.mx-panel[open]) :is(.now-lyric-previous,.now-lyric-next){display:none}
dialog[data-visual=lyric-theatre] .now-surface:has(.mx-panel[open]) .now-lyrics{min-height:72px;max-height:150px}
dialog[data-visual=lyric-theatre] .now-surface:has(.mx-panel[open]) .now-wave,.collection-workspace .now-surface:has(.mx-panel[open]) .now-wave{height:64px;flex-shrink:0}
@media(max-width:760px){.mx-panel button,.mx-scene select,.mx-home button,.mx-library button{min-height:44px;font-size:11px}.mx-chapters button{font-size:11px}.mx-panel[open] .mx-caption{font-size:11px}.mx-panel .mx-actions{align-items:stretch}.mx-library article>div{flex-basis:100%}dialog[data-visual=lyric-theatre] .now-surface:has(.mx-panel[open]) .now-lyric-current{font-size:25px}}
.mx-status:empty{display:none}
@media(max-width:760px){.mx-panel .mx-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mx-panel .mx-scene{font-size:0;display:block}.mx-panel .mx-scene select{font-size:11px;width:100%;max-width:none;height:44px}.mx-panel .mx-body{max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin}.mx-panel .mx-caption{margin:4px 0}.mx-panel .mx-actions button{line-height:1.6}.mx-panel .mx-status{margin:5px 0}dialog[data-visual=lyric-theatre] .atlas-room-glass>.now-surface:has(.mx-panel[open]){gap:8px;padding:8px 0}dialog[data-visual=lyric-theatre] .now-surface:has(.mx-panel[open]) .now-wave{height:36px}}
@media(max-width:760px){.mx-panel .mx-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mx-panel .mx-map{margin:6px 0}.mx-panel .mx-chapters{padding-bottom:4px}.mx-panel .mx-actions{margin-top:6px}}