.atomvr360-tour{position:relative;background:#132d35;border-radius:10px;overflow:hidden}
.atomvr360-welcome{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;color:#f4fafb;background:radial-gradient(ellipse at 50% 20%,#295560,#132d35 75%);font-family:system-ui,sans-serif}
.atomvr360-welcome strong{font-size:clamp(20px,3vw,30px);line-height:1.3}
.atomvr360-welcome p{max-width:430px;margin:0;color:#d3e4e8;font-size:14px;line-height:1.6}
.atomvr360-welcome button{border:1px solid #83e3d5;border-radius:8px;padding:12px 20px;background:#087e83;color:white;font:600 15px/1.4 system-ui,sans-serif;cursor:pointer}
.atomvr360-welcome button:hover{background:#056b70}
.atomvr360-welcome button:focus-visible{outline:3px solid white;outline-offset:4px}
.atomvr360-welcome button:disabled{opacity:.7;cursor:wait}
/* Target names are text-only and stay attached to Pannellum's native scene arrow. */
.atomvr360-target .atomvr360-target-label{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);display:block;width:max-content;max-width:190px;padding:6px 9px;border-radius:6px;background:rgba(14,32,39,.94);color:#fff;font:500 12px/1.4 system-ui,sans-serif;text-align:center;overflow-wrap:anywhere;white-space:normal;pointer-events:none;box-shadow:0 2px 8px #0003;opacity:0;visibility:hidden}
.atomvr360-target--always .atomvr360-target-label,.atomvr360-target--hover:hover .atomvr360-target-label,.atomvr360-target--hover:focus-within .atomvr360-target-label{opacity:1;visibility:visible}
.atomvr360-target:focus-visible{outline:3px solid #55e0d0;outline-offset:3px}
@media(hover:none){.atomvr360-target--hover .atomvr360-target-label{opacity:1;visibility:visible}}
/* Public shortcode / block: reserve the final dimensions before the viewer loads. */
.atomvr360-tour,.atomvr360-tour.pnlm-container{width:100%;height:auto;aspect-ratio:16 / 9;min-height:0;max-height:none}
.atomvr360-tour>.atomvr360-welcome{position:absolute;inset:0}
.atomvr360-welcome--photo{position:relative;isolation:isolate;background:#132d35}
.atomvr360-welcome--photo .atomvr360-poster{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:0}
.atomvr360-welcome--photo::before{content:"";position:absolute;inset:0;background:rgba(9,24,31,.55);z-index:1;pointer-events:none}
.atomvr360-welcome--photo>strong,.atomvr360-welcome--photo>p,.atomvr360-welcome--photo>button{position:relative;z-index:2}
@media(max-width:600px){.atomvr360-tour,.atomvr360-tour.pnlm-container{aspect-ratio:4 / 3;min-height:280px}.atomvr360-welcome{gap:12px;padding:20px}.atomvr360-welcome p{font-size:13px}.atomvr360-welcome button{font-size:14px;padding:11px 16px}}
@media(max-height:500px) and (orientation:landscape){.atomvr360-tour,.atomvr360-tour.pnlm-container{aspect-ratio:16 / 9;min-height:0}}
.atomvr360-tour:fullscreen,.atomvr360-tour.pnlm-container:fullscreen{aspect-ratio:auto;width:100%;height:100%;min-height:0;border-radius:0}