body.event-media-open{overflow:hidden}.event-media-dialog[open]{display:flex;flex-direction:column;position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:#030405;color:#f4f4f8;overflow:hidden;gap:0}.event-media-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));flex:none}.event-media-dialog strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-media-dialog button{background:#22252e;border:1px solid #ffffff25;color:#fff;border-radius:9px;padding:10px 16px;font:600 14px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;min-height:44px;cursor:pointer}.event-media-dialog button:focus-visible,.event-media-dialog input:focus-visible{outline:3px solid #ff4559;outline-offset:3px}.event-media-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}.event-media-stage:active{cursor:grabbing}.event-media-dialog .event-media-stage img,.event-media-dialog .event-media-stage video{position:absolute;object-fit:contain;max-width:none;max-height:none;border-radius:0;margin:0;flex:none;user-select:none;pointer-events:none;transform-origin:center}.event-media-feedback{z-index:2;max-width:min(420px,90%);text-align:center;pointer-events:none}.event-media-feedback button{pointer-events:auto}.event-media-status:not(:empty){background:#101218e8;border-radius:12px;padding:16px;color:#e1e3ec;font-size:14px}.event-media-dialog .event-media-controls{width:100%;max-width:none;flex:none;display:flex;flex-direction:column;gap:8px;background:#171a21;border:0;margin:0;padding:10px 20px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.event-media-playback{display:flex;align-items:center;gap:12px;width:min(800px,100%);margin:auto}.event-media-playback input{flex:1;min-width:30px;width:auto;accent-color:#ff4559;padding:0}.event-media-playback span{font:12px monospace;white-space:nowrap}.event-media-zoom{display:flex;align-items:center;justify-content:center;gap:16px}.event-media-zoom output{font:14px monospace;min-width:45px;text-align:center}.event-media-controls p{margin:0;font-size:11px;color:#adb2bf;text-align:center}.event-media-dialog [hidden]{display:none!important}@media(max-height:500px){.event-media-controls p{display:none}.event-media-dialog .event-media-controls{flex-direction:row;gap:20px;padding-top:6px;padding-bottom:6px}.event-media-zoom{gap:8px}.event-media-dialog>header{padding:6px 16px}.event-media-dialog button{padding:8px 12px}}

.event-media-dialog .event-media-toggle {position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:5;width:46px;height:46px;padding:8px;background:#111820d9;backdrop-filter:blur(12px);font-size:26px}
.event-media-dialog:has(.event-media-controls:not([hidden])) .event-media-toggle {bottom:145px}
.event-media-dialog>header {position:absolute;top:0;left:0;right:0;z-index:4;background:linear-gradient(#030405b8,transparent)}
.event-media-dialog .event-media-controls {position:absolute;bottom:0;z-index:4;background:#111820ed}
@media(max-height:500px){.event-media-dialog:has(.event-media-controls:not([hidden])) .event-media-toggle {bottom:74px}}