.wwmud-transport{position:fixed;z-index:30;bottom:0;left:0;right:0;box-sizing:border-box;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--surface,#fff);color:inherit;border-top:1px solid #ccc;display:grid;grid-template-columns:36px 36px 36px minmax(100px,1fr) auto minmax(80px,180px) auto 65px 36px;align-items:center;gap:6px;max-height:112px}
.wwmud-transport[hidden]{display:none!important}.wwmud-transport button{display:block;grid-auto-flow:unset;min-width:0;min-height:36px;padding:4px;border-radius:50%;font:inherit}.transport-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px}.transport-count,.transport-time{font-size:11px;white-space:nowrap}.wwmud-transport input{min-width:0;width:100%;margin:0;padding:0;height:24px}.transport-volume{max-width:65px}
@media(max-width:650px), (max-width:1000px) and (max-height:500px){.wwmud-transport{grid-template-columns:32px 32px 32px minmax(0,1fr) 32px;gap:3px 5px}.transport-title{grid-column:4;grid-row:1}.transport-count{grid-column:1/4;grid-row:2;text-align:center}.transport-seek{grid-column:4;grid-row:2}.transport-time,.transport-volume{display:none}.wwmud-transport button:last-child{grid-column:5;grid-row:1/3}}
@media(prefers-reduced-motion:reduce){.head-slot{transition:none!important}}
#app .head-pages{flex-wrap:wrap;gap:8px}#app .head-pages button{min-width:0;white-space:normal;overflow-wrap:anywhere}

#app .head-slot[data-mouth-pilot=true] .face-rest,#app .head-slot[data-mouth-pilot=true] .face-talk{display:none!important}
#app .mouth-pilot-frame{transition:opacity 65ms linear;visibility:visible!important;animation:none!important}
@media(prefers-reduced-motion:reduce){#app .mouth-pilot-frame{transition:none}}

.wwmud-transport[data-focused=true]{border-top:2px solid #8351a5;background:#faf6ff}
.wwmud-transport .transport-count{border:0!important;background:transparent!important;color:inherit;cursor:pointer;border-radius:6px;box-shadow:none!important;font-size:12px;white-space:nowrap;padding:0 3px}
.wwmud-transport .transport-count:disabled{opacity:1;cursor:default}
.wwmud-transport[data-focused=true] .transport-count{color:#543073;font-weight:700}
.wwmud-transport[data-focused=true] button:last-child{background:#543073;color:#fff;border-color:#543073}

@media(max-width:650px), (max-width:1000px) and (max-height:500px){
 .wwmud-transport{grid-template-columns:44px 44px 44px minmax(0,1fr) 44px;gap:2px 4px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));max-height:120px}
 .wwmud-transport button{min-height:44px;min-width:44px;font-size:20px;padding:4px}
 .wwmud-transport .transport-title{font-size:14px}
 .wwmud-transport .transport-count{font-size:13px;min-width:0;min-height:44px}
 .wwmud-transport .transport-seek{height:44px}
 .wwmud-transport button:last-child{min-height:44px;grid-column:5;grid-row:1/3}
}



#app .play-all[hidden]{display:none!important}
