html,body{height:100%;margin:0;font-family:sans-serif}#tour-container{display:flex;height:100%}#panel{width:220px;background:rgba(0,0,0,.6);color:#fff;padding:70px 15px 15px;box-sizing:border-box}#panel h3{margin-top:0;font-size:18px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}#panel button{display:block;width:100%;padding:10px;margin:8px 0;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:14px;cursor:pointer;border-radius:5px;transition:background .3s}#panel button:hover{background:rgba(255,255,255,.4)}#viewer-area{flex:1;display:flex;flex-direction:column;position:relative}#pano{position:relative;overflow:hidden;flex:1;background:#000}#caption{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.6);color:#fff;padding:8px 15px;font-size:14px;border-radius:5px;max-width:80%;text-align:center}#viewer-area{position:relative;flex:1}.back-btn{position:fixed;top:15px;left:15px;background-color:#3498db;color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s ease;z-index:1000}.back-btn:hover{background-color:#2980b9}