.bp-image-preview{position:fixed;inset:0;box-sizing:border-box;width:min(1080px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--line,#d5e0e9);border-radius:12px;background:var(--site-surface,#fff);color:var(--ink,#162635);box-shadow:0 12px 50px #16263540;overscroll-behavior:contain}.bp-image-preview::backdrop{background:#101f2bd2}.bp-image-preview-inner{padding:clamp(10px,2vw,18px)}.bp-image-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.bp-image-preview-header h2{min-width:0;margin:0;color:inherit;font-size:clamp(15px,2vw,20px);font-weight:650;line-height:1.35;overflow-wrap:anywhere}.bp-image-preview button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;min-height:44px;padding:6px 12px;border:1px solid var(--site-control-border,#73899b);border-radius:6px;background:var(--site-surface,#fff);color:var(--red-dark,#054d5b);font-size:14px;font-weight:600;white-space:nowrap;touch-action:manipulation}.bp-image-preview button:disabled{opacity:.5;cursor:default}.bp-image-preview button:not(:disabled):hover{background:var(--site-accent-soft,#e0f1f3)}.bp-image-preview button:focus-visible{outline:2px solid var(--red,#076878);outline-offset:2px}.bp-image-preview button.bp-image-preview-close{border-color:var(--red,#076878);background:var(--red,#076878);color:#fff}.bp-image-preview button.bp-image-preview-close:hover{background:var(--red-dark,#054d5b)}.bp-image-preview-stage{display:grid;place-items:center;height:max(110px,min(73dvh,calc(100dvh - 152px)));border-radius:6px;background:var(--site-surface-soft,#f2f6f9)}.bp-image-preview-stage>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.bp-image-preview[data-handbook=true] img{user-select:none;-webkit-touch-callout:none}.bp-handbook-page-jump{display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.bp-handbook-page-jump>input{box-sizing:border-box;width:5em;min-height:40px;padding:6px;border:1px solid var(--site-control-border,#73899b);border-radius:5px;background:var(--site-surface,#fff);color:inherit;font-size:16px;text-align:center}.bp-image-preview-footer:empty{display:none}.bp-image-preview-footer{margin-top:10px}.bp-image-preview-caption{margin:0 0 8px;color:var(--site-text,#33485c);font-size:13px;line-height:1.5;text-align:center;overflow-wrap:anywhere}.bp-image-preview-controls{display:flex;align-items:center;justify-content:center;gap:8px 14px;color:var(--muted,#506477);font-size:13px}.bp-image-preview-controls>span{min-width:52px;text-align:center}.bp-image-preview[data-handbook=true] .bp-image-preview-controls{flex-wrap:wrap}.bp-image-preview-trigger{cursor:zoom-in}.bp-image-preview-trigger:focus-visible{outline:2px solid var(--red,#076878);outline-offset:3px}.bp-content-figure-trigger{display:inline-block;max-width:100%;padding:0;border:0;background:transparent}.bp-content-figure-trigger>img{display:block}@media (max-width:720px){.bp-image-preview{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.bp-image-preview-controls{gap:8px}}@media (orientation:landscape) and (max-height:560px){.bp-image-preview{width:min(1080px,calc(100% - 12px));height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.bp-image-preview-inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:4px}.bp-image-preview-footer,.bp-image-preview-header{margin:0}.bp-image-preview-header h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-image-preview-stage{height:100%;min-height:0}.bp-image-preview-controls{gap:8px}.bp-image-preview-caption{margin:0;font-size:12px;max-height:2.5em;overflow:auto}}