.photo-open{display:block;width:100%;max-width:100%;padding:0;margin:0;border:0;border-radius:inherit;background:transparent;color:inherit;line-height:0;cursor:zoom-in;appearance:none;touch-action:manipulation}.photo-open:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.photo-open img{display:block}.photo-open:disabled{cursor:wait}.model-card.with-photo>.photo-open>img{padding:0;object-fit:contain;background:#ecefed}.model-branding>.photo-open{max-width:440px}.preview-open>img,.preview-open>canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.image-viewer{box-sizing:border-box;position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#10231b;color:#fff;overflow:hidden}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:rgba(0,0,0,.88)}.image-viewer-bar{display:flex;align-items:center;gap:16px;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));border-bottom:1px solid #4b5c52}.image-viewer-heading{flex:1;min-width:0}.image-viewer h2{margin:0;font:600 18px/1.35 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.image-viewer-heading p{margin:3px 0 0;font-size:13px;color:#c8d2cb}.image-viewer button{min-width:44px;min-height:44px;border:1px solid #66756b;border-radius:8px;background:#20382b;color:#fff;padding:8px 12px;cursor:pointer;font:600 15px/1 system-ui,sans-serif}.image-viewer button:hover{background:#36523f}.image-viewer button:focus-visible{outline:3px solid #dfb975;outline-offset:2px}.image-viewer button:disabled{opacity:.5;cursor:wait}.image-viewer [data-close]{white-space:nowrap}.image-viewer [data-close] span{font-size:24px;vertical-align:-2px;margin-left:6px}.image-viewer-tools{display:flex;align-items:center;gap:8px;padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left))}.image-viewer-nav,.image-viewer-zoom{display:flex;align-items:center;gap:8px}.image-viewer-spacer{flex:1}.image-viewer-count{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.image-viewer-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;background:#0b130f;scrollbar-width:thin;scrollbar-color:#6a796f #0b130f;user-select:none}.image-viewer-stage.is-zoomed{cursor:grab}.image-viewer-stage.is-zoomed:active{cursor:grabbing}.image-viewer-surface{display:grid;place-items:center;min-width:100%;min-height:100%}.image-viewer-surface img{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.image-viewer-hint{padding:8px 12px max(8px,env(safe-area-inset-bottom));margin:0;text-align:center;font-size:12px;color:#d0d8d3}
@media(max-width:600px){.image-viewer-bar{gap:8px;padding-inline:10px}.image-viewer h2{font-size:15px}.image-viewer button{padding-inline:9px}.image-viewer-tools{gap:8px;padding-inline:10px;flex-wrap:wrap}.image-viewer-nav,.image-viewer-zoom{gap:5px}.image-viewer-count{font-size:12px}.image-viewer-hint{font-size:11px}}@media print{.image-viewer{display:none!important}}