.to-hide-prod{display:none}.foot-viewer-wrapper{width:100%;height:90vh;min-height:500px;max-height:1200px;position:relative}.foot-viewer-wrapper *,.foot-viewer-wrapper *::before,.foot-viewer-wrapper *::after{box-sizing:border-box}.foot-viewer-wrapper .app{display:flex;height:90vh;min-height:500px;max-height:1200px;overflow:hidden;background:#f5f5f5;min-width:0;align-items:stretch;font-family:"Source Sans Pro",sans-serif;}.foot-viewer-wrapper .left{width:380px;flex:0 0 380px;padding:24px 20px;background:#fff;box-shadow:2px 0 10px rgb(0 0 0 / .05);overflow:auto;display:flex;flex-direction:column}.foot-viewer-wrapper .left h2{color:#bd9c5f;margin:0 0 16px;font-size:20px;font-weight:500;letter-spacing:.3px}.foot-viewer-wrapper .list{list-style:none;padding:0;margin:0 0 auto;flex:1;overflow-y:auto}.foot-viewer-wrapper .list li{padding:4px 0;border-radius:4px;color:#666;cursor:pointer;margin:2px 0;user-select:none;transition:all 0.2s;font-size:14px;line-height:1.4}.foot-viewer-wrapper .controls{margin-top:12px;font-size:12px;color:#999;padding-top:12px;border-top:1px solid #f0f0f0}.foot-viewer-wrapper .camera-info{margin-top:12px;padding:10px 12px;background:#f9f9f9;border-radius:6px;font-size:10px;font-family:"Source Sans Pro",sans-serif;;color:#555;line-height:1.6;border:1px solid #eee}.foot-viewer-wrapper .camera-info strong{color:#bd9c5f;display:block;margin-bottom:4px;font-size:11px}.foot-viewer-wrapper .camera-info .coord{color:#333;font-size:10px}.foot-viewer-wrapper .camera-info .copy-btn{margin-top:6px;padding:4px 8px;background:#bd9c5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:10px;width:100%}.foot-viewer-wrapper .camera-info .copy-btn:hover{background:#9a7632}.foot-viewer-wrapper .right{flex:1;position:relative;display:flex;align-items:stretch;min-width:0;overflow:hidden}.foot-viewer-wrapper #viewer{flex:1;position:relative;overflow:hidden;min-width:0;background:#f8f8f8}.foot-viewer-wrapper .overlay{pointer-events:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:10}.foot-viewer-wrapper .marker{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;touch-action:none;transition:transform 0.2s;border-radius:100%}.foot-viewer-wrapper .marker:hover{transform:translate(-50%,-50%) scale(1.15)}.foot-viewer-wrapper .marker .x{width:22px;height:22px;display:block;position:relative;pointer-events:none;transform:rotate(0deg);transition:none}.foot-viewer-wrapper .marker:hover .x{transform:rotate(360deg);transition:transform 0.6s cubic-bezier(.4,.2,.2,1)}.foot-viewer-wrapper .marker .x::before,.foot-viewer-wrapper .marker .x::after{content:"";position:absolute;left:50%;top:50%;transform-origin:center;width:3px;height:18px;background:#FFF;border-radius:10px;box-shadow:0 0 4px rgb(0 0 0 / .3)}.foot-viewer-wrapper .marker .x::before{transform:translate(-50%,-50%) rotate(0deg)}.foot-viewer-wrapper .marker .x::after{transform:translate(-50%,-50%) rotate(90deg)}.foot-viewer-wrapper .marker.hidden{display:none}.foot-viewer-wrapper .marker.active{transform:translate(-50%,-50%) scale(1.2);z-index:25}.foot-viewer-wrapper .marker.active .x::before,.foot-viewer-wrapper .marker.active .x::after{background:#fff;width:3px;height:22px;box-shadow:0 0 8px rgb(255 255 255 / .6)}.foot-viewer-wrapper .tooltip{position:absolute;min-width:240px;max-width:320px;background:#fff;box-shadow:0 10px 40px rgb(0 0 0 / .15);padding:18px 20px;pointer-events:auto;z-index:40;display:none;border:none}.foot-viewer-wrapper .tooltip h4{margin:0 0 10px;color:#b8893a;font-size:16px;font-weight:600;letter-spacing:.3px;font-family:"Source Sans Pro",sans-serif}.foot-viewer-wrapper .tooltip p{margin:0 0 12px;color:#8c8279;font-size:13px;line-height:1.6;font-family:"Source Sans Pro",sans-serif}.foot-viewer-wrapper .tooltip .cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 5px 6px 12px;border-radius:40px;background:#bd9c5f;color:#fff;font-size:13px;text-decoration:none;transition:all 0.3s;font-weight:500;font-family:"Source Sans Pro",sans-serif}.foot-viewer-wrapper .instructions{position:absolute;left:50%;top:20px;transform:translateX(-50%);background:rgb(255 255 255 / .95);padding:12px 24px;border-radius:25px;font-size:13px;color:#8c8279;z-index:30;box-shadow:0 4px 15px rgb(0 0 0 / .08);display:flex;align-items:center;gap:8px;font-family:"Source Sans Pro",sans-serif}.foot-viewer-wrapper .instructions::before{font-size:16px}.foot-viewer-wrapper .zoom-overlay{position:absolute;right:20px;top:20px;display:flex;gap:8px;z-index:30;flex-direction:column}.foot-viewer-wrapper .zoom-overlay button{border:none;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .1);cursor:pointer;font-size:20px;color:#8c8279;line-height:20px;transition:all 0.2s;padding:11px 15px 11px 15px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:"Source Sans Pro",sans-serif}.marker.active{padding:20px}#resetZoomBtn{padding:9px 16px 14px 13px}.foot-viewer-wrapper .zoom-overlay button:hover{background:#bd9c5f;color:#fff;transform:scale(1.1)}.foot-viewer-wrapper .loader-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .55);display:flex;align-items:center;justify-content:center;z-index:80;color:#fff;flex-direction:column;font-family:"Source Sans Pro",sans-serif}.foot-viewer-wrapper .loader-box{width:420px;max-width:92%;background:rgb(255 255 255 / .04);padding:18px;border-radius:10px;text-align:center;backdrop-filter:blur(3px)}.foot-viewer-wrapper .progress-bar{height:10px;background:rgb(255 255 255 / .12);border-radius:6px;overflow:hidden;margin:8px 0}.foot-viewer-wrapper .progress-bar .fill{height:100%;background:#bd9c5f;width:0%}.foot-viewer-wrapper .footer-note{margin-top:12px;font-size:11px;color:#bbb;line-height:1.5;padding-top:12px;border-top:1px solid #f0f0f0;font-family:"Source Sans Pro",sans-serif}.tt-arrow-icon{background-color:#fff;border-radius:50%!important;width:26px}.marker.active{background:rgb(255 255 255 / .5);border-radius:50%}@media (max-width:900px){.foot-viewer-wrapper{height:auto;min-height:auto}.foot-viewer-wrapper #viewer{height:480px;min-height:450px}.foot-viewer-wrapper .app{flex-direction:column}.foot-viewer-wrapper .left{width:100%;flex:0 0 auto;padding:14px;order:2;max-height:40vh}.foot-viewer-wrapper .list{font-size:15px;margin-bottom:60px}.foot-viewer-wrapper .right{order:1;height:450px;min-height:450px}.foot-viewer-wrapper .instructions{left:12px;top:12px;transform:none;padding:10px 14px;font-size:12px;display:none}.foot-viewer-wrapper .zoom-overlay{right:12px;bottom:12px}.foot-viewer-wrapper .tooltip{max-width:200px;left:12px!important;right:12px!important}.foot-viewer-wrapper .marker{width:15px;height:15px;padding:12px!important}.foot-viewer-wrapper .marker .x{width:15px;height:15px}.foot-viewer-wrapper .marker .x::before,.foot-viewer-wrapper .marker .x::after{height:15px}}@media (max-width:480px){.foot-viewer-wrapper .left{padding:10px;max-height:450px}.foot-viewer-wrapper .instructions{font-size:12px;padding:8px 12px}.foot-viewer-wrapper .zoom-overlay button{width:36px;height:36px;font-size:16px}}