/* medienwerkstatt006 · shared responsive/gallery enhancements · 2026 */
html{max-width:100%;overflow-x:hidden}img,video{max-width:100%;height:auto}iframe{max-width:100%}
.mw-auto-playlist{margin:1.4rem 0;border:1px solid rgba(255,255,255,.12);background:#07070b;overflow:hidden}
.mw-auto-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(68vh,720px);background:#000}
.mw-auto-stage img{display:block;width:100%;height:min(68vh,720px);object-fit:contain;background:#000}
.mw-auto-controls{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 .65rem}
.mw-auto-btn{pointer-events:auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:rgba(5,5,8,.72);color:#fff;font:22px/1 sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.mw-auto-btn:hover{background:rgba(0,229,255,.18);border-color:#00e5ff}
.mw-auto-full{position:absolute;right:.7rem;top:.7rem;font-size:16px}
.mw-auto-caption{padding:.55rem .8rem;font:11px/1.5 'Space Mono',monospace;color:rgba(232,224,212,.65);border-top:1px solid rgba(255,255,255,.09)}
.mw-auto-thumbs{display:flex;gap:7px;overflow-x:auto;padding:9px;background:#0b0b10;scrollbar-width:thin}
.mw-auto-thumb{flex:0 0 92px;height:62px;border:1px solid rgba(255,255,255,.15);padding:0;background:#000;cursor:pointer;opacity:.56}
.mw-auto-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mw-auto-thumb.is-active{opacity:1;border-color:#00e5ff;box-shadow:0 0 0 1px #00e5ff}
.mw-fs{position:fixed;inset:0;z-index:2147483646;background:rgba(0,0,0,.97);display:none;align-items:center;justify-content:center}.mw-fs.is-open{display:flex}
.mw-fs img{max-width:96vw;max-height:92vh;width:auto;height:auto;object-fit:contain}.mw-fs-close,.mw-fs-prev,.mw-fs-next{position:fixed;z-index:2;border:1px solid rgba(255,255,255,.3);background:rgba(5,5,8,.72);color:#fff;cursor:pointer;width:46px;height:46px;font:24px/1 sans-serif}
.mw-fs-close{right:18px;top:18px}.mw-fs-prev{left:18px;top:50%}.mw-fs-next{right:18px;top:50%}.mw-zoomable{cursor:zoom-in}
@media(max-width:700px){.mw-auto-stage,.mw-auto-stage img{height:56vh;min-height:300px}.mw-auto-thumb{flex-basis:72px;height:50px}.mw-auto-btn{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}