html:root body.sc-site dialog.sc-image-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);max-width:calc(100vw - 20px);padding:14px;border-radius:16px;overflow:hidden}
html:root body.sc-site dialog.sc-image-dialog[open]{display:flex;flex-direction:column;gap:10px}
.sc-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.sc-viewer-heading>span{font-size:1rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
html:root body.sc-site .sc-image-dialog button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 12px;margin:0;flex-shrink:0}
.sc-viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0}.sc-viewer-toolbar output{font-size:.8rem;color:var(--sc-muted);padding:0 6px}
.sc-image-viewport{min-height:100px;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;border:1px solid var(--sc-line);border-radius:10px;padding:12px;background:var(--sc-paper)}
.sc-image-stage{position:relative;margin-inline:auto;flex-shrink:0}.sc-image-stage.sc-image-panel{overflow:hidden}
html:root body.sc-site .sc-image-dialog .sc-image-stage img{display:block;position:absolute;max-height:none;max-width:none;object-fit:fill;margin:0;border-radius:0}
html:root body.sc-site .sc-image-dialog>p{font-size:.8125rem;line-height:1.5;max-width:none;margin:0;max-height:5.5em;overflow:auto;flex-shrink:0}
.sc-image-dialog>a{font-size:.8125rem;min-height:32px;display:inline-flex;align-items:center;flex-shrink:0}
.permissions-enlarge{display:block;color:var(--sc-accent)}.permissions-enlarge:focus-visible{outline:3px solid var(--sc-accent);outline-offset:5px}.permissions-enlarge .permissions-crop{transition:border-color .2s}.permissions-enlarge:hover .permissions-crop{border-color:var(--sc-accent)}
.permissions-enlarge>span{display:flex;align-items:center;min-height:44px;font-size:.8125rem;line-height:1.4}.permissions-panel>a{max-width:100%}
.sc-phone>a[data-enlarge]{display:block}.sc-phone>a[data-enlarge]>img{border-radius:23px}
a[data-enlarge]{cursor:zoom-in}
.sc-screen-presentation{display:block;position:relative;width:fit-content;max-width:100%;line-height:0}
.sc-system-bar{display:block;position:absolute;top:0;left:0;width:100%;pointer-events:none;overflow:hidden;z-index:1;border-radius:inherit}
.sc-system-clock,.sc-system-signals{display:block;position:absolute;top:0;height:100%;overflow:hidden}
.sc-system-clock{left:3.6%}.sc-system-signals{right:5.5%}
.sc-phone .sc-screen-presentation,.sc-phone .sc-screen-presentation>img{border-radius:23px}
html:root body.sc-site .sc-image-dialog>a[hidden]{display:none}
@media(max-width:600px){html:root body.sc-site dialog.sc-image-dialog{padding:10px;border-radius:12px}.sc-viewer-heading>span{font-size:.875rem}.sc-viewer-toolbar{gap:4px}.sc-viewer-toolbar output{padding:0;font-size:.75rem}.sc-image-viewport{padding:8px}}