:root{--primary-color:#4a7ffb;--dark-overlay:rgba(30,40,60,.7);--text-color:#fff}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none!important}input,textarea{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default!important}body,html{background-color:#000;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;overflow:hidden;width:100%}.pano-container{height:100%;left:0;position:absolute;top:0;transition:height .3s ease;width:100%;z-index:10}.scene-bar-visible:not(.fs-ui-hidden) .pano-container{height:calc(100% - 120px)}#pano-iframe{border:none;height:100%;width:100%}.brand-logo{left:20px;position:absolute;top:20px;z-index:20}.logo-img{max-height:50px;width:auto}.right-sidebar{align-items:center;background-color:rgba(0,0,0,.5);border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px 5px;position:absolute;right:20px;top:32%;z-index:20}.right-sidebar button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.right-sidebar button.active{background:var(--primary-color)}.nav-btn{margin-bottom:4px}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-buttons button img{height:100%;object-fit:contain;width:100%}.digital-human-container{bottom:100px;height:300px;pointer-events:none;position:absolute;right:20px;transition:bottom .3s ease;width:120px;z-index:20}.scene-bar-visible:not(.fs-ui-hidden) .digital-human-container{bottom:110px}@media (min-width:768px){.digital-human-container{bottom:85px;height:450px;width:180px}.scene-bar-visible:not(.fs-ui-hidden) .digital-human-container{bottom:120px}}#digital-human-video{height:100%;mask-image:linear-gradient(180deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);object-fit:cover;width:100%}.bottom-controls{bottom:0;flex-direction:column;left:0;position:absolute;z-index:30}.bottom-controls,.control-row{align-items:center;display:flex;width:100%}.control-row{justify-content:space-between;max-width:500px}@media (min-width:768px){.control-row{max-width:600px}}.control-row.top-row{height:48px;margin-bottom:2px}.control-row.bottom-row{background:rgba(26,26,26,.8);border-radius:10px;gap:15px;height:45px;padding:0 15px}.audio-list-btn{align-items:center;background:#4a7ffb;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:5px;position:relative;width:40px}.toggle-scene-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:26px}.menu-icon{display:flex;flex-direction:column;gap:3px;width:12px}.menu-icon .line{background:#fff;border-radius:10px;height:2px;width:80%}.menu-icon .line.short{width:60%}.menu-icon .line.under{margin-top:2px;width:22px}.scene-count{font-size:8px;font-weight:700;left:44%;position:absolute;top:33%}.title-control-bar{align-items:center;background:rgba(0,0,0,.3);border-radius:30px;display:flex;flex:0 0 50%;gap:10px;height:50%;justify-content:center;margin:0;overflow:hidden;padding:5px 10px;position:relative}.audio-timeline-simple{background:hsla(0,0%,100%,.1);bottom:0;height:3px;left:0;pointer-events:none;position:absolute;width:100%}.timeline-fill{background:#4a7ffb;height:100%;transition:width .3s linear}.ctrl-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center}.ctrl-btn svg{height:20px;width:20px}.audio-title{font-size:13px;font-weight:500;letter-spacing:1px;max-width:120px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.audio-toggle-btn{align-items:center;background:rgba(0,0,0,.3);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:5px;width:40px}.audio-toggle-btn svg{height:20px;width:20px}.bottom-row .play-pause-btn svg{height:24px;width:24px}.time{font-family:inherit;font-size:12px;min-width:40px;text-align:center}.progress-bar-wrapper{align-items:center;display:flex;flex:1;height:4px;position:relative}.progress-bar{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.3);border-radius:2px;height:4px;position:relative;width:100%;z-index:2}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer;height:12px;width:12px}.progress-fill{background:#fff;border-radius:2px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:0;z-index:1}.scene-selection-bar{background:linear-gradient(180deg,#000,#444);max-height:120px;opacity:1;overflow-x:auto;overflow-y:hidden;padding-bottom:25px;padding-top:25px;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;white-space:nowrap;width:100%}.scene-selection-bar::-webkit-scrollbar{display:none}@media (min-width:768px){.scene-selection-bar::-webkit-scrollbar{display:block;height:6px}.scene-selection-bar::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.scene-selection-bar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:3px}.scene-selection-bar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.6)}}.scene-selection-bar.hidden{max-height:0;opacity:0;padding-bottom:0;padding-top:0;pointer-events:none}.scene-list{display:flex;gap:0}.scene-item{background:#fff;border:2px solid transparent;border-radius:5px;cursor:pointer;flex-shrink:0;height:70px;margin:0 5px;overflow:hidden;position:relative;width:70px}.scene-item.active{border-color:#286efa}.scene-item img{height:100%;object-fit:cover;width:100%}.scene-item-title{background:rgba(0,0,0,.5);bottom:0;color:#fff;font-size:10px;left:0;overflow:hidden;padding:3px;position:absolute;text-align:center;text-overflow:ellipsis;width:100%}.choose-icon{display:none;height:18px;position:absolute;right:5px;top:5px;width:18px;z-index:2}.scene-item.active .choose-icon{display:block;height:18px;width:18px}.modal-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(0,0,0,.4);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:1;padding:20px;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1000}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-top{display:flex;display:none;justify-content:flex-end;margin-bottom:10px;max-width:440px;width:100%}.modal-close{align-items:center;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .3s ease}.modal-close:hover{background:rgba(0,0,0,.5);transform:rotate(90deg)}.modal-close svg{height:24px;width:24px}.modal-content-image-style{backdrop-filter:blur(10px);background:hsla(0,0%,40%,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);color:#fff;max-width:440px;overflow:hidden;padding:20px 10px;position:relative;width:100%}.modal-content-image-style:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.content-inner{position:relative;z-index:2}.text-line{color:hsla(0,0%,100%,.95);font-size:15px;letter-spacing:.5px;line-height:1.8;text-align:justify;text-indent:2em}.text-line:last-child{margin-bottom:0}:root{--size:5rem}body{background:#2e282a}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(3turn)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(3turn)}}.spinner{height:var(--size);left:50%;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--size)}.spinner>.dot{height:calc(var(--size)*.8);width:calc(var(--size)*.8)}.spinner>.dot,.spinner>.dot:after{border-radius:50%;position:absolute}.spinner>.dot:after{content:"";height:calc(var(--size)*.1);width:calc(var(--size)*.1)}.spinner>.dot:first-of-type{-webkit-animation:rotate 4s cubic-bezier(.17,.67,.83,.67) infinite;animation:rotate 4s cubic-bezier(.17,.67,.83,.67) infinite;left:0;top:0}.spinner>.dot:first-of-type:after{background:#00a6a6;right:0;top:50%;transform:translateY(-50%)}.spinner>.dot:nth-of-type(2){-webkit-animation:rotate 3.8s cubic-bezier(.17,.67,.83,.67) infinite;animation:rotate 3.8s cubic-bezier(.17,.67,.83,.67) infinite;right:0;top:0}.spinner>.dot:nth-of-type(2):after{background:#ffc914;bottom:0;left:50%;transform:translateX(-50%)}.spinner>.dot:nth-of-type(3){-webkit-animation:rotate 4.1s cubic-bezier(.17,.67,.83,.67) infinite;animation:rotate 4.1s cubic-bezier(.17,.67,.83,.67) infinite;bottom:0;right:0}.spinner>.dot:nth-of-type(3):after{background:#76b041;left:0;top:50%;transform:translateY(-50%)}.spinner>.dot:nth-of-type(4){-webkit-animation:rotate 3.9s cubic-bezier(.17,.67,.83,.67) infinite;animation:rotate 3.9s cubic-bezier(.17,.67,.83,.67) infinite;bottom:0;left:0}.spinner>.dot:nth-of-type(4):after{background:#e4572e;left:50%;top:0;transform:translateX(-50%)}.media-modal-overlay{background:rgba(0,0,0,.7);display:flex;flex-direction:column;height:100vh;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1000}.media-modal-overlay.hidden{opacity:0;pointer-events:none}.media-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:10px;position:absolute;right:20px;top:20px;transition:transform .3s ease;z-index:1001}.media-modal-close:hover{transform:scale(1.1)}.media-modal-close svg{height:36px;width:36px}.media-modal-body{align-items:center;flex:1;flex-direction:column;margin-top:60px;padding-bottom:60px}.media-container,.media-modal-body{display:flex;justify-content:center;width:100%}.media-container{max-width:900px}#media-modal-img,#media-modal-video{max-height:60vh;object-fit:contain;width:100%}.media-modal-title{color:#fff;font-size:16px;font-weight:500;letter-spacing:1px;line-height:1.5;margin-top:30px;max-width:900px;padding:0 10px;text-align:left;width:100%}body.fp-fullscreen .bottom-controls,body.fp-fullscreen .brand-logo,body.fp-fullscreen .digital-human-container,body.fp-fullscreen .right-sidebar{opacity:0;pointer-events:none;transition:opacity .3s ease}.fs-ui-hidden .bottom-controls,.fs-ui-hidden .brand-logo,.fs-ui-hidden .right-sidebar{opacity:0!important;pointer-events:none!important}.bottom-controls,.brand-logo,.right-sidebar{transition:opacity .3s ease}.navi-hs-main{background:radial-gradient(circle,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 100%)!important;border:3px solid #fff!important;border-radius:50%!important;position:relative}.navi-hs-main,.navi-hs-wave{box-sizing:border-box;height:80px;width:80px}.navi-hs-wave{animation:navi-wave-multi 3s ease-out infinite;border:2px solid hsla(0,0%,100%,.8)!important;border-radius:50%!important;box-shadow:0 0 10px hsla(0,0%,100%,.3),inset 0 0 10px hsla(0,0%,100%,.3)!important;left:-3px;opacity:0;pointer-events:none;position:absolute;top:-3px;transform-origin:center center}.navi-hs-wave:first-child{animation-delay:1s}.navi-hs-wave:nth-child(2){animation-delay:1.25s}.navi-hs-wave:nth-child(3){animation-delay:1.5s}@keyframes navi-wave-multi{0%{opacity:0;transform:scale(1)}5%{opacity:.8}60%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1)}}