.zoomable-image{width:100%;color:var(--ink);cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.zoomable-image.is-fill{height:100%}.zoomable-image>img{width:100%;height:auto;display:block}.zoomable-image>span{background:var(--paper);border:1px solid var(--line);font:600 .7rem/1.4 var(--font-sans);padding:9px 12px;position:absolute;bottom:10px;right:10px}.document-dialog{color:#242620;background:#f6f3eb;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.document-dialog[open]{flex-direction:column;display:flex}.document-dialog::backdrop{background:#242620}.document-toolbar{border-bottom:1px solid #d7d2c5;align-items:center;gap:12px;padding:14px 24px;font-size:.8rem;display:flex}.document-toolbar>span{margin-right:auto}.document-toolbar button{color:#242620;cursor:pointer;background:0 0;border:1px solid #242620;flex-shrink:0;min-height:44px;padding:9px 16px}.document-toolbar button[aria-pressed=true]{color:#fffdf8;background:#242620}.document-canvas{flex:1;min-height:0;padding:24px;overflow:auto}.document-canvas>div{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.document-canvas img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.document-canvas.is-zoomed>div{align-items:start;width:max(160%,1200px);height:auto}.document-canvas.is-zoomed img{width:100%;height:auto;max-height:none}@media (max-width:800px){.document-toolbar{flex-wrap:wrap;padding:12px 16px}.document-toolbar>span{width:100%;font-size:.72rem}.document-canvas{padding:12px}}