[data-slot=dialog-content].media-viewer{color:#f5f7fb;-webkit-backdrop-filter:blur(6px);background:#08111fdb;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:100vw;max-width:none;height:100dvh;padding:0;animation:none;display:grid;inset:0;overflow:hidden;transform:translate(0,0)}.media-toolbar{background:#111e30;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.media-toolbar>div:first-child{min-width:0}.media-toolbar [data-slot=dialog-title]{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.media-toolbar [data-slot=dialog-description]{color:#a9bad0;font-size:12px}.media-actions{flex:none;align-items:center;gap:12px;display:flex}.media-actions a,.media-actions .media-download{color:#14243c}.media-stage{align-items:center;min-height:0;padding:12px 60px;display:flex;position:relative}.media-content{min-width:0;min-height:0;position:absolute;inset:12px 60px;overflow:hidden}.media-content img,.media-content video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.media-content iframe{background:#fff;border:0;border-radius:6px;width:100%;height:100%;display:block;box-shadow:0 8px 30px #0000004d}.zoom-image{touch-action:none;grid-template-rows:minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.zoom-canvas{grid-row:1;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.zoom-canvas>img{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.media-toolbar-zoom{border-right:1px solid #344358;align-items:center;gap:2px;padding-right:10px;display:flex}.media-toolbar-zoom button{color:#f5f7fb}.media-previous,.media-next{color:#fff;background:#233349;border-radius:50%;width:40px;height:40px;position:absolute;top:calc(50% - 20px)}.media-previous{left:12px}.media-next{right:12px}.media-status{color:#bac8da;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-size:12px;display:flex}.media-spin{width:16px;height:16px;animation:1s linear infinite media-spin}@keyframes media-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.media-spin{animation:none}}@media (max-width:600px){.media-toolbar{gap:8px;padding:12px}.media-actions{gap:4px}.media-stage{padding:8px 44px}.media-content{inset:8px 44px}.media-previous{left:4px}.media-next{right:4px}}