.notes-image-dialog{width:min(1360px,96vw);height:94vh;overscroll-behavior:contain;color:#23392c;max-width:100%;height:94dvh;max-height:100dvh;font-family:var(--font-sans-tc), sans-serif;background:#f7f7f2;border:1px solid #c0c9be;border-radius:10px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 12px 64px #08140d4d}.notes-image-dialog[open]{flex-direction:column;display:flex}.notes-image-dialog::backdrop{background:#0a120edb}.notes-image-toolbar,.notes-image-controls{background:#f7f7f2;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;display:flex}.notes-image-toolbar{border-bottom:1px solid #d5dbd1}.notes-image-toolbar>span{min-width:0}.notes-image-name{overflow-wrap:anywhere;font-size:16px;font-weight:650;line-height:1.55;display:block}.notes-image-help{color:#526353;font-size:12px;line-height:1.6;display:block}.notes-image-touch-help{display:none}@media (any-pointer:coarse){.notes-image-touch-help{display:inline}}.notes-image-dialog button{color:#264633;min-width:44px;min-height:44px;font:600 14px/1.4 var(--font-sans-tc), sans-serif;cursor:pointer;background:#fffefa;border:1px solid #bdc9bc;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 10px;display:inline-flex}.notes-image-dialog button:disabled{color:#738071;cursor:default;background:#eeefe9;border-color:#d9dfd4}.notes-image-dialog button:enabled:hover{background:#e5ecdf}.notes-image-dialog :is(button,.notes-image-viewer):focus-visible{outline-offset:-3px;outline:2px solid #6b895c}.notes-image-dialog .notes-image-viewer{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;background:#26302c;flex:1 1 0;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.notes-image-status{color:#fff;place-content:center;font-size:14px;display:grid;position:absolute;inset:0}.notes-image-stage{transform-origin:50%;cursor:zoom-in;position:absolute;top:50%;left:50%}.notes-image-stage[data-paper]{background:#fffefa}.notes-image-viewer.is-zoomed .notes-image-stage{cursor:grab}.notes-image-viewer.is-zoomed:active .notes-image-stage{cursor:grabbing}.notes-image-viewer .notes-image-stage img{object-fit:contain;-webkit-user-drag:none;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:block}.notes-image-controls{border-bottom:1px solid #d9ded4;flex-wrap:wrap;justify-content:center}.notes-image-zoom-controls,.notes-image-navigation{justify-content:center;align-items:center;gap:5px;display:flex}.notes-image-zoom-value,.notes-image-count{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.notes-image-zoom-value{min-width:4ch}.notes-image-count{min-width:3ch}dialog.notes-image-dialog>.notes-image-dialog-caption{overscroll-behavior:contain;color:#4d594e;background:#f7f7f2;flex:0 auto;min-height:0;max-height:14dvh;margin:0;padding:8px 18px;font-size:13px;line-height:1.7;overflow-y:auto}@media (max-width:700px),(max-height:520px){.notes-image-dialog{width:100vw;height:100vh;border:0;border-radius:0;height:100dvh}.notes-image-toolbar{padding:max(6px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left))}.notes-image-controls{padding:6px max(8px, env(safe-area-inset-right)) 6px max(8px, env(safe-area-inset-left));gap:4px 12px}.notes-image-dialog button{padding-inline:8px}.notes-image-name{font-size:15px}dialog.notes-image-dialog>.notes-image-dialog-caption{max-height:min(16dvh,110px);padding:7px max(12px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));margin:0;font-size:12px}}@media (max-height:450px){.notes-image-toolbar,.notes-image-controls{padding-block:2px}dialog.notes-image-dialog>.notes-image-dialog-caption{max-height:12dvh}}.notes-image-dialog-caption small{margin-inline-start:.75em}.property-image-filters{scrollbar-width:thin;border-bottom:1px solid #d5dbd1;flex:none;gap:6px;padding:5px 12px;display:flex;overflow-x:auto}.property-image-filters button{white-space:nowrap}.property-image-filters button[aria-pressed=true],.property-image-filters button[aria-pressed=true]:hover{color:#fff;background:#264633}
