.image-viewer{position:relative}.image-toolbar{gap:5px}.image-toolbar .toolbar-button:nth-child(3){margin-right:10px}.image-toolbar .toolbar-button:nth-child(5){margin-right:10px}.image-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#1c232b}.image-canvas{display:block;width:100%;height:100%;touch-action:none}.image-viewport.can-pan .image-canvas{cursor:grab}.image-viewport.panning .image-canvas{cursor:grabbing}.image-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#e4edf5;text-align:center;pointer-events:none;font-size:14px}.image-overlay[hidden]{display:none}.image-overlay.error{color:#ffe0dc;background:#181f28c9}.image-status{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px}.image-picker{z-index:4}.image-picker .file-picker-list{min-height:60px;max-height:min(310px,55vh)}.image-picker .file-picker-list p{margin:4px;line-height:1.4;color:#536779}#os.theme-midnight .image-picker .file-picker-list p{color:#c4d5e4}
@media(max-width:560px){.image-toolbar{overflow:auto}.image-toolbar .toolbar-button{font-size:12px;padding:3px 6px}.image-status{gap:7px;font-size:11px}}