.photo-zoom-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.photo-zoom-toolbar button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:10px 14px; border:1px solid #6cbbb0; border-radius:10px; background:#18362f; color:#d6fff0; font-size:15px; font-weight:600; }
.photo-zoom-toolbar button[aria-pressed="true"] { color:#06231d; background:#92e3ce; border-color:#92e3ce; }
.photo-zoom-toolbar label { display:flex; align-items:center; gap:9px; color:#c7d7de; font-size:14px; }
.photo-zoom-toolbar select { width:auto; margin:0; min-width:66px; min-height:46px; padding:8px; font-size:16px; }
.photo-zoom-help { color:#b7c8d0; font-size:14px; line-height:1.55; margin:0 0 14px; }
.photo-zoom-stage { position:relative; width:100%; border-radius:5px; outline-offset:4px; }
.photo-zoom-stage.zoom-enabled { touch-action:none; cursor:crosshair; user-select:none; -webkit-user-select:none; }
.photo-zoom-stage > .card-photo img { pointer-events:none; transition:none; }
.photo-zoom-lens { position:absolute; overflow:hidden; border-radius:50%; background:#0b1015; outline:3px solid #9bf0d9; box-shadow:0 8px 24px #0009,0 0 0 5px #0b1015b3; z-index:2; pointer-events:none; }
.photo-zoom-lens[hidden] { display:none; }
.photo-zoom-scene { position:absolute; left:0; top:0; transform-origin:0 0; }
.photo-zoom-scene img { transition:none; }
.photo-zoom-cross { position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border:1px solid #ffffffab; border-radius:50%; box-shadow:0 0 0 1px #0008; }
.photo-zoom-status { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) {
  .photo-zoom-toolbar { gap:10px; }
  .photo-zoom-toolbar button { flex:1; }
  .photo-zoom-toolbar label { font-size:13px; }
  .photo-zoom-help { font-size:14px; }
}