.photo-zoom-trigger{display:block;position:relative;width:100%;padding:0;border:0;border-radius:8px;background:transparent;cursor:zoom-in;color:inherit}.photo-zoom-trigger:focus-visible{outline:3px solid #bd7a18;outline-offset:3px}.photo-zoom-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 14px;border-radius:20px;background:rgba(255,255,255,.95);color:#222;font:600 14px Arial,sans-serif;white-space:nowrap;box-shadow:0 2px 12px #0002}.photo-zoom{width:96vw;height:94vh;height:94dvh;max-width:1500px;max-height:96vh;margin:auto;padding:0;border:0;border-radius:12px;background:#faf9f7;color:#222;overflow:hidden}.photo-zoom[open]{display:flex;flex-direction:column}.photo-zoom::backdrop{background:rgba(0,0,0,.82)}.photo-zoom-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0;direction:ltr}.photo-zoom-tools button{min-width:44px;min-height:44px;padding:6px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222;cursor:pointer;font:600 22px Arial,sans-serif}.photo-zoom-tools button:disabled{opacity:.4;cursor:default}.photo-zoom-tools button[hidden]{display:none}.photo-zoom-tools span{font:14px Arial,sans-serif;min-width:88px;text-align:center}.photo-zoom-viewport{flex:1;min-height:0;overflow:auto;direction:ltr;overscroll-behavior:contain}.photo-zoom-canvas{display:flex;align-items:center;justify-content:center}.photo-zoom-canvas img{display:block;max-width:none;flex:none;object-fit:contain}@media(max-width:600px){.photo-zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.photo-zoom-tools{gap:4px;padding:8px 4px}.photo-zoom-tools button{padding:4px 8px}.photo-zoom-tools span{min-width:70px}.photo-zoom-hint{font-size:13px}}