.pano-viewer{gap:10px;max-width:900px;margin:0;display:grid}.pano-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pano-toggle,.pano-zoom{border:1.5px solid var(--deep);border-radius:var(--radius-control);gap:0;display:inline-flex;overflow:hidden}.pano-zoom{border:0;gap:6px;overflow:visible}.pano-toggle button,.pano-zoom button{min-width:64px;min-height:44px;color:var(--deep);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 16px;font-weight:600}.pano-toggle button[aria-pressed=true]{background:var(--deep);color:var(--paper)}.pano-zoom button{border:1.5px solid var(--deep);border-radius:var(--radius-control);min-width:44px;padding:8px 12px;font-size:1.1rem;line-height:1}.pano-zoom .pano-reset{font-size:.95rem}.pano-toggle button:focus-visible,.pano-zoom button:focus-visible,.pano-stage:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.pano-stage{border-radius:var(--radius-stage);background:var(--deep);height:clamp(280px,58vh,540px);position:relative;overflow:hidden}.pano-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.pano-canvas:active{cursor:grabbing}.pano-tag{bottom:8px;color:#fff;pointer-events:none;background:#141c1bb8;border-radius:6px;padding:2px 8px;font-size:.78rem;position:absolute;inset-inline-start:8px}.pano-loading{color:var(--paper);place-items:center;display:grid;position:absolute;inset:0}.pano-caption{color:var(--muted);font-size:.9rem}.pano-pair{gap:12px;display:grid}.pano-pair figure{margin:0}.pano-pair img{border-radius:var(--radius-media);width:100%;height:auto;display:block}@media (forced-colors:active){.pano-toggle button[aria-pressed=true]{color:highlighttext;background:highlight}}