.slide-viewport-frame{width:100%;min-width:0}
#presentationPlayer,.slide-layout,.story-scene,.slide-steps{min-width:0}
@media(max-width:700px){
 .viewer-header{grid-template-columns:minmax(0,1fr) 110px;padding:10px 12px}
 .viewer-header select{width:110px;max-width:100%}
 .viewer-brand{min-width:0}
 .viewer-brand img:not(.viewer-logo){width:calc(100% - 48px);max-width:140px}
 main{width:100%;padding:16px 12px max(24px,env(safe-area-inset-bottom))}
 #slide{min-height:0;padding:18px 16px}
 .slide-layout{min-height:0}
 .slide-title{font-size:clamp(22px,6vw,29px);overflow-wrap:anywhere;margin:16px 0 20px}
 .slide-topline{flex-wrap:wrap;gap:6px}
 .slide-step,.with-scene .slide-step{font-size:17px;overflow-wrap:anywhere}
 .story-scene{max-width:100%}
 .story-scene img,.story-scene video,.hero-art,.conveyor-art{max-width:100%;object-fit:contain}
 .viewer-bottom label{min-width:0}
 .viewer-bottom select{min-width:0;max-width:100%}
 #overview{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}
}
@media(max-height:500px) and (pointer:coarse){
 #slide{min-height:0;padding:14px 20px}
 .slide-layout{min-height:0}
 .slide-layout.with-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .slide-title{font-size:24px;margin:12px 0}
 .slide-step,.with-scene .slide-step{font-size:16px}
}