#viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:16px;border:0;background:#090909;overflow:hidden}
#viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
#viewer .toolbar{margin:0;min-width:0}
#viewer #full,#viewer #expanded-video{display:block;width:100%;height:100%;max-width:none;max-height:none;min-height:0;margin:0;object-fit:contain;background:#090909}
#viewer .controls{margin:0}
#viewer.video-mode{grid-template-rows:auto minmax(0,1fr)}
#viewer [hidden]{display:none!important}
.expand-motion{display:inline-block;margin-top:12px;padding:9px 12px;border:1px solid #6b6c65;background:transparent;color:#eee;font:13px Arial,Helvetica,sans-serif;cursor:pointer}
.expand-motion:hover{border-color:#d3bf7b;color:#d3bf7b}
@media(max-width:520px){#viewer{padding:10px;gap:10px}#viewer .toolbar{gap:8px}#viewer .toolbar span{font-size:12px}#viewer button{font-size:13px;padding:8px 10px}}