/* Permanent, theme-aware contrast panel; no automatic cutout or image processing. */
:root{--photo-mat:#aaa9b4;--photo-mat-border:#c3c0d033;--photo-mat-shadow:#0005}
:root[data-theme=light]{--photo-mat:#e5e1ea;--photo-mat-border:#c8c1d4;--photo-mat-shadow:#29203520}
.product-photo:not(.photo-styled){isolation:isolate;background:#2d2d35 url('assets/product-stage-v4.png') center/cover no-repeat;overflow:hidden}
.product-photo .product-mat{position:absolute;inset:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:var(--photo-mat);border:1px solid var(--photo-mat-border);border-radius:8px;box-shadow:0 6px 15px var(--photo-mat-shadow)}
.product-photo .product-mat img,.detail-visual .product-photo .product-mat img{display:block;width:100%;height:100%;max-width:100%;object-fit:scale-down;mix-blend-mode:darken;filter:none;opacity:1;padding:3px;image-rendering:auto;transform:none;transition:none}
/* Native transparent originals retain their full highlights against the panel. */
.product-photo .product-mat img[src$=".png"],.detail-visual .product-photo .product-mat img[src$=".png"]{mix-blend-mode:normal}
.product-photo:not(.photo-styled):after{box-shadow:inset 0 0 0 1px #ffffff13;border-color:#ffffff0d;pointer-events:none}
.detail-visual .product-photo .product-mat{inset:10px;border-radius:9px}
.detail-visual .product-photo .product-mat img{padding:4px}
.view-original{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--violet);padding:8px 11px;margin-top:8px;line-height:1.5;text-align:center;border-radius:7px;transition:background-color .2s}
.view-original:hover{background:#a66bff13;text-decoration:underline}
@media(max-width:600px){.product-photo .product-mat{inset:6px;border-radius:7px}.product-photo .product-mat img{padding:2px}.detail-visual .product-photo .product-mat{inset:8px}.detail-visual .product-photo .product-mat img{padding:3px}}
@media(prefers-reduced-motion:reduce){.view-original{transition:none}}