html.viewer-open{overflow:hidden}.media-viewer{padding:0;border:1px solid #ffffff20;border-radius:18px;background:#15191f;color:#f5f7fa;width:min(1440px,94vw);max-width:none;height:min(940px,92dvh);max-height:92dvh;box-shadow:0 30px 100px #0009;overflow:hidden}.media-viewer::backdrop{background:#080c14cc;backdrop-filter:blur(10px)}.viewer-shell{height:100%;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border-bottom:1px solid #ffffff18}.viewer-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#96a9bf}.viewer-toolbar h2{font-family:inherit;font-size:16px;line-height:1.4;margin:3px 0 0;max-width:75ch}.viewer-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.viewer-source{font-size:13px;color:#bdcff0}.media-viewer button{border:1px solid #ffffff30;background:#ffffff0b;color:inherit;border-radius:9px;padding:9px 14px;font:inherit;font-size:13px;cursor:pointer}.viewer-close span{font-size:22px;line-height:12px;margin-left:8px}.media-viewer button:hover{background:#ffffff1a}.media-viewer :focus-visible{outline:2px solid #8bbaff;outline-offset:4px}.viewer-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:22px;background:#0d1117}.viewer-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.viewer-stage iframe{width:100%;height:100%;border:0;border-radius:6px;background:#fff}.viewer-footer{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#a7b2c0;font-size:12px;border-top:1px solid #ffffff18}.viewer-paging{display:flex;align-items:center;gap:15px}.viewer-paging[hidden]{display:none}.viewer-paging button:disabled{opacity:.3;cursor:default}@media(max-width:650px){.media-viewer{width:96vw;height:94dvh;max-height:94dvh;border-radius:12px}.viewer-toolbar{padding:13px;gap:10px;align-items:flex-start}.viewer-toolbar h2{font-size:13px}.viewer-actions{gap:9px}.viewer-source{font-size:11px}.viewer-close{font-size:0!important;padding:10px!important}.viewer-close span{font-size:24px;margin:0}.viewer-stage{padding:8px}.viewer-footer{padding:10px 12px}.viewer-help{max-width:65%;font-size:11px}}

.viewer-stage.is-zoomed{display:block}.viewer-stage.is-zoomed img{max-width:none;max-height:none;width:auto;min-width:100%;height:auto}.viewer-stage video{max-width:100%;max-height:100%}.viewer-launch{display:block;width:100%;padding:40px 24px;border:1px solid var(--line,#64748b55);border-radius:12px;background:#182338;color:#ecf3ff;font:inherit;cursor:pointer;text-align:center}.has-viewer-launch{height:auto!important;min-height:0!important;padding:16px!important}.has-viewer-launch iframe[hidden]{display:none!important}.live-demo:has(.viewer-launch) .demo-controls{display:none}.video-viewer-launch{position:relative;display:block}.video-viewer-launch img{width:100%;display:block}.video-viewer-launch span{position:absolute;inset:auto auto 24px 24px;background:#152136;color:white;padding:12px 20px;border-radius:30px}.viewer-zoom[hidden]{display:none}

/* Align the close control geometrically, independent of font glyph baselines. */
.media-viewer .viewer-close{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;line-height:1;padding:10px 14px}
.media-viewer .viewer-close .viewer-close-label{font-size:13px;line-height:1;margin:0}
.viewer-close-icon{display:block;width:18px;height:18px;flex:0 0 18px}
@media(max-width:650px){.media-viewer .viewer-close .viewer-close-label{display:none}.media-viewer .viewer-close{width:40px;padding:10px!important;gap:0}}

.viewer-source[hidden]{display:none!important}