/* Actual application captures; the page supplies its own trigger styling. */
.screen-peek-open{overflow:hidden}
.screen-peek-tooltip,.screen-peek-dialog{box-sizing:border-box;font-family:var(--font-ui,Inter,sans-serif);color:#f5f0e7;background:#111e2c}
.screen-peek-tooltip *,.screen-peek-dialog *{box-sizing:border-box}
.screen-peek-tooltip[hidden],.screen-peek-dialog [hidden]{display:none!important}
.screen-peek-tooltip{position:fixed;z-index:100;left:12px;top:12px;width:224px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff24;border-radius:12px;padding:7px;box-shadow:0 12px 42px #0b17252e}
.screen-peek-tooltip-image{display:block;width:100%;height:auto;aspect-ratio:var(--screen-peek-ratio,9/16);object-fit:contain;border-radius:6px;background:#fafaf8}
.screen-peek-tooltip-title{display:block;padding:11px 6px 0;font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.15px}
.screen-peek-tooltip-note{display:block;padding:4px 6px 7px;color:#afbdc9;font-size:12px;line-height:1.6}
.screen-peek-dialog{width:max-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:18px;border:1px solid #f5f0e729;border-radius:15px;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #050c1880}
.screen-peek-dialog::backdrop{background:#07111dcc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.screen-peek-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:17px;min-width:0}
.screen-peek-dialog-heading-text{min-width:0}
.screen-peek-dialog-label{display:block;color:#a1b2c1;font-size:12px;font-weight:650;line-height:1.6;letter-spacing:1.7px;margin-bottom:5px}
.screen-peek-dialog-title{font-size:16px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:-.35px!important;margin:0!important;color:#f5f0e7!important}
.screen-peek-dialog .screen-peek-dialog-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:9px 10px;border:1px solid #f5f0e733;border-radius:6px;background:none;color:#f5f0e7;font:600 12px/1.5 var(--font-ui,Inter,sans-serif);cursor:pointer}
.screen-peek-dialog-close:hover{border-color:#f5f0e780;background:#ffffff0a}
.screen-peek-dialog-close:focus-visible{outline:3px solid #8da9ff;outline-offset:4px}
.screen-peek-close-icon{display:block;width:15px;height:15px;background:currentColor;-webkit-mask:url('icons/x.svg') center/contain no-repeat;mask:url('icons/x.svg') center/contain no-repeat}
.screen-peek-dialog-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 175px);aspect-ratio:var(--screen-peek-ratio,9/16);object-fit:contain;margin:0 auto;border-radius:7px;background:#fafaf8}
.screen-peek-dialog-note{max-width:400px;margin:13px 0 0!important;color:#afbdc9!important;font-size:12px!important;line-height:1.7!important;letter-spacing:0!important}
.screen-peek-image-error{display:grid;place-items:center;min-height:180px;max-width:300px;padding:20px;margin:0;color:#c7d1d9;font-size:12px;line-height:1.7;text-align:center}
@media(max-width:480px){.screen-peek-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:13px;border-radius:11px}.screen-peek-dialog-heading{gap:16px;margin-bottom:13px}.screen-peek-dialog-title{font-size:15px!important}.screen-peek-dialog .screen-peek-dialog-close{font-size:12px;padding-inline:9px;gap:6px}.screen-peek-dialog-label{font-size:12px;letter-spacing:1.3px}.screen-peek-dialog-note{font-size:12px!important;max-width:280px}.screen-peek-dialog-image{max-height:calc(100dvh - 160px)}}
@media(prefers-reduced-motion:reduce){.screen-peek-tooltip,.screen-peek-dialog,.screen-peek-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}