:where(.react-pic-gallery,.react-pic-gallery__gallery,.react-pic-gallery__carousel,.react-pic-gallery__lightbox){--gallery-gap:.75rem;--gallery-radius:1rem;--gallery-row-height:12rem;--gallery-carousel-height:24rem;--gallery-accent:#9ef01a;--gallery-overlay:#070b10f0;--gallery-control-size:2.75rem;--gallery-motion:.18s;color:#f8fafc;-webkit-user-select:none;user-select:none}.react-pic-gallery{width:100%;min-width:0}.react-pic-gallery__carousel{width:100%;height:var(--gallery-carousel-height,24rem);flex-direction:column;min-width:0;display:flex;position:relative}.react-pic-gallery__carousel:focus-visible{outline:none}.react-pic-gallery__carousel .react-pic-gallery__lightbox-content{width:100%;max-width:none;height:100%;max-height:none}.react-pic-gallery__carousel .react-pic-gallery__toolbar{z-index:1;pointer-events:none;gap:.5rem;min-height:0;position:absolute;top:.75rem;left:.75rem}.react-pic-gallery__carousel .react-pic-gallery__toolbar-actions{background:#070b108c;border-radius:999px;padding:.2rem .55rem}.react-pic-gallery__gallery{width:100%;min-width:0;position:relative}.react-pic-gallery__grid{gap:var(--gallery-gap,.75rem);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.react-pic-gallery__gallery--justified{align-content:flex-start;gap:var(--gallery-gap,.75rem);flex-wrap:wrap;display:flex}.react-pic-gallery__gallery--justified>.react-pic-gallery__tile--justified{flex:none;height:auto}.react-pic-gallery__row-height-probe{width:var(--gallery-gap,.75rem);height:var(--gallery-row-height,12rem);visibility:hidden;pointer-events:none;position:absolute;overflow:hidden}.react-pic-gallery__gallery--mosaic{gap:var(--gallery-gap,.75rem);display:grid}.react-pic-gallery__mosaic-group{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:repeat(2, minmax(0, var(--gallery-row-height,12rem)));gap:var(--gallery-gap,.75rem);min-width:0;display:grid}.react-pic-gallery__mosaic-group--top{grid-template-columns:repeat(2,minmax(0,1fr))}.react-pic-gallery__mosaic-group .react-pic-gallery__tile--mosaic{min-width:0;height:auto}.react-pic-gallery__mosaic-group--left .react-pic-gallery__tile--mosaic-featured{grid-area:1/1/span 2}.react-pic-gallery__mosaic-group--top .react-pic-gallery__tile--mosaic-featured{grid-area:1/1/auto/-1}.react-pic-gallery__mosaic-group--count-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0, var(--gallery-row-height,12rem))}.react-pic-gallery__mosaic-group--count-1{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, var(--gallery-row-height,12rem))}.react-pic-gallery__tile{min-width:0;height:var(--gallery-row-height,12rem);cursor:pointer;border-radius:var(--gallery-radius,1rem);isolation:isolate;background:0 0;border:0;padding:0;position:relative;overflow:hidden}.react-pic-gallery__tile:after{content:"";pointer-events:none;border-radius:inherit;transition:border-color var(--gallery-motion,.18s) ease;border:2px solid #0000;position:absolute;inset:0}.react-pic-gallery__tile:hover .react-pic-gallery__image-element,.react-pic-gallery__tile:focus-visible .react-pic-gallery__image-element{transform:scale(1.04)}.react-pic-gallery__tile:focus-visible{outline:3px solid var(--gallery-accent,#9ef01a);outline-offset:3px}.react-pic-gallery__tile:focus-visible:after{border-color:var(--gallery-accent,#9ef01a)}.react-pic-gallery__tile:disabled{cursor:default}.react-pic-gallery__image{border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden}.react-pic-gallery__image-element{width:100%;height:100%;transition:transform var(--gallery-motion,.18s) ease, opacity var(--gallery-motion,.18s) ease;display:block}.react-pic-gallery__image-loader,.react-pic-gallery__image-error{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);place-items:center;display:grid;position:absolute;inset:0}.react-pic-gallery__image-loader:after{content:"";border:2px solid #0f172a29;border-top-color:var(--gallery-accent,#9ef01a);border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite react-pic-gallery-spin}.react-pic-gallery__image-error{color:#475569;text-align:center;background:#e2e8f0e6;padding:1rem;font-size:.875rem}:where(dialog.react-pic-gallery__lightbox){z-index:1000;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:#f8fafc;background:var(--gallery-overlay);animation:react-pic-gallery-fade-in var(--gallery-motion) ease both;border:0;place-items:center;margin:0;display:grid;position:fixed;inset:0;overflow:hidden}dialog.react-pic-gallery__lightbox:not([open]){display:none}dialog.react-pic-gallery__lightbox::backdrop{background:0 0}.react-pic-gallery__lightbox--closing{animation:react-pic-gallery-fade-out var(--gallery-motion) ease both}.react-pic-gallery__lightbox-content{box-sizing:border-box;width:min(90rem,100vw - 2rem);min-width:0;max-width:100%;height:min(54rem,100dvh - 2rem);min-height:0;max-height:100%;animation:react-pic-gallery-rise-in var(--gallery-motion) ease both;flex-direction:column;display:flex}.react-pic-gallery__lightbox--closing .react-pic-gallery__lightbox-content{animation:react-pic-gallery-rise-out var(--gallery-motion) ease both}.react-pic-gallery__toolbar,.react-pic-gallery__custom-controls{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.react-pic-gallery__toolbar-actions{color:#cbd5e1;align-items:center;gap:.75rem;min-width:0;font-size:.875rem;display:flex}.react-pic-gallery__control{width:var(--gallery-control-size);height:var(--gallery-control-size);color:#f8fafc;cursor:pointer;transition:background var(--gallery-motion) ease, color var(--gallery-motion) ease, transform var(--gallery-motion) ease;background:0 0;border:0;border-radius:.7rem;flex:none;place-items:center;padding:0;font-size:1.4rem;line-height:1;display:inline-grid}.react-pic-gallery__control:hover{background:#f8fafc24}.react-pic-gallery__control:focus-visible{outline:3px solid var(--gallery-accent);outline-offset:3px}.react-pic-gallery__control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.25rem;height:1.25rem}.react-pic-gallery__viewport{touch-action:pan-y pinch-zoom;flex:1 1 0;place-items:center;min-width:0;min-height:0;padding:.75rem;display:grid;position:relative;overflow:hidden}.react-pic-gallery__viewport--has-navigation{padding-inline:3.5rem}.react-pic-gallery__viewport--has-navigation .react-pic-gallery__lightbox-image{inset-inline:3.5rem}.react-pic-gallery__lightbox-image{pointer-events:none;width:auto;min-width:0;max-width:82rem;height:auto;min-height:0;max-height:none;animation:react-pic-gallery-image-in var(--gallery-motion) ease both;background:0 0;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;margin-inline:auto;display:grid;position:absolute;inset:.75rem;overflow:visible}.react-pic-gallery__lightbox-image .react-pic-gallery__image-element{pointer-events:auto;touch-action:inherit;border-radius:var(--gallery-radius);background:0 0;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain!important}.react-pic-gallery__lightbox-image .react-pic-gallery__image-loader{pointer-events:none;background:0 0}.react-pic-gallery__lightbox-image .react-pic-gallery__image-error{pointer-events:none}.react-pic-gallery__lightbox-image--swipe-next{animation-name:react-pic-gallery-slide-in-from-right}.react-pic-gallery__lightbox-image--swipe-previous{animation-name:react-pic-gallery-slide-in-from-left}.react-pic-gallery__control--previous,.react-pic-gallery__control--next{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.react-pic-gallery__control--previous{left:0}.react-pic-gallery__control--next{right:0}.react-pic-gallery__caption{color:#cbd5e1;text-align:center;flex:none;max-height:8rem;padding:.75rem 0 0;font-size:.95rem;line-height:1.4;overflow:hidden}.react-pic-gallery__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes react-pic-gallery-spin{to{transform:rotate(360deg)}}@keyframes react-pic-gallery-fade-in{0%{opacity:0}to{opacity:1}}@keyframes react-pic-gallery-fade-out{0%{opacity:1}to{opacity:0}}@keyframes react-pic-gallery-rise-in{0%{opacity:0;transform:translateY(.5rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes react-pic-gallery-rise-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.5rem)scale(.99)}}@keyframes react-pic-gallery-image-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes react-pic-gallery-slide-in-from-right{0%{opacity:0;transform:translate(18%)}to{opacity:1;transform:translate(0)}}@keyframes react-pic-gallery-slide-in-from-left{0%{opacity:0;transform:translate(-18%)}to{opacity:1;transform:translate(0)}}@media (width<=600px){:where(.react-pic-gallery,.react-pic-gallery__lightbox){--gallery-gap:.5rem;--gallery-radius:.75rem;--gallery-row-height:8rem;--gallery-carousel-height:14rem}:where(dialog.react-pic-gallery__lightbox){padding:max(.375rem, env(safe-area-inset-top)) max(.375rem, env(safe-area-inset-right)) max(.375rem, env(safe-area-inset-bottom)) max(.375rem, env(safe-area-inset-left))}.react-pic-gallery__mosaic-group--count-3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(8rem, var(--gallery-row-height,12rem)) minmax(5rem, .65fr)}.react-pic-gallery__mosaic-group--count-3 .react-pic-gallery__tile--mosaic-featured{grid-area:1/1/auto/-1}.react-pic-gallery__lightbox-content{width:min(90rem,100vw - .75rem);height:min(54rem,100dvh - .75rem)}.react-pic-gallery__toolbar,.react-pic-gallery__custom-controls{min-height:3rem}.react-pic-gallery__viewport{padding:.25rem}.react-pic-gallery__lightbox-image{inset:.25rem}.react-pic-gallery__viewport--has-navigation .react-pic-gallery__lightbox-image{inset-inline:.25rem}.react-pic-gallery__control--previous,.react-pic-gallery__control--next{display:none}}@media (height<=600px){:where(dialog.react-pic-gallery__lightbox){padding:max(.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.react-pic-gallery__lightbox-content{height:min(54rem,100dvh - .5rem)}.react-pic-gallery__toolbar,.react-pic-gallery__custom-controls{min-height:2.25rem}.react-pic-gallery__caption{max-height:4rem;padding:.35rem 0 0;font-size:.85rem}.react-pic-gallery__viewport{padding:.25rem}.react-pic-gallery__lightbox-image{inset:.25rem}}@media (prefers-reduced-motion:reduce){:where(.react-pic-gallery,.react-pic-gallery__lightbox){--gallery-motion:0s}.react-pic-gallery__image-loader:after{animation:none}}:root{--page-bg:#0a1017;--page-panel:#111a24;--page-panel-soft:#0e1721;--page-line:#94a3b82e;--page-ink:#f1f5f9;--page-muted:#8b9aab;--page-accent:#b7f34a;--page-code-bg:#070d13;--page-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background:var(--page-bg)}.playground{font-family:var(--page-font);width:min(100% - 3rem,76rem);margin:0 auto}.site-header{border-bottom:1px solid var(--page-line);justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.brand,.site-header nav a,.docs-strip a{color:var(--page-ink);text-decoration:none}.brand{letter-spacing:-.02em;font-size:.9rem;font-weight:650}.brand span{color:var(--page-accent);letter-spacing:.08em;text-transform:uppercase;margin-left:.4rem;font-size:.7rem;font-weight:700}.site-header nav{gap:1.25rem;display:flex}.site-header nav a,.site-footer,.docs-strip p{color:var(--page-muted);font-size:.8rem}.site-header nav a:hover,.docs-strip a:hover{color:var(--page-accent)}.intro{max-width:44rem;padding:6.5rem 0 5.5rem}.code-block__language{color:var(--page-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:750}.intro h1{color:var(--page-ink);letter-spacing:-.075em;margin:0;font-size:clamp(3.25rem,8vw,6.75rem);font-weight:620;line-height:.9}.intro h1 em{color:#7f8d9d;font-style:normal}.intro-copy{max-width:25rem;color:var(--page-muted);margin:2rem 0 0;font-size:1.05rem;line-height:1.7}.feature-strip{flex-wrap:wrap;align-items:center;gap:.6rem;max-width:46rem;margin:2.25rem 0 0;padding:0;list-style:none;display:flex}.feature-strip__stat{background:#b7f34a14;border:1px solid #b7f34a73;border-radius:.75rem;gap:.1rem;padding:.5rem .9rem;display:grid}.feature-strip__stat strong{color:var(--page-accent);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.feature-strip__stat span{color:var(--page-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.feature-strip>li:not(.feature-strip__stat){color:var(--page-ink);border:1px solid var(--page-line);background:var(--page-panel);white-space:nowrap;border-radius:999px;padding:.45rem .8rem;font-size:.78rem}.feature-strip code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.demo-section{border-top:1px solid var(--page-line);padding:2rem 0 4rem}.install-section{border-top:1px solid var(--page-line);grid-template-columns:minmax(12rem,.6fr) minmax(0,1.4fr);align-items:center;gap:2rem;padding:2rem 0 4rem;display:grid}.install-section h2{color:var(--page-ink);letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:600}.install-section p{max-width:15rem;color:var(--page-muted);margin:.5rem 0 0;font-size:.85rem;line-height:1.55}.install-section .code-block{margin-top:0}.install-section>a{color:var(--page-muted);grid-column:2;font-size:.8rem;text-decoration:none}.install-section>a:hover{color:var(--page-accent)}.install-command{gap:.65rem;display:grid}.install-command .layout-switcher{margin-top:0}.example-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.gallery-frame{border:1px solid var(--page-line);background:var(--page-panel);border-radius:1.1rem;margin-top:1.25rem;padding:.65rem;overflow:hidden}.gallery-frame .react-pic-gallery__gallery{--gallery-gap:.65rem;--gallery-radius:.75rem;--gallery-row-height:clamp(9rem, 16vw, 13rem)}.gallery-frame--hero{background:var(--page-panel-soft);border-radius:1.25rem;padding:.8rem}.gallery-frame--hero .react-pic-gallery__gallery{--gallery-gap:.8rem;--gallery-radius:.9rem;--gallery-row-height:clamp(11rem, 25vw, 20rem)}.layout-switcher{border:1px solid var(--page-line);background:var(--page-panel);border-radius:999px;flex-wrap:wrap;gap:.35rem;margin-top:1rem;padding:.3rem;display:inline-flex}.layout-switcher button{color:var(--page-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:.45rem .8rem;font-size:.75rem}.layout-switcher button[aria-pressed=true]{color:#07100a;background:var(--page-accent);font-weight:700}.layout-switcher button:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}.code-block{border:1px solid var(--page-line);background:var(--page-code-bg);border-radius:.75rem;margin-top:1rem;overflow:hidden}.code-block__topline{border-bottom:1px solid var(--page-line);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.code-block__language{color:var(--page-muted);font-size:.6rem}.code-block__topline button,.demo-action,.demo-custom-controls button{color:var(--page-ink);cursor:pointer;border:1px solid var(--page-line);background:#94a3b814;border-radius:.45rem;padding:.4rem .65rem;font-size:.7rem}.code-block__topline button:hover,.demo-custom-controls button:hover{color:var(--page-accent);border-color:#b7f34a99}.code-block__topline button:disabled{cursor:not-allowed;opacity:.5}.code-block__topline button:focus-visible,.demo-action:focus-visible,.demo-custom-controls button:focus-visible,.site-header a:focus-visible,.docs-strip a:focus-visible{outline:2px solid var(--page-accent);outline-offset:3px}.code-block pre{color:#cbd5e1;margin:0;padding:1rem;font-size:.75rem;line-height:1.7;overflow-x:auto}.code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem;display:grid}.example{min-width:0}.example--wide{margin-top:2rem}.example--wide .example-header p{max-width:30rem}.example-header{align-items:flex-start}.example-header>div{flex:1}.demo-section h2{color:var(--page-ink);letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:600}.demo-section h3{color:var(--page-ink);letter-spacing:-.03em;margin:0;font-size:1.05rem;font-weight:600}.example-header p{max-width:18rem;color:var(--page-muted);margin:.5rem 0 0;font-size:.85rem;line-height:1.55}.demo-action{color:#07100a;background:var(--page-accent);border:0;border-radius:999px;padding:.4rem .75rem;font-weight:700}.demo-action:hover{color:#07100a;background:#d1ff82}.demo-custom-controls{color:#cbd5e1;justify-content:space-between;align-items:center;gap:1rem;width:100%;font-size:.8rem;display:flex}.demo-custom-controls>div{gap:.4rem;display:flex}.section-intro{max-width:30rem;color:var(--page-muted);margin:.5rem 0 0;font-size:.85rem;line-height:1.55}.section-intro code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.exif-caption{justify-items:center;gap:.55rem;display:grid}.exif-caption__title{color:#cbd5e1;text-align:center;margin:0;font-size:.95rem;line-height:1.4}.exif-caption__data{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;display:flex}.exif-caption__chip{color:#e2e8f0;letter-spacing:.02em;white-space:nowrap;background:#94a3b81f;border:1px solid #94a3b859;border-radius:999px;padding:.2rem .55rem;font-size:.7rem}.docs-strip{border-top:1px solid var(--page-line);grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.5rem 0;display:grid}.docs-strip p{margin:0}.docs-strip a{font-size:.8rem}.site-footer{justify-content:space-between;gap:1rem;padding:1.5rem 0 3rem;display:flex}@media (width<=720px){.playground{width:min(100% - 1.5rem,42rem)}.site-header nav{gap:.75rem}.site-header{flex-wrap:wrap;gap:.75rem;padding-block:1rem}.intro{padding:4.5rem 0 4rem}.intro h1{font-size:clamp(3rem,15vw,5rem)}.example-grid,.install-section{display:block}.install-section .code-block,.install-section>a,.example+.example{margin-top:1rem}.docs-strip{display:block}.docs-strip p,.docs-strip a{margin-top:.65rem;display:inline-block}.site-footer{line-height:1.8;display:block}}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#09111a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit}