.space-image-open{display:block;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}.space-image-open:focus-visible{outline:3px solid #075985;outline-offset:-3px}.space-compare .sentinel-compare-slider{cursor:zoom-in}.space-viewer-open{min-height:44px;padding:.6rem 1rem;border:1px solid #9fcde6;border-radius:8px;background:#fff;font:inherit;color:#075985}
.satellite-viewer{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:#071b2b;color:#fff;overflow:hidden}.satellite-viewer[open]{display:flex;flex-direction:column}.satellite-viewer::backdrop{background:#071b2b}.satellite-viewer header{display:flex;align-items:center;justify-content:space-between;padding:max(.6rem,env(safe-area-inset-top)) 1rem .6rem;gap:1rem}.satellite-viewer h2{margin:0;font-size:1.25rem}.satellite-viewer button{min-width:44px;min-height:44px;background:#fff;color:#07344b;border:0;border-radius:8px;font:inherit;font-weight:700;padding:.4rem .7rem}.satellite-viewer button:focus-visible{outline:3px solid #ffe48a;outline-offset:3px}.viewer-close{font-size:1.6rem!important}.viewer-toolbar{display:flex;gap:.6rem;align-items:center;justify-content:center;padding:.3rem 1rem;flex-wrap:wrap}.viewer-toolbar output{min-width:4rem;text-align:center}.viewer-help{margin:.5rem 1rem;font-size:.875rem}.viewer-viewport{flex:1;min-height:0;overflow:auto;touch-action:none;overscroll-behavior:contain;padding:12px}.viewer-media{position:relative;margin:auto;max-width:none;flex-shrink:0}.viewer-media>img{display:block;width:100%;height:100%;object-fit:contain}.viewer-media .sentinel-compare-slider{width:100%;height:100%;margin:0;aspect-ratio:auto;border-radius:0}.viewer-media .sentinel-compare-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.viewer-media .compare-date{font-size:.75rem}.viewer-media .sentinel-compare-slider input{touch-action:none}
.viewer-divider{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:.2rem 1rem;font-size:.875rem}.viewer-divider input{width:100%;min-height:44px;accent-color:#55b8e0}