.image-viewer{padding:0;border:1px solid #546961;border-radius:12px;width:min(1180px,94vw);max-width:94vw;height:min(900px,92dvh);max-height:92dvh;background:#152421;color:#f2f6f2;box-shadow:0 20px 80px #0008;overflow:hidden}.image-viewer::backdrop{background:#07130ee0}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer .viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #43534d;flex-shrink:0}.image-viewer h2{margin:0;padding:0;border:0;font:600 16px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}.image-viewer button,.image-viewer a{font:13px/1.5 system-ui,sans-serif;border:1px solid #637e71;border-radius:7px;padding:9px 13px;background:#263d33;color:#f2f6f2;cursor:pointer;text-decoration:none;white-space:nowrap;min-height:40px}.image-viewer button:disabled{opacity:.45;cursor:default}.image-viewer .viewer-close{background:transparent;flex-shrink:0}.image-viewer .viewer-canvas{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;background:#0d1714}.image-viewer img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex-shrink:0}.image-viewer .viewer-canvas.zoomed{display:block}.image-viewer .viewer-canvas.zoomed img{max-width:none;max-height:none;margin:auto}.image-viewer .viewer-footer{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;flex-shrink:0}.image-viewer .viewer-status{margin:0;font-size:12px;color:#cfdfd4}.image-viewer .viewer-actions{display:flex;gap:8px;flex-wrap:wrap}.image-viewer [hidden]{display:none!important}.image-viewer :focus-visible{outline:3px solid #edbd69;outline-offset:3px}@media(max-width:600px){.image-viewer{width:96vw;max-width:96vw;height:92dvh;border-radius:9px}.image-viewer .viewer-toolbar{padding:12px;gap:10px}.image-viewer h2{font-size:14px}.image-viewer .viewer-footer{padding:12px}.image-viewer button,.image-viewer a{min-height:44px}.image-viewer .viewer-actions{width:100%}.image-viewer .viewer-status{width:100%}}