/* Lucian UXUI #061 interaction reference (MIT); see THIRD_PARTY_NOTICES.md. */
.chii-image-enlarge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;margin:4px 0 10px;padding:8px 12px;border:1px solid var(--line,#e8dfe4);border-radius:10px;background:#fff8fb;color:var(--primary,#934562);font:inherit;font-size:12px;font-weight:650;line-height:1.5;cursor:pointer;white-space:normal;text-align:center}
.chii-image-enlarge:before{content:'⊕';font-size:18px;line-height:1}
.notification-gallery-grid .chii-image-enlarge{margin:5px 10px 0;max-width:calc(100% - 20px)}
dialog.chii-image-viewer{box-sizing:border-box;width:min(960px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;max-height:94vh;max-height:94dvh;margin:auto;padding:18px;border:1px solid #e4dce0;border-radius:22px;overflow:auto;background:#fff;color:var(--ink,#352e32);overscroll-behavior:contain}
.chii-image-viewer::backdrop{background:#231c29bd;backdrop-filter:blur(3px)}
.chii-image-viewer-header{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;margin-bottom:12px}
.chii-image-viewer-header h2{min-width:0;margin:0;font-size:17px;line-height:1.5;overflow-wrap:anywhere}
.chii-image-viewer button{font:inherit;font-size:13px;font-weight:600;min-width:44px;min-height:44px;border:1px solid #e3d9df;border-radius:12px;padding:8px 12px;background:#fff8fb;color:#69364c;cursor:pointer}
.chii-image-viewer button:disabled{opacity:.4;cursor:default}
.chii-image-viewer-close{flex-shrink:0}
.chii-image-viewer-stage{box-sizing:border-box;position:relative;width:100%;height:clamp(200px,53vh,620px);height:clamp(200px,53dvh,620px);overflow:auto;background:#f7f5f6;border:1px solid #ece7ea;border-radius:14px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.chii-image-viewer-canvas{box-sizing:border-box;width:100%;height:100%;min-width:100%;min-height:100%}
.chii-image-viewer.is-zoomed .chii-image-viewer-canvas{width:200%;height:200%}
.chii-image-viewer-canvas img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}
.chii-image-viewer-canvas img[hidden]{display:none}
.chii-image-viewer-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.chii-image-viewer-counter{min-width:45px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.chii-image-viewer-zoom{margin-inline-start:auto}
.chii-image-viewer-status{font-size:12px;line-height:1.6;color:#6d626b;min-height:1.6em;margin:10px 0 6px;overflow-wrap:anywhere}
.chii-image-viewer-source{display:inline-flex;align-items:center;min-height:40px;max-width:100%;font-size:13px;line-height:1.5;color:#934562;text-underline-offset:3px;overflow-wrap:anywhere}
.chii-image-enlarge:focus-visible,.chii-image-viewer button:focus-visible,.chii-image-viewer a:focus-visible,.chii-image-viewer-stage:focus-visible{outline:3px solid #a95477;outline-offset:3px}
@media(max-width:480px){dialog.chii-image-viewer{padding:12px;border-radius:17px}.chii-image-viewer-header{gap:10px}.chii-image-viewer-header h2{font-size:15px}.chii-image-viewer-controls{gap:6px}.chii-image-viewer button{padding:7px 9px;font-size:12px}.chii-image-viewer-stage{height:49vh;height:49dvh;min-height:180px}.chii-image-enlarge{font-size:11px}.chii-image-viewer-status{font-size:11px}}