.image-preview-viewer{flex-direction:column;gap:.75rem;display:flex}.image-preview-viewer__chrome{flex-shrink:0;justify-content:center;align-items:center;display:flex}.image-preview-viewer__chrome--header{grid-template-columns:minmax(0,1fr) auto minmax(2.75rem,1fr);align-items:center;column-gap:.75rem;min-height:2.5rem;display:grid}.image-preview-viewer__title{min-width:0;color:var(--home-text,#e6edf3);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;line-height:1.3;overflow:hidden}.image-preview-viewer__toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.image-preview-viewer__header-trail{justify-self:end;width:2.75rem;height:2.5rem}.image-preview-viewer__tool-btn{color:#e6edf3;cursor:pointer;background:#080b12d9;border:1px solid #4ae7fd38;border-radius:8px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.image-preview-viewer__tool-btn:hover{color:#4ae7fd;background:#4ae7fd24;border-color:#4ae7fd73}.image-preview-viewer__tool-btn--reset{margin-left:.25rem}.image-preview-viewer--fill{flex:1 1 0;gap:.5rem;width:100%;height:100%;min-height:0}.image-preview-viewer--fill .image-preview-viewer__chrome{flex-shrink:0}.image-preview-viewer--fill .image-preview-viewer__stage{border-radius:0;flex:1 1 0;width:100%;height:auto;padding:0;min-height:0!important;max-height:none!important}.image-preview-viewer--fill .image-preview-viewer__canvas{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.image-preview-viewer--fill .image-preview-viewer__img{max-height:none}.image-preview-viewer__stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;background:#00000040;border-radius:8px;justify-content:center;align-items:center;min-height:40vh;max-height:70vh;padding:.5rem;display:flex;position:relative;overflow:hidden}.image-preview-viewer__stage.is-pannable{cursor:grab}.image-preview-viewer__stage.is-dragging{cursor:grabbing}.image-preview-viewer__canvas{transform-origin:50%;will-change:transform;transition:transform .2s}.image-preview-viewer__stage.is-dragging .image-preview-viewer__canvas{transition:none}.image-preview-viewer__img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;display:block}