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