.item-viewer-trigger { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; max-width: 100%; padding: 0; border: 0; border-radius: 10px; background: transparent; line-height: 0; cursor: zoom-in; }
.item-viewer-trigger:focus-visible { outline: 2px solid #8ec6ff; outline-offset: 6px; }
html.item-viewer-open, html.item-viewer-open body { overflow: hidden; overscroll-behavior: none; }
#zbdItemViewer { position: fixed; inset: 0; box-sizing: border-box; width: 100%; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: #0d1015; color: #edf3fa; overflow: hidden; }
#zbdItemViewer[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }
#zbdItemViewer::backdrop { background: #0d1015; }
#zbdItemViewer .item-viewer-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left)); }
#zbdItemViewer h2 { margin: 0; min-width: 0; color: #c7d2df; font: 600 14px/1.5 system-ui, sans-serif; overflow-wrap: anywhere; }
#zbdItemViewer .item-viewer-close { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #3a4350; border-radius: 10px; background: #1b2028; color: #edf3fa; cursor: pointer; }
#zbdItemViewer .item-viewer-close:hover { background: #2a333f; border-color: #6b7a8c; }
#zbdItemViewer .item-viewer-close:focus-visible { outline: 2px solid #8ec6ff; outline-offset: 3px; }
#zbdItemViewer .item-viewer-stage { display: flex; align-items: center; justify-content: center; min-height: 0; min-width: 0; padding: 0 max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
#zbdItemViewer .item-viewer-image { display: block; width: auto; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
#zbdItemViewer .item-viewer-error { color: #aeb9c7; font: 14px/1.6 system-ui, sans-serif; text-align: center; }
#zbdItemViewer [hidden] { display: none !important; }