.music-panel{position:absolute;z-index:13;right:18px;bottom:20px;width:306px;padding:12px;border:0;border-radius:22px;background:var(--ui-panel);color:var(--ink);box-shadow:0 7px 28px #30223724}
.music-information{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin-bottom:10px}.music-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}.music-heading small{display:block;font-size:10px;color:var(--muted);line-height:1.5}.music-heading h2{font:600 17px/1.4 Arial,sans-serif;margin:0;color:var(--ink)}#musicClose{align-self:start;width:30px;height:30px;border-radius:50%;font:23px/30px Arial;background:none;color:var(--muted)}
#musicStatus{grid-column:1/-1;font-size:10px;line-height:1.5;min-height:15px;margin:0;color:var(--muted)}.music-controls{display:flex;align-items:center;gap:10px;grid-column:1/-1}.music-controls>button{min-width:64px;height:32px;padding:0 12px;border-radius:16px;background:var(--accent);color:var(--button-text);border:0;font-size:11px}.music-controls label{display:grid;grid-template-columns:1fr auto;gap:0 4px;flex:1;min-width:0;font-size:10px;align-items:center}.music-controls input{display:block;grid-column:1/-1;width:100%;height:17px;margin:1px 0 0;accent-color:var(--accent)}
.music-looks{display:flex;gap:4px;align-items:center;grid-column:1/-1}.music-looks button{flex:1;border:0;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:10px;min-height:25px;padding:4px}.music-looks button[aria-pressed=true]{background:var(--accent);color:var(--button-text)}#musicSource{grid-column:1/-1;font-size:9px;line-height:1.5;color:var(--accent);text-decoration:underline;text-underline-offset:2px;width:fit-content}
.music-player-frame{height:200px;min-height:200px;min-width:200px;background:#211d25;overflow:visible}.music-player-frame>div,.music-player-frame iframe{display:block;width:100%;height:200px;min-width:200px;min-height:200px;border:0}.music-player-frame>div{display:flex;align-items:center;justify-content:center;color:#cfc3d2;font-size:11px;text-align:center;padding:15px}.music-player-frame iframe{padding:0}
#musicButton[data-playing=true]{background:var(--accent-soft);color:var(--accent)}.primary-actions{gap:12px}.stage[data-music-open=true]{--view-right:352px}.stage[data-music-open=true] .wardrobe{bottom:416px;padding:12px 16px}.stage[data-music-open=true] .wardrobe-heading{padding-bottom:5px}.stage[data-music-open=true] .wardrobe-heading h1{font-size:16px}.stage[data-music-open=true] .wardrobe-tip,.stage[data-music-open=true] .outfit-description,.stage[data-music-open=true] .shop-note,.stage[data-music-open=true] .product-summary>div{display:none}.stage[data-music-open=true] .game-dock{gap:8px}.stage[data-music-open=true] .game-dock button{height:30px;font-size:11px}.stage[data-music-open=true] .outfit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}.stage[data-music-open=true] .outfit-card{padding:5px 2px;gap:4px;border-radius:10px}.stage[data-music-open=true] .outfit-card .photo{width:100%;height:auto;aspect-ratio:1}.stage[data-music-open=true] .card-text strong{font-size:9px;line-height:1.5}.stage[data-music-open=true] .card-text small{display:none}.stage[data-music-open=true] .wardrobe-bottom{display:flex;align-items:center;gap:12px;padding-top:6px;margin-top:6px;min-height:40px}.stage[data-music-open=true] .shop-link{flex:1;min-height:34px;min-width:110px;font-size:11px}.stage[data-music-open=true] .product-summary button{font-size:10px;padding:0}.stage[data-music-open=true] .outfit-check{width:13px;height:13px;font-size:8px;line-height:13px}
@media(min-width:701px) and (max-width:1000px){.music-panel{right:12px;width:280px}.stage[data-music-open=true]{--view-right:306px}.primary-actions{gap:8px}.primary-actions>button{min-width:61px;width:61px}.primary-actions .capture-button{width:73px}}
@media(min-width:701px) and (max-height:700px){.music-panel{bottom:14px;padding:10px 12px}.music-heading h2{font-size:15px}.music-information{gap:3px 8px;margin-bottom:7px}.music-heading small{font-size:9px}.stage[data-music-open=true] .wardrobe{top:76px;bottom:395px}.stage[data-music-open=true] .wardrobe-heading h1{font-size:14px}.stage[data-music-open=true] .wardrobe-heading span{font-size:9px}.stage[data-music-open=true] .game-dock{display:none}.stage[data-music-open=true] .wardrobe-body{padding-bottom:0}.stage[data-music-open=true] .outfit-card .photo{max-height:46px;max-width:46px;margin:auto}}
@media(max-width:700px){
 .primary-actions,.stage[data-panel-open=false] .primary-actions{gap:13px}.primary-actions>button{width:60px;min-width:60px}.primary-actions .capture-button{width:71px}.music-panel{left:12px;right:12px;bottom:106px;width:auto;padding:11px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:11px;min-height:222px;border-radius:20px}.music-information{display:flex;flex-direction:column;gap:5px;margin:0;grid-column:2;grid-row:1;min-width:0}.music-player-frame{grid-column:1;grid-row:1;align-self:center}.music-heading{gap:2px;align-items:start}.music-heading h2{font-size:14px;line-height:1.3}.music-heading small{font-size:9px;line-height:1.3}#musicClose{width:23px;min-width:23px;height:23px;font-size:20px;line-height:23px}#musicStatus{font-size:9px;min-height:26px;line-height:1.4}.music-controls{display:block}.music-controls>button{height:28px;min-width:0;width:100%;font-size:10px}.music-controls label{margin-top:5px;font-size:9px;gap:0 2px}.music-controls input{height:14px}.music-looks{display:grid;grid-template-columns:1fr 1fr;gap:3px}.music-looks button{min-height:23px;padding:3px;font-size:9px}#musicSource{font-size:8px;line-height:1.3;margin-top:auto}.stage[data-music-open=true],.stage[data-music-open=true][data-panel-open=false]{--view-left:16px;--view-right:16px;--view-bottom:365px}.stage[data-music-open=true] .scene-surprise{bottom:370px}.stage[data-music-open=true] .viewer-hint{display:none}.stage[data-music-open=true] .character-label small{display:none}
}
@media(max-width:370px){.primary-actions,.stage[data-panel-open=false] .primary-actions{gap:9px}.primary-actions>button{min-width:55px;width:55px}.primary-actions .capture-button{width:67px}.music-panel{left:9px;right:9px;gap:8px;padding:9px;grid-template-columns:200px minmax(0,1fr)}.music-heading h2{font-size:12px}.music-heading small{font-size:8px}#musicSource{font-size:7px}}