.image-modal{padding:0;overflow:hidden;background-color:var(--bg-inverse);color:var(--text-inverse);touch-action:none;border:none;}.image-modal .modal-content{background-color:transparent;border:none;height:100%;}.image-modal .modal-header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;z-index:1000;border:none;background:linear-gradient(to bottom,rgba(0,0,0,0.2),transparent);pointer-events:none;}.image-modal .btn-close{color:var(--text-inverse);font-size:2.5rem;padding:var(--space-2)var(--space-4);background:transparent;border:none;cursor:pointer;line-height:1;pointer-events:auto;}.image-modal-hints{pointer-events:none;color:var(--text-primary);padding:var(--space-3)var(--space-4);font-size:var(--text-sm);transition:opacity 0.5s ease-in-out;}.image-modal-hints.fade-out{opacity:0;}.image-modal-hints ul{display:flex;gap:var(--space-4);background:var(--bg-tertiary);padding:var(--space-1)var(--space-3);border-radius:var(--rounded-full);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);}.image-modal-body{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:transparent;cursor:grab;}.image-modal-body:active{cursor:grabbing;}.enlarged-image{max-width:95%;max-height:95%;width:auto;height:auto;box-shadow:var(--shadow-xl);transition:transform 0.1s ease-out;will-change:transform;user-select:none;-webkit-user-drag:none;}.image-modal-footer{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.4),transparent);color:var(--text-inverse);padding:var(--space-8)var(--space-4)var(--space-4);z-index:1000;pointer-events:none;border:none;font-weight:500;}.touch-only{display:none;}@media(pointer:coarse){.touch-only{display:inline;}}.image-clickable{cursor:zoom-in;}@media(prefers-color-scheme:dark){.image-modal{background-color:var(--bg-primary);color:var(--text-primary);}.image-modal .btn-close{color:var(--text-primary);}.image-modal-footer{color:var(--text-primary);}}
/*# sourceMappingURL=image-modal.css.map */