#container{position:relative;width:100%;height:100%;background-color:#242424}#container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;z-index:0}#container:fullscreen,#container:-webkit-full-screen,#container:-moz-full-screen,#container:-ms-fullscreen{width:100vw!important;height:100vh!important}#container:fullscreen canvas,#container:-webkit-full-screen canvas,#container:-moz-full-screen canvas,#container:-ms-fullscreen canvas{width:100vw!important;height:100vh!important}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;padding:20px;border-radius:5px;pointer-events:none;z-index:1000}#controls{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:16px;z-index:1000;pointer-events:none}#controls button{pointer-events:auto;padding:8px 12px;margin-right:5px;background:#00000080;color:#a80808;border:none;border-radius:3px;cursor:pointer}#controls button:hover{background:#000c}#panorama-title{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:8px 12px;border-radius:3px;font-family:Arial,sans-serif;font-size:14px;z-index:100;max-width:80%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.hotspot-text{font-family:Arial,sans-serif;font-size:14px;pointer-events:none;white-space:nowrap}#hotspots-panel{position:absolute;top:80px;right:30px;width:250px;max-height:80vh;overflow-y:auto;background:#000000b3;color:#fff;padding:15px;border-radius:5px;z-index:100;pointer-events:none}#hotspots-panel h3{margin-top:0;margin-bottom:10px;font-size:16px}#hotspots-panel li{pointer-events:auto;cursor:pointer}#hotspots-list{list-style:none;padding:0;margin:0}#hotspots-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}#hotspots-list li:hover{color:#0af}#hotspots-list li:last-child{border-bottom:none}#container.hidden{display:none}@media (max-width: 768px){.tour-selector{max-width:90%;padding:10px}.tour-btn,.show-selector-btn{padding:12px;font-size:16px}#panorama-title{font-size:18px;padding:8px 12px}#loading{font-size:16px;padding:12px}#hotspots-panel{width:90%;right:5%}}body{margin:0;height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,[role=button]{min-width:48px;min-height:48px}#edit-panel{position:absolute;top:80px;left:30px;width:250px;max-height:80vh;overflow-y:auto;background:#000000b3;color:#fff;padding:15px;border-radius:5px;z-index:100;pointer-events:auto;display:none}#edit-panel h3{margin-top:0;margin-bottom:10px;font-size:16px}#panorama-list{list-style:none;padding:0;margin:0}#panorama-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}#panorama-list li:hover{color:#0af}#panorama-list li.active{color:#ff0;font-weight:700;background-color:#ffffff1a;border-left:3px solid #ffff00;padding-left:5px}#edit-panel button{background:#00000080;color:#fff;border:none;border-radius:3px;padding:8px 12px;margin-top:10px;cursor:pointer;width:100%}#edit-panel button:hover{background:#000c}.edit-mode #hotspots-panel{display:block!important;pointer-events:auto}.edit-mode #controls{display:flex!important}#hotspot-creation-panel{position:relative;top:10%;left:50%;transform:translate(-50%,-50%);width:250px;max-height:80vh;overflow-y:auto;background:#000000b3;color:#fff;padding:15px;border-radius:5px;z-index:100;pointer-events:auto;display:none}#hotspot-creation-panel h3{margin-top:0;margin-bottom:10px;font-size:16px}#hotspot-target-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}#hotspot-target-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}#hotspot-target-list li:hover{color:#0af}#hotspot-creation-panel button{background:#00000080;color:#fff;border:none;border-radius:3px;padding:8px 12px;margin-top:10px;cursor:pointer;width:100%}#hotspot-creation-panel button:hover{background:#000c}#hotspot-target-list li.active{color:#ff0;font-weight:700;background-color:#ffffff1a}#hotspots-panel button{background:#00000080;color:#fff;border:none;border-radius:3px;padding:8px 12px;margin-top:10px;cursor:pointer;width:100%}#hotspots-panel button:hover{background:#000c}#container.edit-mode canvas{cursor:grab}.edit-mode #container canvas{cursor:grab}.edit-mode #container canvas:active{cursor:grabbing}.save-confirmation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:15px;border-radius:5px;z-index:1000;pointer-events:none;animation:fadeOut 2s forwards;animation-delay:1s;text-align:center;white-space:pre-line}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}