.media-viewer-overlay{position:fixed;inset:0;z-index:100000;background:var(--theme-bg-deep);backdrop-filter:blur(6px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.2s ease;}.media-viewer-overlay.media-viewer-open{opacity:1;pointer-events:auto;}.media-viewer-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;background:var(--theme-bg-card);border-bottom:1px solid var(--theme-border);flex-shrink:0;}.media-viewer-zoom-info{color:var(--theme-text-dim);font-size:var(--theme-type-body);min-width:48px;text-align:center;font-variant-numeric:tabular-nums;}.media-viewer-btn{background:transparent;border:1px solid var(--theme-border);color:var(--theme-text-main);width:36px;height:36px;border-radius:var(--theme-shape-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--theme-type-body-lg);transition:all 0.15s ease;}.media-viewer-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-primary);color:var(--theme-primary);}.media-viewer-btn:active{transform:scale(0.92);}.media-viewer-close-btn{margin-left:4px;}.media-viewer-close-btn:hover{background:var(--theme-error-alpha);border-color:var(--theme-error);color:var(--theme-error);}.media-viewer-separator{width:1px;height:24px;background:var(--theme-border);margin:0 4px;}.media-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;padding:20px;user-select:none;-webkit-user-select:none;}.media-viewer-content > img{max-width:none;max-height:none;transform-origin:center center;transition:transform 0.15s ease-out;user-select:none;-webkit-user-drag:none;pointer-events:none;}.media-viewer-svg-wrapper{display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform 0.15s ease-out;pointer-events:none;}.media-viewer-svg-wrapper svg{max-width:none;max-height:none;display:block;flex-shrink:0;}