.ImageGalleryDemo-module__LNIASa__demoRoot{flex-direction:column;gap:0;width:100%;display:flex;position:relative}.ImageGalleryDemo-module__LNIASa__skipLink{padding:var(--space-1) var(--space-3);background:var(--diagram-layer-9);color:#000;color:lab(0% 0 0);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-1);z-index:20;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-40px;left:0}.ImageGalleryDemo-module__LNIASa__skipLink:focus{top:var(--space-2)}.ImageGalleryDemo-module__LNIASa__statsBar{padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ImageGalleryDemo-module__LNIASa__statsHighlight{color:var(--diagram-layer-9);font-weight:700}.ImageGalleryDemo-module__LNIASa__statsLive{align-items:center;gap:var(--space-3);display:flex}.ImageGalleryDemo-module__LNIASa__statsLiveItem{align-items:center;gap:4px;font-weight:600;display:flex}.ImageGalleryDemo-module__LNIASa__statsLiveDot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ImageGalleryDemo-module__LNIASa__dotLoadedSmall{background:var(--color-success)}.ImageGalleryDemo-module__LNIASa__dotInFlightSmall{background:var(--diagram-layer-0)}.ImageGalleryDemo-module__LNIASa__dotPendingSmall{background:var(--color-border);border:1.5px solid var(--color-muted)}.ImageGalleryDemo-module__LNIASa__galleryControls{padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);align-items:center;display:flex}.ImageGalleryDemo-module__LNIASa__scrollContainer{scroll-behavior:smooth;height:380px;position:relative;overflow:hidden auto}.ImageGalleryDemo-module__LNIASa__sentinel{visibility:hidden}.ImageGalleryDemo-module__LNIASa__masonryGrid{gap:var(--space-2);padding:var(--space-3);grid-template-columns:repeat(3,1fr);min-height:min-content;display:grid}.ImageGalleryDemo-module__LNIASa__imageCard{border-radius:var(--radius-2);border:2px solid var(--color-border);background:var(--color-surface-2);cursor:pointer;transition:border-color .15s;position:relative;overflow:hidden}.ImageGalleryDemo-module__LNIASa__imageCard:hover{border-color:var(--diagram-layer-9)}.ImageGalleryDemo-module__LNIASa__imageCard:focus-visible{outline:2px solid var(--diagram-layer-9);outline-offset:2px}.ImageGalleryDemo-module__LNIASa__imagePlaceholder{width:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:#ffffffd9;color:lab(100% 0 0/.85);justify-content:center;align-items:center;font-weight:700;transition:filter .5s,background .5s;display:flex}.ImageGalleryDemo-module__LNIASa__imagePending{filter:blur(6px)saturate(.4);background:repeating-linear-gradient(45deg, var(--img-color) 0px, var(--img-color) 12px, #0000004d 12px, #0000004d 24px)!important}@supports (color:lab(0% 0 0)){.ImageGalleryDemo-module__LNIASa__imagePending{background:repeating-linear-gradient(45deg, var(--img-color) 0px, var(--img-color) 12px, lab(0% 0 0/.3) 12px, lab(0% 0 0/.3) 24px)!important}}.ImageGalleryDemo-module__LNIASa__imageLoading{filter:blur(3px)saturate(.7);background:repeating-linear-gradient(45deg, var(--img-color) 0px, var(--img-color) 6px, #0003 6px, #0003 12px), repeating-linear-gradient(-45deg, #ffffff0d 0px, #ffffff0d 6px, transparent 6px, transparent 12px)!important}@supports (color:lab(0% 0 0)){.ImageGalleryDemo-module__LNIASa__imageLoading{background:repeating-linear-gradient(45deg, var(--img-color) 0px, var(--img-color) 6px, lab(0% 0 0/.2) 6px, lab(0% 0 0/.2) 12px), repeating-linear-gradient(-45deg, lab(100% 0 0/.05) 0px, lab(100% 0 0/.05) 6px, transparent 6px, transparent 12px)!important}}.ImageGalleryDemo-module__LNIASa__imageLoaded{filter:blur()saturate();background:repeating-linear-gradient(45deg, var(--img-color) 0px, var(--img-color) 2px, #0000001a 2px, #0000001a 4px), repeating-linear-gradient(-45deg, #ffffff14 0px, #ffffff14 2px, transparent 2px, transparent 4px), repeating-linear-gradient(90deg, #ffffff0a 0px, #ffffff0a 1px, transparent 1px, transparent 4px), var(--img-color)!important}@supports (color:lab(0% 0 0)){.ImageGalleryDemo-module__LNIASa__imageLoaded{background:repeating-linear-gradient(45deg, var(--img-color) 0px, var(--img-color) 2px, lab(0% 0 0/.1) 2px, lab(0% 0 0/.1) 4px), repeating-linear-gradient(-45deg, lab(100% 0 0/.08) 0px, lab(100% 0 0/.08) 2px, transparent 2px, transparent 4px), repeating-linear-gradient(90deg, lab(100% 0 0/.04) 0px, lab(100% 0 0/.04) 1px, transparent 1px, transparent 4px), var(--img-color)!important}}@media (prefers-reduced-motion:reduce){.ImageGalleryDemo-module__LNIASa__imagePlaceholder{transition:none}.ImageGalleryDemo-module__LNIASa__imagePending,.ImageGalleryDemo-module__LNIASa__imageLoading{filter:saturate(.5)}.ImageGalleryDemo-module__LNIASa__imageLoaded{filter:none}}.ImageGalleryDemo-module__LNIASa__cardMeta{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffffe6;color:lab(100% 0 0/.9);background:#0009;background:lab(0% 0 0/.6);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.ImageGalleryDemo-module__LNIASa__loadedBadge{border-radius:var(--radius-1);background:var(--color-success);color:#000;color:lab(0% 0 0);text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.ImageGalleryDemo-module__LNIASa__pendingBadge{border-radius:var(--radius-1);background:var(--color-muted);color:#ffffffb3;color:lab(100% 0 0/.7);text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.ImageGalleryDemo-module__LNIASa__spacerBlock{visibility:hidden}.ImageGalleryDemo-module__LNIASa__networkPanel{gap:var(--space-3);padding:var(--space-3);flex-direction:column;min-height:380px;display:flex}.ImageGalleryDemo-module__LNIASa__networkStatsRow{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.ImageGalleryDemo-module__LNIASa__networkStat{align-items:center;gap:var(--space-1);display:flex}.ImageGalleryDemo-module__LNIASa__networkStatDot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ImageGalleryDemo-module__LNIASa__dotLoaded{background:var(--color-success)}.ImageGalleryDemo-module__LNIASa__dotInFlight{background:var(--diagram-layer-0)}.ImageGalleryDemo-module__LNIASa__dotPending{background:var(--color-border);border:2px solid var(--color-muted)}.ImageGalleryDemo-module__LNIASa__dotFailed{background:var(--color-error)}.ImageGalleryDemo-module__LNIASa__networkGrid{padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-2);background:var(--color-surface-2);grid-template-columns:repeat(25,1fr);gap:3px;max-height:300px;display:grid;overflow-y:auto}.ImageGalleryDemo-module__LNIASa__networkDot{aspect-ratio:1;border-radius:50%;min-width:8px;transition:background-color .3s,transform .2s}@media (prefers-reduced-motion:reduce){.ImageGalleryDemo-module__LNIASa__networkDot{transition:none}}.ImageGalleryDemo-module__LNIASa__networkDotLoaded{background:var(--color-success)}.ImageGalleryDemo-module__LNIASa__networkDotInFlight{background:var(--diagram-layer-0);animation:.8s ease-in-out infinite alternate ImageGalleryDemo-module__LNIASa__pulse}@keyframes ImageGalleryDemo-module__LNIASa__pulse{0%{transform:scale(1)}to{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.ImageGalleryDemo-module__LNIASa__networkDotInFlight{animation:none}}.ImageGalleryDemo-module__LNIASa__networkDotPending{background:var(--color-border)}.ImageGalleryDemo-module__LNIASa__resetButton{padding:var(--space-1) var(--space-3);border:2px solid var(--diagram-layer-9);border-radius:var(--radius-2);color:var(--diagram-layer-9);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;align-self:flex-start;font-weight:700;transition:background .15s,color .15s}.ImageGalleryDemo-module__LNIASa__resetButton:hover{background:var(--diagram-layer-9);color:#000;color:lab(0% 0 0)}.ImageGalleryDemo-module__LNIASa__resetButton:focus-visible{outline:2px solid var(--diagram-layer-9);outline-offset:2px}.ImageGalleryDemo-module__LNIASa__lightboxOverlay{z-index:10;background:#000c;background:lab(0% 0 0/.8);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ImageGalleryDemo-module__LNIASa__demoRoot>.ImageGalleryDemo-module__LNIASa__lightboxOverlay{position:absolute;inset:0}.ImageGalleryDemo-module__LNIASa__lightboxContent{align-items:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;max-width:90%;display:flex}.ImageGalleryDemo-module__LNIASa__lightboxImage{border-radius:var(--radius-3);width:240px;height:240px;font-family:var(--font-mono);font-size:var(--text-2xl);color:#ffffffe6;color:lab(100% 0 0/.9);border:3px solid #ffffff4d;border:3px solid lab(100% 0 0/.3);justify-content:center;align-items:center;font-weight:700;display:flex}.ImageGalleryDemo-module__LNIASa__lightboxNav{gap:var(--space-3);align-items:center;display:flex}.ImageGalleryDemo-module__LNIASa__lightboxButton{padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);color:#ffffffe6;color:lab(100% 0 0/.9);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:#ffffff1a;background:lab(100% 0 0/.1);border:2px solid #fff6;border:2px solid lab(100% 0 0/.4);font-weight:700;transition:background .15s,border-color .15s}.ImageGalleryDemo-module__LNIASa__lightboxButton:hover{background:#fff3;background:lab(100% 0 0/.2);border-color:#fff9;border-color:lab(100% 0 0/.6)}.ImageGalleryDemo-module__LNIASa__lightboxButton:focus-visible{outline:3px solid var(--diagram-layer-9);outline-offset:2px;border-color:var(--diagram-layer-9)}.ImageGalleryDemo-module__LNIASa__lightboxLabel{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff80;color:lab(100% 0 0/.5);text-align:center}.ImageGalleryDemo-module__LNIASa__focusIndicator{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff80;color:lab(100% 0 0/.5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-1);border:1px dashed #ffffff40;border:1px dashed lab(100% 0 0/.25);display:flex}.ImageGalleryDemo-module__LNIASa__focusRing{background:var(--diagram-layer-9);border-radius:50%;width:8px;height:8px;display:inline-block}.ImageGalleryDemo-module__LNIASa__lightboxPanel{justify-content:center;align-items:center;gap:var(--space-4);min-height:380px;padding:var(--space-4);flex-direction:column;display:flex;position:relative}.ImageGalleryDemo-module__LNIASa__lightboxInstructions{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-align:center;max-width:360px;line-height:1.5}.ImageGalleryDemo-module__LNIASa__lightboxDemoCard{border-radius:var(--radius-3);width:180px;height:180px;font-family:var(--font-mono);font-size:var(--text-xl);color:#ffffffe6;color:lab(100% 0 0/.9);border:3px solid var(--diagram-layer-9);cursor:pointer;justify-content:center;align-items:center;font-weight:700;transition:transform .15s;display:flex}.ImageGalleryDemo-module__LNIASa__lightboxDemoCard:hover{transform:scale(1.02)}.ImageGalleryDemo-module__LNIASa__lightboxDemoCard:focus-visible{outline:3px solid var(--diagram-layer-9);outline-offset:4px}@media (prefers-reduced-motion:reduce){.ImageGalleryDemo-module__LNIASa__lightboxDemoCard:hover{transform:none}}.ImageGalleryDemo-module__LNIASa__kbd{border:1px solid var(--color-border);border-radius:var(--radius-1);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-muted);padding:1px 5px;font-size:10px;line-height:1.4;display:inline-block}