.artwork-zoom{isolation:isolate;-webkit-user-select:none;user-select:none}.artwork-zoom .print-face img,.artwork-zoom .art-detail-image,.artwork-zoom .supplier-frame-detail>img{cursor:zoom-in}.artwork-zoom-open{z-index:4;color:#28261f;background:#f9f8f3ed;border:1px solid #29271f20;align-items:center;gap:7px;min-height:40px;padding:9px 11px;font-size:11px;display:flex;position:absolute;top:18px;left:18px}.artwork-zoom-hint{z-index:2;color:#47443b;white-space:nowrap;pointer-events:none;background:#f9f8f3e8;padding:6px 10px;font-size:10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.zoom-desktop-hint{display:none}.artwork-zoom-lens{z-index:3;pointer-events:none;background:#ffffff19;border:1px solid #fff;outline:1px solid #24221e99;position:absolute;box-shadow:0 0 0 9999px #1918100d}.artwork-zoom-panel{z-index:80;pointer-events:none;background:#f5f3ed;border:1px solid #b7b2a6;position:fixed;overflow:hidden;box-shadow:0 8px 32px #17140f36}.artwork-zoom-panel>img{object-fit:fill;max-width:none;max-height:none;position:absolute;top:0;left:0}.artwork-zoom-panel>span{color:#47443b;background:#f9f8f3e8;padding:6px 9px;font-size:10px;position:absolute;bottom:12px;left:12px}.artwork-zoom-dialog{color:#23221e;background:#f4f3ee;border:0;width:min(1180px,96vw);max-width:none;height:min(940px,96dvh);max-height:none;margin:auto;padding:0;overflow:hidden;box-shadow:0 12px 60px #0005}.artwork-zoom-dialog[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.artwork-zoom-dialog::backdrop{background:#181712cc}.artwork-zoom-dialog>header{border-bottom:1px solid #d7d3c8;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;display:flex}.artwork-zoom-dialog>header p{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.artwork-zoom-dialog button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:1px solid #d0ccc1;justify-content:center;align-items:center;display:inline-flex}.artwork-zoom-dialog button:hover:not(:disabled){background:#e7e4dc}.artwork-zoom-dialog button:disabled{opacity:.35;cursor:default}.artwork-zoom-open:focus-visible,.artwork-zoom-dialog button:focus-visible{outline-offset:3px;outline:2px solid #24221d}.artwork-zoom-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;min-height:0;position:relative;overflow:hidden}.artwork-zoom-viewport.is-zoomed{cursor:grab}.artwork-zoom-viewport.is-zoomed:active{cursor:grabbing}.artwork-zoom-viewport:focus-visible{outline-offset:-3px;outline:2px solid #847b67}.artwork-zoom-viewport>img{object-fit:contain;pointer-events:none;transform-origin:50%;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.artwork-zoom-viewport>p{text-align:center;padding:30px;font-size:14px}.artwork-zoom-dialog>footer{text-align:center;border-top:1px solid #d7d3c8;padding:12px 16px}.artwork-zoom-controls{justify-content:center;align-items:center;gap:10px;display:flex}.artwork-zoom-controls output{font-variant-numeric:tabular-nums;min-width:48px;font-size:12px}.artwork-zoom-controls .zoom-reset{gap:8px;margin-left:8px;padding:0 12px;font-size:12px}.artwork-zoom-dialog>footer p{color:#656054;margin-top:9px;font-size:10px}@media (min-width:1000px) and (hover:hover) and (pointer:fine){.zoom-desktop-hint{display:inline}}@media (max-width:700px){.artwork-zoom-dialog{width:100%;height:100dvh}.artwork-zoom-dialog>header{padding-top:max(10px,env(safe-area-inset-top))}.artwork-zoom-dialog>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.artwork-zoom-hint{font-size:9px;bottom:10px}.artwork-zoom-open{top:12px;left:12px}}
