.image-viewer.active{display:flex;flex-direction:column;z-index:2100;padding:12px;background:#050914f5;cursor:default;gap:10px}.viewer-toolbar{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#edf2fc}.viewer-toolbar button{background:#24324b;border:1px solid #52627d;color:#edf2fc;border-radius:10px;padding:10px 14px;font-size:15px;cursor:pointer;min-height:44px}.viewer-toolbar button:disabled{opacity:.4}.viewer-toolbar button:focus-visible{outline:2px solid #a5b4fc}.viewer-toolbar output{min-width:55px;text-align:center;font-variant-numeric:tabular-nums}.image-viewer .image-viewer-close{position:static;font-size:16px;line-height:normal}.viewer-stage{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;width:100%}.image-viewer .viewer-stage img{max-width:none;max-height:none;flex:none;object-fit:contain;transform-origin:center;transition:none;border-radius:0;box-shadow:none;cursor:inherit;pointer-events:none}.viewer-help,.viewer-status{flex:0 0 auto;color:#b8c7de;font-size:12px;text-align:center}.viewer-status:empty{display:none}