/* Native modality presents unchanged source pixels and qualified recordings. */
.source-viewer{width:min(calc(100% - 40px),1160px);height:min(calc(100svh - 48px),900px);max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #d9d7df;border-radius:4px;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 24px 100px #21152b33}
.source-viewer::backdrop{background:#f2f1efe0;backdrop-filter:blur(16px)}
.source-viewer-shell{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(150px,1fr) auto}
.source-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid var(--line);min-width:0}
.source-viewer-header>div{min-width:0}
.source-viewer-header p{font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--accent);margin-bottom:5px}
.source-viewer-header h2{font-family:"eurostile-extended",Arial,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.source-viewer-close{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:16px;font-weight:700}
.source-viewer-close span{font-size:25px;line-height:1}
.source-viewer-viewport{position:relative;min-height:0;min-width:0;overflow:hidden;background:#f1f1ef;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;outline-offset:-5px}
.source-viewer-plane{display:grid;place-items:center;width:100%;height:100%;min-width:100%;min-height:100%}
.source-viewer-image{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-select:none}
.source-viewer-video{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;background:#111}
.source-viewer-recording .source-viewer-plane{display:block}
.source-viewer-actual{overflow:auto;cursor:grab;touch-action:pan-x pan-y}
.source-viewer-dragging{cursor:grabbing}
.source-viewer-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;max-width:100%;font-size:18px;line-height:1.5;background:#f1f1ef;color:var(--muted)}
.source-viewer-footer{display:block;padding:16px 22px 18px;border-top:1px solid var(--line);min-width:0;max-height:32svh;overflow:auto;overscroll-behavior:contain}
.source-viewer-actions{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:12px}
.source-viewer-zoom,.source-viewer-original{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;min-width:132px;padding:11px 16px;border:1px solid var(--accent);border-radius:3px;font-size:16px;font-weight:700;line-height:1.3}
.source-viewer-zoom{background:var(--accent);color:white}
.source-viewer-zoom:disabled{opacity:.55;cursor:default}
.source-viewer-original{background:white;color:var(--accent)}
.source-viewer-actions>p{flex:1 1 240px;font-size:13px;line-height:1.4;color:var(--muted);min-width:0}
.source-viewer-caption{font-size:16px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
@media(width <768px){
 .source-viewer{width:100%;height:100svh;margin:0;border:0;border-radius:0}
 .source-viewer-header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;gap:12px}
 .source-viewer-header h2{font-size:18px}
 .source-viewer-close{min-width:48px;min-height:48px;padding:10px;font-size:15px;gap:8px}
 .source-viewer-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom));max-height:34svh}
 .source-viewer-actions{gap:10px;margin-bottom:10px}
 .source-viewer-zoom,.source-viewer-original{flex:1;min-width:0;font-size:16px;padding-inline:10px;gap:10px}
 .source-viewer-actions>p{flex-basis:100%;font-size:12px}
 .source-viewer-caption{font-size:15px;line-height:1.45}
}
@media(max-height:480px){.source-viewer{height:100svh;width:100%;margin:0;border-radius:0}.source-viewer-header{padding-block:8px}.source-viewer-footer{max-height:35svh;padding-block:10px}.source-viewer-shell{grid-template-rows:auto minmax(120px,1fr) auto}.source-viewer-actions>p{display:none}}