[data-component-photo]{overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom}
[data-component-photo] [data-component-image]{animation:none!important;transform-origin:0 0;transform:translate3d(0,0,0) scale(1);transition:none!important;z-index:0;object-fit:contain}
[data-component-photo].component-camera-travelling [data-component-image],[data-component-photo].component-changing-view [data-component-image]{will-change:transform}
[data-component-photo] .component-hotspot{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;background:none;border:0;border-radius:50%;transform:translate(-50%,-50%);touch-action:pan-y pinch-zoom;transition:opacity 150ms ease;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
[data-component-photo] .component-hotspot:active{transform:translate(-50%,-50%)}
[data-component-photo] .hotspot-dot{display:block;width:14px;height:14px;flex:none;border:2px solid white;border-radius:50%;background:#eb017b;box-shadow:0 2px 9px #171c2240}
[data-component-photo] .hotspot-label{position:absolute;left:calc(50% + 13px);padding:6px 9px;background:#ffffffed;color:#171c22;font-weight:700;font-size:11px;line-height:1.5;border:1px solid #ffffffb3;border-radius:6px;width:max-content;max-width:170px;text-align:left;box-shadow:0 3px 12px #171c2226}
[data-component-photo] .component-hotspot.component-label-left .hotspot-label{left:auto;right:calc(50% + 13px)}
[data-component-photo] .component-hotspot:focus-visible{outline:3px solid #bd0063;outline-offset:1px}
[data-component-photo].component-inspecting .component-hotspot{opacity:0}
[data-component-photo].component-touch-inspecting .component-hotspot{pointer-events:none}
[data-component-photo].component-keyboard-inspecting .component-hotspot:focus-visible{opacity:1;outline-color:#fff}
.component-inspection-hint{position:absolute;top:14px;left:14px;right:14px;z-index:4;width:fit-content;max-width:calc(100% - 28px);border:1px solid #ffffff9c;border-radius:30px;background:#ffffffed;color:#171c22;padding:8px 12px;font-size:11px;line-height:1.5;font-weight:700;pointer-events:none}
.component-inspecting .component-inspection-hint{visibility:hidden}
.component-inspection-reset{position:absolute;right:14px;top:14px;z-index:7;min-height:44px;padding:10px 15px;border:1px solid #c7d0d8;border-radius:25px;background:white;color:#171c22;font-size:12px;font-weight:700;line-height:1.5;touch-action:manipulation;cursor:zoom-out;box-shadow:0 3px 12px #171c2226}
.component-inspection-caption{position:absolute;left:14px;right:14px;bottom:16px;z-index:5;border:1px solid #ffffff30;border-left:2px solid #ff399d;border-radius:10px;padding:14px 16px;background:#09121cf2;color:white;pointer-events:none}
.component-inspection-caption strong{display:block;font-size:16px;line-height:1.4;letter-spacing:-.015em}
.component-inspection-caption>span{display:block;color:#d2e4f0;font-size:14px;line-height:1.65;margin-top:5px}
[data-component-photo] .gallery-controls{z-index:8;right:14px;left:14px;gap:6px;justify-content:center}
[data-component-photo] .gallery-controls button{min-width:44px;min-height:44px;flex:1;max-width:190px;padding:9px 12px;border:1px solid #fff9;font-size:11px;line-height:1.4;touch-action:manipulation}
[data-component-photo] .gallery-controls button:focus-visible{outline:3px solid #bd0063;outline-offset:3px}
[data-component-photo]:has(.gallery-controls) .component-inspection-caption{bottom:83px}
.component-inspection-reset[hidden],.component-inspection-caption[hidden]{display:none!important}
.component-camera-optics{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.component-camera-optics:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,transparent 30%,#07101a32 100%);opacity:0;transition:opacity 200ms ease}
.component-inspecting .component-camera-optics:before{opacity:1}
.component-camera-focus{position:absolute;left:50%;top:43%;width:48%;height:30%;max-width:290px;max-height:190px;opacity:0;transform:translate3d(-50%,-50%,0)}
.component-inspecting .component-camera-focus{opacity:.8}
.component-camera-focus>i{position:absolute;width:20px;height:20px;border-color:#ff4aab;border-style:solid;filter:drop-shadow(0 0 3px #eb017b66)}
.component-camera-focus>i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.component-camera-focus>i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.component-camera-focus>i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}
.component-camera-focus>i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.component-camera-streak{position:absolute;inset:-15% -50%;opacity:0;background:linear-gradient(100deg,transparent 43%,#eb017b00 47%,#ff67b621 49.4%,#ffd9ef80 50%,#eb017b21 50.6%,transparent 54%);transform:translate3d(-95%,0,0) rotate(-12deg);mix-blend-mode:screen}
.component-view-ghost{position:absolute!important;pointer-events:none;z-index:1!important;object-fit:contain;transform-origin:0 0;animation:none!important;transition:none!important}
.component-changing-view .component-hotspot,.component-changing-view .component-inspection-hint,.component-changing-view .component-inspection-caption,.component-changing-view .component-inspection-reset{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
.component-instant .component-hotspot,.component-keyboard-inspecting .component-hotspot,.motion-disabled [data-component-photo] .component-hotspot,.mp-motion-paused [data-component-photo] .component-hotspot{transition:none!important}
.motion-disabled .component-camera-streak,.mp-motion-paused .component-camera-streak,.component-instant .component-camera-streak{display:none}
@media(hover:hover) and (pointer:fine){.component-inspection-reset:hover{background:#f3f4f5}[data-component-photo] .gallery-controls button:hover{border-color:#eb017b}}
@media(max-width:600px){[data-component-photo] .hotspot-label{font-size:11px;max-width:135px;padding:5px 7px}.component-inspection-hint{font-size:10px;top:12px;left:12px;max-width:calc(100% - 24px);padding:7px 10px}.component-inspection-reset{top:12px;right:12px;font-size:12px}.component-inspection-caption{left:12px;right:12px;bottom:12px;padding:13px 14px}.component-inspection-caption strong{font-size:15px}.component-inspection-caption>span{font-size:14px;line-height:1.6}[data-component-photo]:has(.gallery-controls) .component-inspection-caption{bottom:79px}.component-camera-focus{width:50%;height:27%}.component-camera-focus>i{width:15px;height:15px}}
@media(max-width:800px){.detail-visual .component-inspection-reset{left:12px;right:auto}.detail-visual .component-inspection-hint{max-width:calc(100% - 72px)}}
@media(prefers-reduced-motion:reduce){[data-component-photo] .component-hotspot,.component-camera-optics:before{transition:none!important}.component-camera-streak{display:none}.component-camera-focus{display:none}}