@layer quartz-base{@charset "UTF-8";.image-lightbox{z-index:200;box-sizing:border-box;background:color-mix(in srgb, var(--dark) 72%, transparent);cursor:zoom-out;touch-action:none;flex-direction:column;align-items:stretch;padding:2.5rem 2rem 3.5rem;display:flex;position:fixed;inset:0;overflow:hidden}.image-lightbox__stage{cursor:default;flex:auto;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.image-lightbox__viewport{transform-origin:50%;box-shadow:0 8px 40px color-mix(in srgb, var(--dark) 45%, transparent);background:var(--light);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:4px}.image-lightbox__viewport--zoomed{cursor:grab}.image-lightbox__viewport--dragging{cursor:grabbing}.image-lightbox__img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.image-lightbox__close{z-index:201;cursor:pointer;background:color-mix(in srgb, var(--light) 92%, var(--gray));width:2.5rem;height:2.5rem;color:var(--darkgray);box-shadow:0 2px 12px color-mix(in srgb, var(--dark) 20%, transparent);border:none;border-radius:8px;font-size:1.5rem;line-height:1;position:fixed;top:1rem;right:1rem}.image-lightbox__close:hover{background:var(--light);color:var(--dark)}.image-lightbox__hint{z-index:201;color:color-mix(in srgb, var(--lightgray) 85%, var(--darkgray));pointer-events:none;text-align:center;max-width:90vw;font-size:.78rem;line-height:1.4;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}}