@media screen{
 dialog.artwork-window{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box;max-height:calc(100dvh - 24px)}
 dialog.artwork-window:not([open]){display:none!important}
 .art-window-controls{display:flex;align-items:center;gap:10px;margin-right:auto;color:#987020;font:12px Manrope,Arial,sans-serif}
 .art-window-controls button{font:inherit;background:transparent;border:1px solid #ded9cf;border-radius:0;color:inherit;padding:6px 12px;min-height:44px;white-space:nowrap;cursor:pointer}
 .art-window-controls .art-window-grip{cursor:grab;touch-action:none;border-color:transparent}.art-window-controls .moving{cursor:grabbing}
 .art-window-controls button:focus-visible{outline:3px solid #987020;outline-offset:2px}
 dialog.art-dialog-positioned{inset:auto!important;left:var(--art-window-x)!important;top:var(--art-window-y)!important;right:auto!important;bottom:auto!important;margin:0!important}
 dialog.art-dialog-compact{width:min(1100px,calc(100% - 32px))!important}
 dialog.art-dialog-compact #art-image{height:52dvh;max-height:650px}
 dialog.artwork-window :is(.dialog-head,.showcase-dialog-bar,.lightbox-toolbar,.zoom-toolbar){position:sticky;top:0;z-index:12;background:inherit;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
}
@media screen and (min-width:851px) and (min-height:551px){
 dialog.mobile-dialog-ready.artwork-window{width:calc(100vw - 40px);max-width:1800px!important;max-height:calc(var(--dialog-visible-height,100dvh) - 24px)!important;padding:18px;overflow:auto}
 dialog.mobile-dialog-ready.artwork-window .showcase-slide{grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}
 dialog.mobile-dialog-ready.artwork-window .showcase-large-image{height:calc(var(--dialog-visible-height,100dvh)*.72);min-height:0;padding:8px;display:flex;align-items:center;justify-content:center}
 dialog.mobile-dialog-ready.artwork-window .showcase-large-image img{width:100%;height:100%;max-height:100%;object-fit:contain}
 dialog.mobile-dialog-ready.artwork-window .showcase-slide-info{grid-column:1/-1;width:min(100%,1000px);justify-self:center;max-height:none;overflow:visible}
 dialog.mobile-dialog-ready.artwork-window.art-lightbox>img{display:block;margin:12px auto;height:calc(var(--dialog-visible-height,100dvh)*.72);max-height:none;width:100%;object-fit:contain}
 dialog.mobile-dialog-ready.art-dialog-compact .showcase-large-image,dialog.mobile-dialog-ready.art-dialog-compact.art-lightbox>img{height:calc(var(--dialog-visible-height,100dvh)*.52)}
}
@media screen and (max-width:850px),screen and (max-height:550px),screen and (pointer:coarse){
 .art-window-controls{display:none}
 dialog.artwork-window,dialog.mobile-dialog-ready.artwork-window{inset:auto!important;top:max(6px,env(safe-area-inset-top))!important;left:max(6px,env(safe-area-inset-left))!important;right:max(6px,env(safe-area-inset-right))!important;bottom:auto!important;margin:0 auto!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;max-height:calc(var(--dialog-visible-height,100dvh) - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}
 dialog.mobile-dialog-ready.artwork-window .showcase-large-image{height:calc(var(--dialog-visible-height,100dvh)*.6);min-height:100px}
 dialog.mobile-dialog-ready.artwork-window.art-lightbox>img{height:calc(var(--dialog-visible-height,100dvh)*.6);object-fit:contain}
}
@media print{.art-window-controls{display:none!important}}