.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:clip}.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:#16181db8;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}}.pano-spots{pointer-events:none;position:absolute;inset:0}.pano-spot{width:0;height:0;transition:opacity var(--dur-state) ease;position:absolute;top:0;left:0}.pano-spot>*{pointer-events:auto}.pano-spot[data-off=true]{opacity:0}.pano-spot[data-off=true]>*{pointer-events:none}.pano-spot[data-off=true]:focus-within{opacity:1}.pano-veil{background:var(--petrol-1000);opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:0}.pano-stage[data-moving=true] .pano-veil{opacity:1;transition-duration:.2s}.pano-stage[data-moving=true] .pano-canvas{transition:transform .22s ease-in;transform:scale(1.06)}.pano-single .pano-tag{top:10px;bottom:auto}.pano-flat{border-radius:var(--radius-media);width:100%;height:auto;display:block}.pano-spot-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (prefers-reduced-motion:reduce){.pano-spot,.pano-veil,.pano-stage[data-moving=true] .pano-canvas{transition:none}.pano-stage[data-moving=true] .pano-canvas{transform:none}}