.pano{margin:24px 0 40px;background:#f2f5f6;border:1px solid #dce3e7;border-radius:12px;overflow:hidden}.pano-choice{padding:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pano-choice label{font-weight:700;color:#001d31}.pano-choice select{font:inherit;padding:12px;background:white;border:1px solid #8c9aa3;border-radius:6px;max-width:100%;min-width:220px}.pano-stage{position:relative;aspect-ratio:16/9;background:#001d31;isolation:isolate}.pano-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.pano-poster,.pano canvas{display:block;width:100%;height:100%;object-fit:contain}.pano canvas{position:absolute;inset:0;cursor:grab;touch-action:none}.pano canvas:active{cursor:grabbing}.pano [hidden]{display:none!important}.pano-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 24px;min-width:220px;background:#f57c00;color:#001d31;font:700 17px Arial,sans-serif;border:2px solid white;border-radius:6px;cursor:pointer;box-shadow:0 3px 24px #001d3180}.pano-controls{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:8px;flex-wrap:wrap}.pano-controls button{font:700 15px Arial,sans-serif;background:#fff;color:#001d31;border:1px solid #c6d0d7;border-radius:5px;padding:11px 14px;min-height:44px;cursor:pointer}.pano button:focus-visible,.pano select:focus-visible,.pano canvas:focus-visible{outline:3px solid #f57c00;outline-offset:-3px}.pano-footer{padding:16px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.pano-status{margin:0;font-size:14px;color:#344e60}.pano-original{font-size:14px;color:#001d31;text-decoration:underline}.pano-note{font-size:15px;color:#536472}@media(max-width:600px){.pano-stage{aspect-ratio:1/1}.pano-choice{gap:8px;padding:14px}.pano-choice select{width:100%}.pano-controls{gap:6px;bottom:8px;left:8px;right:8px}.pano-controls button{padding:9px 10px;font-size:13px}}