.media-viewer{box-sizing:border-box;width:min(1280px,calc(100vw - 48px));height:min(960px,calc(100dvh - 48px));max-width:100vw;max-height:100dvh;margin:auto;border:1px solid #d3c3bd;padding:20px 24px;background:#fbf9f6;color:#261d1a;overflow:hidden;font-family:Manrope,Arial,sans-serif}
.media-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px}
.media-viewer::backdrop{background:rgba(38,29,26,.78);backdrop-filter:blur(5px)}
.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-header h2{font:400 clamp(22px,3vw,32px)/1.15 'Bodoni Moda',Georgia,serif;margin:0;letter-spacing:-.02em}.media-viewer button{font-family:Manrope,Arial,sans-serif;cursor:pointer;min-height:44px;border:1px solid #d3c3bd;color:#261d1a;background:transparent;padding:10px 14px;touch-action:manipulation}.media-viewer button:hover{background:#efe8dd}.media-viewer button:focus-visible{outline:2px solid #75584c;outline-offset:3px}.viewer-close{flex-shrink:0;font-size:12px}
.viewer-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:#efece7;overscroll-behavior:contain}.viewer-photo,.viewer-video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;min-height:0;user-select:none}.viewer-photo{cursor:zoom-in}.viewer-stage.is-zoomed{display:block;overflow:auto}.viewer-stage.is-zoomed .viewer-photo{width:180%;height:auto;max-width:none;max-height:none;cursor:grab;touch-action:pan-x pan-y}.viewer-error{position:absolute;bottom:12px;left:12px;right:12px;margin:0;background:#fbf9f6;padding:14px;font-size:13px;color:#93000a;line-height:1.6}
.viewer-controls{display:flex;align-items:center;gap:10px}.viewer-arrow{width:44px;font-size:20px;padding:6px!important}.viewer-count{font-size:12px;font-variant-numeric:tabular-nums;min-width:94px;text-align:center}.viewer-zoom{margin-left:auto;font-size:12px}.viewer-thumbs{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 2px;overscroll-behavior:contain}.media-viewer .viewer-thumb{position:relative;flex:0 0 54px;width:54px;height:68px;padding:0;overflow:hidden}.viewer-thumb img{width:100%;height:100%;object-fit:cover}.viewer-thumb[aria-pressed=true]{outline:2px solid #75584c;outline-offset:1px}.viewer-video-label{position:absolute;inset:auto 0 0;background:#261d1a;color:#fbf9f6;font-size:9px;padding:3px 0}
.media-viewer [hidden]{display:none!important}
@media(max-width:767px){.media-viewer{width:100vw;height:100dvh;padding:18px 14px calc(16px + env(safe-area-inset-bottom));border:0;gap:12px}.viewer-header h2{font-size:24px}.viewer-stage{min-height:0}.viewer-count{min-width:72px;font-size:11px}.media-viewer .viewer-zoom{padding:10px;font-size:11px}.viewer-controls{gap:6px}}
@media(prefers-reduced-motion:no-preference){.media-viewer[open]{animation:gallery-enter .22s ease-out}@keyframes gallery-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
.viewer-stage.is-dragging .viewer-photo{cursor:grabbing}