/* 0.10.2zzzn Media page and popup. Fades 450ms, none with reduced motion. popup z 450, above the page (440). */
#opsPage .mdHd{margin:2px 0 10px}
#opsPage .mdGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#opsPage .mdT{aspect-ratio:1;padding:0;border:0;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.05);cursor:pointer}
#opsPage .mdT img{width:100%;height:100%;object-fit:cover;display:block}
#mdPop{position:fixed;inset:0;z-index:450;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .45s ease;padding:18px;box-sizing:border-box}
#mdPop.open{opacity:1;pointer-events:auto}
#mdPop .mdCard{width:100%;max-width:420px;background:#0b0c10;border-radius:16px;padding:10px;box-shadow:0 0 0 1px rgba(255,255,255,.1);color:#fff}
#mdPop .mdImg{width:100%;max-height:60vh;object-fit:contain;border-radius:10px;display:block;cursor:zoom-in}
#mdPop .sm{opacity:.7;font-size:12px}
#mdPop .mdCap{margin:8px 2px}
#mdPop .mdAct{display:flex;gap:8px;justify-content:flex-end}
#mdPop .mdAct button{font:inherit;font-size:14px;color:#fff;background:rgba(255,255,255,.08);border:0;border-radius:10px;padding:9px 14px;cursor:pointer}
#mdPop .mdDel,#mdPop .mdYes{color:#ff9b8e}
#mdPop.full{padding:0;background:#000}
#mdPop.full .mdCard{max-width:none;height:100%;border-radius:0;padding:0;background:#000;box-shadow:none;display:flex;flex-direction:column}
#mdPop.full .mdImg{flex:1;max-height:none;height:100%;border-radius:0;cursor:zoom-out}
#mdPop.full .mdCap{display:none}#mdPop.full .mdAct{padding:10px}
#mdPop .mdCfm{position:absolute;inset:0;z-index:455;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:24px}
#mdPop .mdCfm[hidden]{display:none}
#mdPop .mdCfmB{background:#14151b;border-radius:14px;padding:16px;max-width:320px;width:100%}
#mdPop .mdCfmB .sm{margin:6px 0 14px}
@media (prefers-reduced-motion: reduce){#mdPop{transition:none}}

/* 0.10.2zzzv video clips */
.mdT{position:relative}
.mdT video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.mdT .mdPlay{position:absolute;inset:auto 6px 6px auto;font-size:12px;opacity:.7;color:#fff;text-shadow:0 1px 3px #000}
#mdPop .mdVid{width:100%;max-height:60vh;border-radius:10px;display:block;background:#000}
.vdCap{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}
.vdCap .sm{opacity:.7;font-size:12px}
.vdCap select{font:inherit;color:#fff;background:rgba(255,255,255,.08);border:0;border-radius:10px;padding:6px 10px}