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