.pan-zoom-viewer{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--afs-radius-lg);overflow:hidden;border:1px solid var(--afs-color-border);background-color:var(--afs-color-surface)}.pan-zoom-viewer__canvas{width:100%;height:100%;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pan-zoom-viewer__canvas--dragging{cursor:-webkit-grabbing;cursor:grabbing}.pan-zoom-viewer__image{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;transition:none;pointer-events:none}.pan-zoom-viewer__controls{position:absolute;bottom:12px;right:12px;display:flex;gap:4px;z-index:10}.pan-zoom-viewer__controls button{width:32px;height:32px;border:1px solid var(--afs-color-border);border-radius:var(--afs-radius-sm);background-color:var(--afs-color-canvas-elev);color:var(--afs-color-fg);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pan-zoom-viewer__controls button:hover{background-color:var(--afs-color-surface);border-color:var(--afs-accent-cloud)}