.photo-thumbnails,.file-photo-previews{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0;max-width:100%}.photo-thumbnail{display:flex;flex-direction:column;gap:5px;width:150px;max-width:100%;box-sizing:border-box;padding:7px;background:#fff;border:1px solid #ccd8e4;border-radius:8px;color:#174b75;overflow-wrap:anywhere;text-decoration:none}.photo-thumbnail img{display:block;width:100%;height:105px;object-fit:contain;background:#edf2f7;border-radius:4px}.photo-thumbnail span{font-size:12px;line-height:1.4}.photo-thumbnail small{font-size:11px;color:#52687d}.photo-zoom-button{display:block;padding:0;border:0;background:transparent;max-width:100%;cursor:zoom-in}.photo-zoom-button img{cursor:zoom-in}.photo-zoom-button:hover,.photo-thumbnail:hover{outline:2px solid #5384b5;outline-offset:2px}.photo-zoom-button:focus-visible,[data-photo-open]:focus-visible{outline:3px solid #3877bd;outline-offset:3px}.photo-viewer{width:min(1100px,96vw);height:90dvh;max-width:96vw;max-height:94dvh;padding:0;border:1px solid #688099;border-radius:12px;background:#111e2e;color:#fff;box-sizing:border-box;overflow:hidden}.photo-viewer::backdrop{background:rgba(6,13,22,.85)}.photo-viewer-inner{display:flex;flex-direction:column;height:100%;min-height:0}.photo-viewer-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #3b4c60;flex-shrink:0}.photo-viewer-title{font-size:16px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere;max-height:4.5em;overflow:auto;color:#fff}.photo-viewer button,.photo-viewer a{font:inherit;color:#fff;border:1px solid #8193a9;border-radius:6px;background:#283c53;padding:8px 12px;min-height:42px;cursor:pointer;white-space:nowrap;text-decoration:none;box-sizing:border-box}.photo-viewer button:disabled{opacity:.45;cursor:default}.photo-viewer button:focus-visible,.photo-viewer a:focus-visible{outline:3px solid #b5d8ff;outline-offset:2px}.photo-viewer-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;flex-shrink:0}.photo-viewer-tools output{min-width:45px;text-align:center}.photo-viewer-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#09121e;touch-action:pan-x pan-y}.photo-viewer-canvas{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;width:max-content;height:max-content;box-sizing:border-box}.photo-viewer-image{display:block;max-width:none!important;max-height:none!important;object-fit:contain;flex-shrink:0;background:white}.photo-viewer-status{text-align:center;padding:8px;margin:0;min-height:20px;flex-shrink:0;font-size:13px;color:#d0deee}.photo-viewer [hidden]{display:none!important}body.photo-viewer-open{overflow:hidden!important}@media(max-width:650px){.photo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.photo-viewer-header{padding:8px 10px}.photo-viewer-tools{gap:6px;padding:8px}.photo-viewer button,.photo-viewer a{padding:6px 10px;min-height:40px}.photo-thumbnail{width:140px}.photo-viewer-title{font-size:14px}}@media print{.photo-viewer,.file-photo-previews,.photo-thumbnail small{display:none!important}.photo-thumbnail{break-inside:avoid}}
.shop-photo>.photo-zoom-button{width:100%;height:100%}.tf-info-copy>.photo-zoom-button,.public-detail-main>.photo-zoom-button{width:100%}