.image-modal-overlay{z-index:1000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal-content{z-index:1;cursor:default;background:0 0;flex-direction:column;justify-content:center;align-items:center;max-width:98vw;max-height:98vh;display:flex;position:relative;box-shadow:0 0 32px #0003}.image-modal-image-wrapper{max-width:calc(100vh - var(--gap-xs));max-height:calc(100vh - var(--gap-l));cursor:pointer;z-index:1;touch-action:none;background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.image-modal-image-wrapper.zoomed{cursor:grab}.image-modal-image-wrapper.zoomed:active{cursor:grabbing}.image-modal-image-wrapper:hover .image-modal-nav{opacity:1;pointer-events:auto}.image-modal-image-wrapper img{cursor:default;touch-action:none;background:#222;max-width:100%;margin:0 auto;display:block;box-shadow:0 0 16px #00000026}.image-modal-nav{color:#fff;opacity:0;pointer-events:none;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2.5rem;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-modal-nav:hover{background:#000c}.image-modal-nav--prev{left:12px}.image-modal-nav--next{right:12px}.image-modal-nav-arrow{-webkit-user-select:none;user-select:none;font-size:2rem;line-height:1}.image-modal-controls{z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.image-modal-controls.visible{opacity:1;pointer-events:auto}.image-modal-controls-content{border-radius:var(--card-br-l);padding:var(--card-p-m);align-items:center;gap:var(--gap-l);background:#000000b3;border:1px solid #ffffff1a;display:flex;box-shadow:0 4px 20px #0000004d}.image-modal-info{color:var(--text-color);font-size:var(--text-s);white-space:nowrap;align-items:center;display:flex}.image-modal-counter{color:var(--text-color);text-align:center;font-variant-numeric:tabular-nums;min-width:45px}.image-modal-zoom-level{color:var(--text-secondary-color);font-size:var(--text-s);cursor:pointer;border-radius:var(--card-br-xs);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;min-width:50px;transition:all .2s}.image-modal-zoom-level:hover:not(:disabled){color:var(--text-color);background:var(--dark-hover-bg)}.image-modal-zoom-level:disabled{cursor:default;opacity:.6}.image-modal-buttons{align-items:center;gap:8px;display:flex}.image-modal-btn{background:var(--dark-hover-bg);border-radius:var(--card-br-s);color:var(--text-color);padding:var(--card-p-s);cursor:pointer;border:1px solid #fff3;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.image-modal-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.image-modal-btn:active:not(:disabled){transform:scale(.95)}.image-modal-btn:disabled{opacity:.4;cursor:not-allowed}.image-modal-btn--close{background:#dc3545cc;border-color:#dc3545e6}.image-modal-btn--close:hover:not(:disabled){background:#dc3545e6}.image-modal-divider{background:#fff3;width:1px;height:20px;margin:0 4px}@media (max-width:768px){.image-modal-controls{opacity:1!important;pointer-events:auto!important}.image-modal-controls-content{padding:var(--card-p-s);gap:var(--gap-s)}.image-modal-btn{min-width:32px;height:32px;padding:var(--card-p-xs);font-size:13px}.image-modal-counter{min-width:40px}.image-modal-zoom-level{min-width:45px}}@media (hover:none) and (pointer:coarse){.image-modal-controls{opacity:1!important;pointer-events:auto!important}}