.reference-preview[hidden]{display:none}
.reference-preview{position:fixed;z-index:1000;width:min(580px,calc(100vw - 24px));max-height:82vh;max-height:82dvh;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:white;color:#163b35;border:1px solid #cdd6d2;border-radius:12px;box-shadow:0 12px 40px #0003}
.reference-preview .reference-toolbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:1;background:white;padding:8px 12px;border-bottom:1px solid #e3e8e5}
.reference-toolbar strong{margin-right:auto}
.reference-toolbar button{min-width:44px;min-height:44px;margin:0;padding:8px;background:transparent;color:inherit}
.reference-preview img{display:block;width:100%;height:auto;max-width:none}
.reference-preview.zoomed img{width:1200px;max-width:none}
.reference-preview [data-reference-error]{padding:16px}
#marzoni-reference{min-height:44px}
#marzoni-reference:focus-visible,.reference-preview button:focus-visible{outline:2px solid #163b35;outline-offset:2px}