/* Save guidance stays outside the original-resolution image. */
.save-hint{margin:-1px 0 3px;pointer-events:none}
.save-hint .text-img{max-width:270px}
#viewer{position:fixed;inset:0;margin:auto;border:0;width:100%;max-width:650px;height:100vh;height:100dvh;max-height:100dvh;padding:0;background:#f7eddb;overflow:hidden}
#viewer[open]{display:flex;flex-direction:column}
#viewer::backdrop{background:#302317ed}
.viewer-toolbar{position:relative;flex:0 0 auto;min-height:96px;padding:calc(15px + env(safe-area-inset-top)) 58px 15px 18px;background:#faf4e7;border-bottom:1px solid #be94546b}
#viewer .zoom-help{background:transparent;padding:0;text-align:center;pointer-events:none}
#viewer .zoom-help h2{margin:0 0 5px}
#viewer .zoom-help h2 .text-img{max-width:230px}
#viewer .zoom-help .text-img{max-width:100%;height:auto;margin:auto}
#viewer .viewer-close{position:absolute;top:calc(16px + env(safe-area-inset-top));right:10px;width:44px;height:44px;background:#eadbc0;border:1px solid #be94546b;z-index:1}
.viewer-image-area{flex:1 1 auto;min-height:0;width:100%;padding:14px 14px max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;overflow:auto}
#largeCard{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto;box-shadow:0 4px 22px #4b2c182b}
.save-desktop-help{display:none}
@media(min-width:900px) and (hover:hover) and (pointer:fine){.save-mobile-help{display:none}.save-desktop-help{display:block}.viewer-toolbar{min-height:80px;display:flex;align-items:center;justify-content:center}}
@media(max-width:369px){.viewer-toolbar{padding-left:12px;padding-right:54px}.viewer-image-area{padding-left:10px;padding-right:10px}}