/* Fit the whole screen into the remaining viewport; zoom is an explicit action. */
.p-screen-dialog[open],.lp-screen-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:calc(100vw - 24px);height:calc(100svh - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;overflow:hidden;padding:20px;box-sizing:border-box}
.p-screen-dialog .p-dialog-bar,.lp-screen-viewer .screen-viewer-bar{align-items:center;margin:0 0 16px;min-width:0}
.p-screen-dialog .p-dialog-bar h2,.lp-screen-viewer .screen-viewer-bar h2{overflow-wrap:anywhere}
.p-screen-dialog .p-dialog-canvas,.lp-screen-viewer .screen-viewer-content{display:block;width:100%;height:100%;min-height:0;min-width:0;max-height:none;padding:5px;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid #cdded5;border-radius:9px;background:#e1eee7;scrollbar-color:#749e8b #e1eee7;scrollbar-width:thin}
.p-screen-dialog:not(.is-zoomed) .p-dialog-canvas>img,.lp-screen-viewer:not(.is-zoomed) .screen-viewer-content>img{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;margin:0;border:0;border-radius:0;box-shadow:none;object-fit:contain}
.p-screen-dialog.is-zoomed .p-dialog-canvas>img,.lp-screen-viewer.is-zoomed .screen-viewer-content>img{display:block;width:1600px;height:auto;max-width:none;max-height:none;margin:0;box-shadow:none}
.p-screen-dialog.is-phone.is-zoomed .p-dialog-canvas>img,.lp-screen-viewer.is-mobile.is-zoomed .screen-viewer-content>img{width:650px;height:auto}
.p-screen-dialog.is-zoomed .p-dialog-canvas,.lp-screen-viewer.is-zoomed .screen-viewer-content{cursor:grab}
.p-screen-dialog .is-panning,.lp-screen-viewer .is-panning{cursor:grabbing!important;user-select:none}
.p-screen-dialog>p,.lp-screen-viewer .lp-viewer-hint{margin:12px 4px 0;font-size:13px;line-height:1.4}
.p-dialog-canvas:focus-visible,.screen-viewer-content:focus-visible{outline:3px solid #008d7c;outline-offset:-3px}
@media(max-width:650px){.p-screen-dialog[open],.lp-screen-viewer[open]{width:100vw;height:100svh;height:100dvh;max-height:none;max-width:none;margin:0;border:0;border-radius:0;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.p-screen-dialog .p-dialog-bar,.lp-screen-viewer .screen-viewer-bar{display:block;margin-bottom:13px}.p-screen-dialog .p-dialog-bar h2,.lp-screen-viewer .screen-viewer-bar h2{font-size:18px;line-height:1.2;max-height:3.6em;overflow:auto;margin:0 0 12px}.p-dialog-bar>div,.lp-viewer-actions{gap:7px;flex-wrap:wrap}.p-screen-dialog .p-dialog-bar button,.p-screen-dialog .p-dialog-bar a,.lp-screen-viewer .lp-viewer-actions button,.lp-screen-viewer .lp-viewer-actions>a{font-size:13px;min-height:44px;padding:10px 14px}.p-screen-dialog>p,.lp-screen-viewer .lp-viewer-hint{font-size:12px;margin-top:10px}.p-screen-dialog .p-dialog-canvas,.lp-screen-viewer .screen-viewer-content{padding:3px}}
@media(max-height:500px) and (orientation:landscape){.p-screen-dialog[open],.lp-screen-viewer[open]{padding:12px}.p-screen-dialog .p-dialog-bar,.lp-screen-viewer .screen-viewer-bar{display:flex;gap:15px;margin-bottom:10px}.p-screen-dialog .p-dialog-bar h2,.lp-screen-viewer .screen-viewer-bar h2{font-size:16px;margin:0;max-height:2.4em;overflow:auto}.p-screen-dialog .p-dialog-bar>div,.lp-screen-viewer .lp-viewer-actions{flex-wrap:nowrap;flex:none}.p-screen-dialog>p,.lp-screen-viewer .lp-viewer-hint{font-size:12px;margin-top:8px}}