.image-viewer{position:fixed;inset:0;width:min(1400px,96vw);height:94vh;max-width:96vw;max-height:94vh;margin:auto;padding:0;border:1px solid #536778;background:#fff;color:#16334c;overflow:hidden}.image-viewer::backdrop{background:rgba(4,20,38,.82)}.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #ced8e1}.viewer-title{font-size:15px;flex:1}.viewer-toolbar button{min-width:42px;min-height:42px;border:1px solid #ced8e1;background:white;color:#16334c;font-size:20px;cursor:pointer}.viewer-close{font-size:28px!important}.viewer-stage{height:calc(100% - 116px);padding:16px;overflow:auto;display:flex;align-items:flex-start;justify-content:flex-start;background:#edf2f5}.viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}.viewer-note{margin:0;padding:10px 16px;font:13px/1.5 'Segoe UI',Arial,sans-serif}.quick-count{display:inline-block;min-width:20px;margin-inline-start:5px;font-size:12px;text-align:center;background:#edf2f5;border-radius:10px}.quick-add-status{color:#1e653d;font-weight:600}.quick-detail img{max-width:100%}.quick-detail a:focus-visible,.image-viewer button:focus-visible{outline:3px solid #c95118;outline-offset:3px}@media(max-width:740px){.image-viewer{width:98vw;max-width:98vw;height:96vh;max-height:96vh}.viewer-toolbar{gap:5px;padding:8px}.viewer-title{font-size:13px}.viewer-toolbar button{min-width:36px;min-height:40px}.viewer-stage{padding:5px}.viewer-note{font-size:12px}}
.image-viewer[open]{display:flex;flex-direction:column}.viewer-toolbar,.viewer-note{flex-shrink:0}.viewer-toolbar button{flex-shrink:0}.viewer-title{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-stage{flex:1;min-height:0;height:auto}