html.gallery-active,body.gallery-active,body.gallery-active #viewer{background:#000!important;color:#fff;overscroll-behavior:none}
body.gallery-active #app,body.gallery-active>.skip,body.gallery-active>#notice{visibility:hidden}
#viewer.gallery-mode>.v-control,#viewer.gallery-mode>.admin-exif-toggle,#viewer.gallery-mode>.admin-exif-panel{display:none!important}
#viewer.gallery-mode .image-stage{inset:0;background:#000}
#viewer.gallery-mode img{box-shadow:none;border:0;border-radius:0}
.gallery-entry{--gallery-control-size:52px;top:20px;left:calc(20px + var(--gallery-control-size) + 12px);padding:0}
.gallery-entry svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.gallery-controls{position:absolute;z-index:6;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:8px;background:rgba(24,24,27,var(--gallery-glass-opacity,.65));border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 12px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:var(--gallery-glass-filter,blur(18px) saturate(100%));-webkit-backdrop-filter:var(--gallery-glass-filter,blur(18px) saturate(100%))}
.gallery-controls[hidden]{display:none}
.gallery-controls button{display:grid;place-items:center;background:transparent;color:#eee;border:0;border-radius:14px;width:48px;height:48px;padding:0;cursor:pointer;flex:none;transition:background .16s ease,color .16s ease}
.gallery-controls button:hover,.gallery-controls button[aria-pressed="true"]{background:rgba(255,255,255,.1);color:#fff}
.gallery-controls button:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px;background:rgba(255,255,255,.12)}
.gallery-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.gallery-controls svg .solid{fill:currentColor;stroke:none}
.gallery-control-divider{height:20px;width:1px;background:rgba(255,255,255,.12);margin:0 3px;flex:none}
.gallery-setting-section{display:grid;grid-template-columns:1fr minmax(160px,220px);gap:24px;align-items:center;border-top:1px solid var(--line,#dedbd2);margin:32px 0 24px;padding-top:28px}
.gallery-setting-section h2{margin:0 0 8px}.gallery-setting-section p{margin:0}
.gallery-interval-field{display:grid;gap:10px}.gallery-seconds-input{position:relative}.gallery-seconds-input input{width:100%;padding-right:60px}.gallery-seconds-input>span{position:absolute;right:22px;top:50%;transform:translateY(-50%);color:#8c8980;pointer-events:none}
.gallery-transparency-field{display:grid;grid-template-columns:1fr 44px;gap:16px;align-items:center;min-height:52px}.gallery-transparency-field input{width:100%;min-width:0;margin:0;padding:0;accent-color:#777063;cursor:pointer}.gallery-transparency-field output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted,#77746e)}
@media(min-width:2400px){.gallery-entry{--gallery-control-size:56px}}
@media(max-width:700px){.gallery-entry{top:8px;left:68px}}
@media(max-width:600px){.gallery-controls{gap:3px;padding:6px;border-radius:19px;max-width:calc(100% - 24px)}.gallery-controls button{width:44px;height:44px;border-radius:12px}.gallery-control-divider{margin:0 2px}.gallery-setting-section{grid-template-columns:1fr;gap:20px}.gallery-interval-field{max-width:220px}}
@media(prefers-reduced-transparency:reduce){.gallery-controls{background:#202022;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.gallery-controls button{transition:none}}