.art-sheet-actions{display:flex;align-items:center;gap:24px}
.art-sheet-actions>[data-inspect-art]{color:#3d4b33}
.detail-image-view{margin:0}
.image-inspect-trigger{position:relative;display:block;width:100%;padding:0;text-align:left;cursor:zoom-in;line-height:0}
.image-inspect-trigger>img{display:block;width:100%;height:auto;margin:0}
.shop-image>.image-inspect-trigger{height:100%}
.shop-image>.image-inspect-trigger>img{height:100%;object-fit:cover}
.image-inspect-hint{position:absolute;right:23px;bottom:23px;padding:12px 16px;background:#f5f5eff2;border:1px solid #d9dfcf;color:#47563c;font-size:12px;line-height:1.5;opacity:0;transition:opacity .2s}
.image-inspect-trigger:hover>.image-inspect-hint,.image-inspect-trigger:focus-visible>.image-inspect-hint{opacity:1}
#art-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#e8e8e1;color:#343830;overflow:hidden}
#art-dialog::backdrop{background:#1d241bec}
.inspector-shell{height:100%;display:flex;flex-direction:column}
.inspector-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 28px;background:#f6f5f1;border-bottom:1px solid #d7dbce;flex-shrink:0}
.inspector-heading{min-width:0;margin-right:auto}
.inspector-heading h2{font-size:16px;font-weight:400;letter-spacing:0;line-height:1.5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inspector-caption{font-size:11px;color:#758068;line-height:1.6;margin:3px 0 0}
.inspector-zoom{display:flex;align-items:center;gap:5px;flex-shrink:0}
.inspector-toolbar button{font-size:12px;line-height:1.5;padding:10px 13px;border:1px solid transparent;white-space:nowrap;min-width:38px}
.inspector-toolbar [data-inspector-in],.inspector-toolbar [data-inspector-out]{font-size:19px;padding:4px 11px}
.inspector-toolbar button:hover{background:#e8ebdf}
.inspector-toolbar button:disabled{color:#aeb4a4;cursor:default;background:transparent}
.inspector-scale{display:inline-block;min-width:38px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#637554}
.inspector-toolbar [data-inspector-fit]{margin-left:10px;border-left-color:#d6decb}
.inspector-toolbar [data-inspector-close]{border-color:#cbd4c0;color:#455637}
.inspector-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;outline-offset:-4px;cursor:zoom-in;scrollbar-width:thin;scrollbar-color:#b4bdab #e8e8e1}
.inspector-stage.is-zoomed{cursor:grab}
.inspector-stage.is-dragging{cursor:grabbing;user-select:none}
.inspector-surface{display:flex;align-items:center;justify-content:center;width:max-content;min-width:100%;min-height:100%;padding:32px;box-sizing:border-box}
#art-dialog .inspector-artwork{height:auto;max-width:none;flex-shrink:0;box-shadow:0 5px 30px #2a3a2120;user-select:none}
#art-dialog .inspector-image{display:block;height:auto;max-width:none;flex-shrink:0;box-shadow:0 5px 30px #2a3a2120;-webkit-user-drag:none;user-select:none}
#art-dialog .inspector-guided>.art-guides{opacity:1}
.inspector-help{flex-shrink:0;background:#f6f5f1;border-top:1px solid #d7dbce;padding:9px 28px;font-size:11px;line-height:1.6;display:flex;justify-content:space-between;gap:20px;color:#748268}
.inspector-help .touch-help{display:none}
@media(hover:none){.image-inspect-hint{opacity:1}.inspector-help .desktop-help{display:none}.inspector-help .touch-help{display:inline}}
@media(max-width:760px){.art-sheet-toolbar{flex-wrap:wrap}.art-sheet-actions{gap:20px;justify-content:space-between}.art-sheet-toolbar>.art-sheet-actions{margin-left:auto}.image-inspect-hint{right:13px;bottom:13px;font-size:11px;padding:9px 12px}.inspector-toolbar{padding:13px 16px;gap:12px;flex-wrap:wrap}.inspector-heading{width:calc(100% - 100px);order:1}.inspector-heading h2{font-size:14px}.inspector-caption{font-size:10px}.inspector-toolbar [data-inspector-close]{order:2;font-size:11px;padding:8px 10px}.inspector-zoom{order:3;width:100%;border-top:1px solid #dce2d3;padding-top:8px}.inspector-toolbar button{font-size:11px;padding:8px 10px}.inspector-toolbar [data-inspector-fit]{margin-left:auto;border:0}.inspector-surface{padding:16px}.inspector-help{font-size:10px;padding:8px 16px}.inspector-help>span:last-child{display:none}}
@media(max-width:370px){.art-sheet-toolbar>.art-sheet-actions{width:100%;margin-left:0}.art-sheet-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){.image-inspect-hint{transition:none}}