.gallery-shell{max-width:1060px;margin:0 auto;padding:2.5rem 2rem 3rem}.gallery-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.gallery-intro-head{flex:1;min-width:0}.gallery-intro h1{font:700 2rem/1.2 var(--sf-font-display);letter-spacing:.02em}.gallery-intro p{margin-top:.65rem;color:var(--sf-text-muted);font-size:.95rem;line-height:1.6}.gallery-intro .gallery-description{margin:.65rem 0 0;font:700 1.4rem/1.3 var(--sf-font-display);letter-spacing:.02em;color:#fff}.gallery-body{display:grid;grid-template-columns:minmax(0,1fr)148px;gap:1rem;align-items:start}.gallery-viewer{border:1px solid var(--sf-border-subtle);border-radius:var(--sf-radius-panel);background:var(--sf-surface-raised)}.gallery-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;max-height:65svh;overflow:hidden;background:#080e18}.gallery-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.gallery-before{clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}.gallery-image-label{position:absolute;z-index:2;bottom:1rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.35);border-radius:2px;background:rgba(8,14,24,.88);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.gallery-label-before{left:1rem}.gallery-label-after{right:1rem}.gallery-plate{position:absolute;z-index:2;top:1rem;left:1rem;max-width:min(60%,30rem);padding:.5rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:2px;background:rgba(8,14,24,.88);overflow-wrap:anywhere;pointer-events:none}.gallery-plate h2{font:700 1.05rem/1.25 var(--sf-font-display);letter-spacing:.02em;color:#fff}.gallery-plate p{margin-top:.2rem;font:.72rem/1.4 var(--sf-font-mono);letter-spacing:.04em;color:rgba(255,255,255,.72)}.gallery-map{color:var(--sf-accent)}.gallery-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--comparison);width:2px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.5);transform:translateX(-50%);pointer-events:none}.gallery-handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#111a28;color:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 16px rgba(0,0,0,.4)}.gallery-handle svg{width:30px;height:24px}.gallery-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.gallery-range:disabled{cursor:default}.gallery-stage:has(.gallery-range:focus-visible){outline:var(--sf-focus-ring);outline-offset:3px}.gallery-stage:has(.gallery-range:focus-visible) .gallery-handle{color:var(--sf-accent);border-color:var(--sf-accent)}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--sf-border-subtle)}.gallery-position{flex-shrink:0;color:var(--sf-text-muted);font:.75rem/1.4 var(--sf-font-mono);font-variant-numeric:tabular-nums}.gallery-position span:first-child{color:var(--sf-accent)}.gallery-playback{display:flex;gap:.5rem;flex-shrink:0}.gallery-playback .sf-button,.gallery-filmstrip .sf-button,.gallery-toolbar .gallery-copy-link{min-height:44px}.gallery-playback svg,.gallery-filmstrip svg,.gallery-copy-link svg{width:20px;height:20px}.gallery-toolbar .gallery-copy-link{gap:.45rem;min-width:8.5rem;margin-left:auto}.gallery-playback .gallery-step{width:44px;padding:.5rem}.gallery-playback .gallery-play{min-width:100px}.gallery-pause-icon{display:none}.gallery-play[aria-pressed=true] .gallery-play-icon{display:none}.gallery-play[aria-pressed=true] .gallery-pause-icon{display:block}.gallery-playback .gallery-play[aria-pressed=true]{color:var(--sf-accent);border-color:var(--sf-accent)}.gallery-filmstrip{display:grid;grid-template-rows:24px minmax(0,1fr)24px;gap:.25rem}.gallery-filmstrip .gallery-rail-step{width:100%;height:24px;min-height:24px;padding:0;border:none;background:0 0;color:var(--sf-text-muted)}.gallery-filmstrip .gallery-rail-step:hover:not(:disabled){color:var(--sf-text)}.gallery-filmstrip .gallery-rail-step svg{width:16px;height:16px;transform:rotate(90deg)}.gallery-rail{display:flex;flex-direction:column;gap:.5rem;min-height:0;max-height:500px;overflow-y:auto;overflow-x:hidden;padding:4px 8px 4px 4px;scroll-padding-block:4px;scroll-snap-type:y proximity;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--sf-border-subtle)transparent}.gallery-thumb{flex:none;min-width:0;border:1px solid transparent;border-radius:3px;padding:3px;background:0 0;color:var(--sf-text-muted);cursor:pointer;text-align:left;scroll-snap-align:start;transition:border-color .15s,background .15s}.gallery-thumb-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#080e18}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}.gallery-thumb-number{position:absolute;left:.35rem;top:.35rem;padding:.15rem .3rem;background:rgba(8,14,24,.88);color:#fff;font:.65rem/1.4 var(--sf-font-mono)}.gallery-thumb-title{display:block;padding:.4rem .25rem .25rem;font:500 .7rem/1.3 var(--sf-font-body)}.gallery-thumb:hover{color:var(--sf-text);background:rgba(255,255,255,4%)}.gallery-thumb[aria-pressed=true]{border-color:var(--sf-accent);color:var(--sf-accent);background:rgba(255,128,0,5%)}.gallery-thumb:disabled{cursor:default}.gallery-error{margin-top:1rem;color:var(--sf-error);font-size:.9rem}.gallery-static>p{margin:2rem 0;color:var(--sf-text-muted)}.gallery-static h2{margin:2rem 0 1rem;font:600 1.2rem/1.4 var(--sf-font-display)}.gallery-static-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gallery-static-pair img{display:block;width:100%;height:auto}.gallery-static-pair figcaption{padding:.5rem 0;color:var(--sf-text-muted)}@media(max-width:768px){.gallery-shell{padding:1.5rem 1rem 2rem}.gallery-intro{align-items:flex-start;flex-wrap:wrap;margin-bottom:1rem}.gallery-intro h1{font-size:1.65rem}.gallery-intro p{font-size:.875rem}.gallery-body{grid-template-columns:1fr}.gallery-stage{max-height:none}.gallery-toolbar{flex-wrap:wrap;padding:.85rem;gap:.85rem}.gallery-playback{margin-left:auto}.gallery-image-label{bottom:.6rem;padding:.3rem .45rem;font-size:.6rem}.gallery-label-before{left:.6rem}.gallery-label-after{right:.6rem}.gallery-plate{top:.6rem;left:.6rem;max-width:72%;padding:.35rem .55rem}.gallery-plate h2{font-size:.9rem}.gallery-plate p{font-size:.65rem}.gallery-filmstrip{grid-template-rows:none;grid-template-columns:32px minmax(0,1fr)32px;gap:.4rem}.gallery-filmstrip .gallery-rail-step{width:32px;height:56px;padding:.5rem .25rem}.gallery-filmstrip .gallery-rail-step svg{transform:none}.gallery-rail{flex-direction:row;max-height:none;overflow-y:hidden;overflow-x:auto;min-height:auto;padding:4px 4px .65rem;scroll-padding-inline:4px;scroll-padding-block:0;scroll-snap-type:x proximity;overscroll-behavior-y:auto;overscroll-behavior-x:contain}.gallery-thumb{flex:0 0 148px}.gallery-static-pair{grid-template-columns:minmax(0,1fr)}}