:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark: #070913;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-orange: #f97316;--accent-glow: rgba(59, 130, 246, .4);--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 16px 40px 0 rgba(0, 0, 0, .5);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:var(--font-family);color:var(--text-primary)}#panorama-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}#panorama{width:100%;height:100%}.pnlm-control-bar,.pnlm-zoom-controls,.pnlm-load-box,.pnlm-compass{display:none!important}.hub-overlay,.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1)}.hub-overlay{background-color:var(--bg-dark);overflow:hidden}.loading-overlay{background-color:var(--bg-dark)}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff38}.hub-map-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.hub-map-container.is-dragging{cursor:grabbing}.hub-map-wrapper{position:absolute;top:0;left:0;width:1920px;height:815px;transform-origin:0 0;will-change:transform;touch-action:none}.hub-map-wrapper.animating{transition:transform .35s cubic-bezier(.25,1,.5,1)}.hub-map-img{width:100%;height:100%;display:block;object-fit:fill;filter:brightness(.96) contrast(1.08);image-rendering:auto;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.map-controls{position:absolute;right:28px;bottom:30px;display:flex;align-items:center;gap:4px;padding:6px 10px;z-index:25}.btn-map-ctrl{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.btn-map-ctrl:hover{background:#ffffff26;color:#f97316}.zoom-indicator{font-size:11px;font-weight:800;min-width:44px;text-align:center;color:#f97316;font-variant-numeric:tabular-nums}.map-ctrl-divider{width:1px;height:18px;background:#ffffff26;margin:0 4px}.hub-header{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:30;padding:4px;display:flex;align-items:center;border-radius:14px;overflow:hidden;width:44px;height:44px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 10px 30px #0006}.hub-header:hover{width:auto;max-width:540px;height:52px;padding:5px 16px 5px 5px;border-radius:18px}.hub-brand{display:flex;align-items:center;gap:12px}.hub-logo{width:36px;height:36px;min-width:36px;border-radius:10px;background:linear-gradient(135deg,#f97316,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #f9731666;flex-shrink:0}.hub-header-content{display:flex;align-items:center;gap:16px;opacity:0;visibility:hidden;max-width:0;transition:opacity .3s ease .05s,visibility .3s ease,max-width .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden}.admin-badge-container{display:flex;align-items:center;gap:8px}.btn-admin-status{padding:5px 12px;border-radius:20px;background:#f9731626;border:1px solid rgba(249,115,22,.35);color:#f97316;font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.btn-admin-status:hover{background:#f9731659;color:#fff}.btn-admin-status.admin-active{background:#10b98133;border-color:#10b981;color:#10b981}.btn-logout-header{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444;font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.btn-logout-header:hover{background:#ef444459;color:#fff;box-shadow:0 0 12px #ef444466}.actions-left{display:flex;align-items:center;gap:10px}.btn-gear-orange{background:#f9731633!important;border:1px solid rgba(249,115,22,.5)!important;color:#f97316!important;box-shadow:0 0 12px #f973164d}.btn-gear-orange:hover{background:#f97316!important;color:#fff!important;box-shadow:0 0 18px #f9731699;transform:rotate(45deg)}.btn-gear-orange.is-logged-in{background:#10b98133!important;border-color:#10b981!important;color:#10b981!important;box-shadow:0 0 14px #10b98166}.btn-add-poi-map{position:absolute;left:28px;bottom:30px;padding:8px 16px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:800;cursor:pointer;z-index:25;box-shadow:0 6px 20px #10b98166;transition:var(--transition-smooth)}.btn-add-poi-map:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b98199}.pin-card-admin-actions{display:flex;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.btn-pin-admin{flex:1;padding:5px 0;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-primary);font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.btn-pin-admin:hover{background:#f9731640;border-color:#f97316;color:#f97316}.btn-pin-admin-delete:hover{background:#ef444440;border-color:#ef4444;color:#ef4444}.form-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-group label{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea,.form-group select,.drawer-form input,.drawer-form textarea,.drawer-form select,.scene-item-card input,.sc-title-in,.sc-url-in{width:100%!important;box-sizing:border-box!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:10px 14px!important;color:#f8fafc!important;font-family:var(--font-family)!important;font-size:12px!important;font-weight:500!important;outline:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:inset 0 2px 4px #00000040!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.drawer-form input:focus,.drawer-form textarea:focus,.drawer-form select:focus,.scene-item-card input:focus,.sc-title-in:focus,.sc-url-in:focus{border-color:#f97316!important;background:#ffffff12!important;box-shadow:0 0 0 3px #f9731640,inset 0 2px 4px #0003!important}.modal-overlay,.admin-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#070913cc!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:420px!important;max-width:95vw!important;padding:28px!important;display:flex!important;flex-direction:column!important;gap:20px!important;background:#0f172ae0!important;backdrop-filter:blur(32px) saturate(180%)!important;-webkit-backdrop-filter:blur(32px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:24px!important;box-shadow:0 30px 70px #000000bf,inset 0 1px #fff3!important}.modal-header{display:flex;align-items:flex-start;justify-content:space-between}.modal-title-row{display:flex;align-items:center;gap:12px}.modal-icon-badge{width:42px;height:42px;border-radius:12px;background:#f9731626;border:1px solid rgba(249,115,22,.35);color:#f97316;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #f9731640;flex-shrink:0}.modal-title-row h2{font-size:17px;font-weight:800;color:#f8fafc;line-height:1.2}.modal-subtitle{font-size:11px;color:#94a3b8;font-weight:500}.btn-close-modal{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:28px;height:28px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-modal:hover{background:#ffffff26;color:#fff}.modal-desc{font-size:12px;color:#94a3b8;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:16px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.input-with-icon input{padding-left:40px!important}.login-error-msg{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:11px;font-weight:600}.modal-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin-top:8px!important}.modal-actions button{display:flex;align-items:center;gap:8px;white-space:nowrap!important}.map-picker-banner{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0f172ae6!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(249,115,22,.5)!important;border-radius:16px;box-shadow:0 10px 30px #0009,0 0 20px #f9731640;animation:bannerPulse 2s infinite ease-in-out}@keyframes bannerPulse{0%,to{border-color:#f9731680}50%{border-color:#f97316e6}}.picker-banner-content{display:flex;align-items:center;gap:10px;color:#f8fafc;font-size:13px;font-weight:600}.picker-banner-content svg{color:#f97316;flex-shrink:0}.hub-map-wrapper.picking-mode{cursor:crosshair!important}.input-with-button{display:flex;gap:8px;align-items:center}.input-with-button input{flex:1}.btn-media-browse{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:10px 14px!important}.media-library-card{width:92vw!important;max-width:1140px!important;height:88vh!important;max-height:840px!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:24px 28px!important;background:#0f172af0!important;backdrop-filter:blur(32px) saturate(180%)!important;-webkit-backdrop-filter:blur(32px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:24px!important;box-shadow:0 30px 70px #000000d9!important;overflow:hidden!important}.media-library-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px;flex-shrink:0}.media-header-left{display:flex;align-items:center;gap:12px}.media-library-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;flex-shrink:0}.tab-btn{padding:8px 16px;border-radius:10px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#f9731626;border-color:#f9731659;color:#f97316}.media-tab-panel{flex:1!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;height:100%!important;overflow:hidden!important}.media-search-bar input{width:100%}.media-grid{flex:1!important;height:100%!important;min-height:480px!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important;overflow-y:auto!important;padding:6px 12px 16px 2px!important;align-content:start!important}.media-grid::-webkit-scrollbar{width:6px}.media-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.media-grid::-webkit-scrollbar-thumb{background:#f9731666;border-radius:10px}.media-item-card{position:relative!important;width:100%!important;height:155px!important;border-radius:16px!important;overflow:hidden!important;border:2px solid rgba(255,255,255,.1)!important;background:#070913!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.media-item-card:hover{border-color:#f97316!important;transform:translateY(-3px)!important;box-shadow:0 8px 20px #f9731640!important}.media-item-card.selected{border-color:#f97316!important;box-shadow:0 0 0 3px #f9731666,0 10px 25px #f973164d!important}.media-item-card img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:1!important}.media-item-badge{position:relative!important;z-index:3!important;align-self:flex-start!important;margin:10px!important;padding:4px 9px!important;border-radius:8px!important;background:#070913d9!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#f97316!important;font-size:10px!important;font-weight:800!important;border:1px solid rgba(249,115,22,.35)!important}.media-item-title{position:relative!important;z-index:3!important;width:100%!important;box-sizing:border-box!important;padding:8px 12px!important;background:linear-gradient(0deg,rgba(7,9,19,.95) 0%,rgba(7,9,19,.7) 70%,transparent 100%)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;color:#f8fafc!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.upload-dropzone{flex:1;border:2px dashed rgba(255,255,255,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .25s ease;background:#ffffff05;padding:20px}.upload-dropzone:hover{border-color:#f97316;background:#f973160d;color:#f8fafc}.dropzone-icon{width:54px;height:54px;border-radius:16px;background:#f973161a;border:1px solid rgba(249,115,22,.3);display:flex;align-items:center;justify-content:center}.dropzone-icon svg{color:#f97316}.dropzone-text{text-align:center}.dropzone-text h3{font-size:14px;font-weight:700;color:#f8fafc;margin-bottom:4px}.dropzone-text p{font-size:11px;color:#94a3b8}.webp-optimization-card{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.webp-status-header{display:flex;align-items:center;justify-content:space-between}.webp-badge{font-size:10px;font-weight:800;color:#10b981;text-transform:uppercase;letter-spacing:.5px}.ratio-badge{padding:3px 8px;border-radius:8px;background:#10b981;color:#070913;font-size:11px;font-weight:900}.webp-stats-grid{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0000004d;padding:8px 12px;border-radius:10px}.stat-box{display:flex;flex-direction:column;gap:2px}.stat-box.accent strong{color:#10b981}.stat-label{font-size:9px;color:#94a3b8;font-weight:600;text-transform:uppercase}.stat-box strong{font-size:12px;color:#f8fafc}.stat-arrow{color:#10b981;font-size:12px;font-weight:900}.upload-url-divider{text-align:center;font-size:11px;color:#94a3b8;margin:10px 0}.media-library-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;flex-shrink:0}.media-selected-info{font-size:12px;color:#94a3b8}.media-footer-actions{display:flex;gap:10px}.admin-drawer-content{width:780px!important;max-width:94vw!important;max-height:85vh!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:24px 28px!important;background:#0f172ad9!important;backdrop-filter:blur(32px) saturate(180%)!important;-webkit-backdrop-filter:blur(32px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:24px!important;box-shadow:0 30px 70px #000000b3,inset 0 1px #fff3!important}.btn-primary{padding:10px 22px!important;border-radius:12px!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 16px #f9731659!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #f9731680!important;filter:brightness(1.1)!important}.btn-secondary{padding:10px 18px!important;border-radius:12px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.btn-secondary:hover{background:#ffffff1f!important;color:#fff!important;border-color:#ffffff40!important}.btn-danger{padding:10px 18px!important;border-radius:12px!important;background:#ef444426!important;border:1px solid rgba(239,68,68,.35)!important;color:#f87171!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;white-space:nowrap!important}.btn-danger:hover{background:#ef44444d!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 4px 16px #ef444466!important}.scene-item-card{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important}.btn-remove-scene{background:#ef444426!important;border:1px solid rgba(239,68,68,.3)!important;color:#f87171!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;cursor:pointer!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.btn-remove-scene:hover{background:#ef4444!important;color:#fff!important}.drawer-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding-bottom:14px!important;margin-bottom:16px!important;flex-shrink:0!important}.drawer-title-row{display:flex;align-items:center;gap:10px}.drawer-badge{font-size:10px;font-weight:800;padding:4px 10px;border-radius:10px;background:#f9731633;color:#f97316;border:1px solid rgba(249,115,22,.3)}.drawer-header h2{font-size:16px;font-weight:800}.drawer-form{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.drawer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px!important;padding-bottom:10px!important}.drawer-grid::-webkit-scrollbar{width:6px}.drawer-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.drawer-grid::-webkit-scrollbar-thumb{background:#f9731666;border-radius:10px}.drawer-grid::-webkit-scrollbar-thumb:hover{background:#f97316}.drawer-col{display:flex;flex-direction:column;gap:12px}.drawer-scenes-box{background:#0003;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.08);margin-top:8px}.drawer-scenes-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.drawer-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;width:100%!important;flex-shrink:0!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-top:16px!important;margin-top:12px!important}.actions-left,.actions-right{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;flex-shrink:0!important}.hub-header-text h2{font-size:14px;font-weight:900;letter-spacing:.5px;line-height:1.2}.hub-header-text span{font-size:10px;color:var(--text-secondary);font-weight:500}.hub-status-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:600}.dot-online{width:7px;height:7px;border-radius:50%;background-color:#10b981;box-shadow:0 0 8px #10b981}.poi-editor-panel{position:absolute;top:24px;left:24px;width:230px;padding:14px;z-index:35;display:flex;flex-direction:column;gap:10px}.poi-editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.poi-editor-title{font-size:12px;font-weight:800;color:#f97316}.btn-close-editor{background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px}.btn-close-editor:hover{color:#fff;background:#ffffff1a}.poi-editor-select{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--text-secondary)}.poi-dropdown{background:#0f172acc;border:1px solid var(--glass-border);border-radius:8px;color:#fff;padding:6px;font-size:11px;font-family:inherit;outline:none}.poi-wheel-container{position:relative;width:100px;height:100px;margin:6px auto;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 15px #0006}.wheel-center{width:32px;height:32px;border-radius:50%;background:#f9731633;border:1px solid #f97316;display:flex;align-items:center;justify-content:center;color:#f97316;box-shadow:0 0 10px #f9731666}.wheel-btn{position:absolute;width:26px;height:26px;border-radius:50%;background:#0f172ae6;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.wheel-btn:hover{background:#f97316;border-color:#f97316;transform:scale(1.15);box-shadow:0 0 12px #f9731699}.wheel-btn:active{transform:scale(.95)}.wheel-up{top:4px;left:50%;transform:translate(-50%)}.wheel-down{bottom:4px;left:50%;transform:translate(-50%)}.wheel-left{left:4px;top:50%;transform:translateY(-50%)}.wheel-right{right:4px;top:50%;transform:translateY(-50%)}.wheel-up:hover,.wheel-down:hover{transform:translate(-50%) scale(1.15)}.wheel-left:hover,.wheel-right:hover{transform:translateY(-50%) scale(1.15)}.poi-step-selector{display:flex;align-items:center;justify-content:space-between;gap:4px}.step-label{font-size:10px;color:var(--text-secondary)}.btn-step{flex:1;padding:4px 0;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.btn-step.active,.btn-step:hover{background:#f9731633;border-color:#f97316;color:#f97316}.poi-coords-display{display:flex;gap:6px}.coord-box{flex:1;background:#00000040;border-radius:6px;padding:5px;text-align:center;font-size:10px;color:var(--text-secondary)}.coord-box strong{color:#10b981;font-variant-numeric:tabular-nums}.btn-copy-coords{width:100%;padding:6px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.btn-copy-coords:hover{filter:brightness(1.1);box-shadow:0 4px 12px #f9731666}.map-pin{position:absolute;transform:translate(-50%,-50%);z-index:20;cursor:pointer}.map-pin.is-editing .pin-dot{outline:2px solid #3b82f6;box-shadow:0 0 14px #3b82f6}.pin-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #f9731680;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.map-pin:hover .pin-dot{transform:scale(1.2)}.pin-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:1.5px solid #f97316;opacity:.8;animation:pin-ripple 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}@keyframes pin-ripple{0%{width:22px;height:22px;opacity:1}to{width:45px;height:45px;opacity:0}}.map-pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:z-index 0s linear}.map-pin:hover,.map-pin.is-card-hovered{z-index:9999!important}.pin-card{position:absolute;bottom:34px;left:50%;transform:translate(-50%) translateY(10px);width:260px;padding:16px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:10000!important;text-align:left}.map-pin:hover .pin-card,.map-pin.is-card-hovered .pin-card{opacity:1!important;visibility:visible!important;transform:translate(-50%) translateY(0)!important;pointer-events:auto!important}.map-pin.card-edge-top .pin-card{bottom:auto!important;top:34px!important;transform:translate(-50%) translateY(-10px)!important}.map-pin.card-edge-top:hover .pin-card,.map-pin.card-edge-top.is-card-hovered .pin-card{transform:translate(-50%) translateY(0)!important}.map-pin.card-edge-left .pin-card{left:0!important;transform:translate(0) translateY(10px)!important}.map-pin.card-edge-left:hover .pin-card,.map-pin.card-edge-left.is-card-hovered .pin-card{transform:translate(0) translateY(0)!important}.map-pin.card-edge-right .pin-card{left:auto!important;right:0!important;transform:translate(0) translateY(10px)!important}.map-pin.card-edge-right:hover .pin-card,.map-pin.card-edge-right.is-card-hovered .pin-card{transform:translate(0) translateY(0)!important}.map-pin.card-edge-top.card-edge-left .pin-card{left:0!important;top:34px!important;bottom:auto!important;transform:translate(0) translateY(-10px)!important}.map-pin.card-edge-top.card-edge-left:hover .pin-card,.map-pin.card-edge-top.card-edge-left.is-card-hovered .pin-card{transform:translate(0) translateY(0)!important}.map-pin.card-edge-top.card-edge-right .pin-card{left:auto!important;right:0!important;top:34px!important;bottom:auto!important;transform:translate(0) translateY(-10px)!important}.map-pin.card-edge-top.card-edge-right:hover .pin-card,.map-pin.card-edge-top.card-edge-right.is-card-hovered .pin-card{transform:translate(0) translateY(0)!important}.scene-pagination-bar{display:flex;align-items:center;gap:8px;transition:all .3s ease}.scene-pagination-bar.hidden{display:none!important}.btn-scene-nav{width:26px;height:26px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.btn-scene-nav:hover{background:#f97316;border-color:#f97316;color:#fff}.scene-pills-container{display:flex;align-items:center;gap:4px}.scene-pill{padding:4px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.scene-pill:hover{background:#f9731633;color:#f97316;border-color:#f9731666}.scene-pill.active{background:#f97316!important;color:#fff!important;border-color:#f97316!important;box-shadow:0 0 10px #f9731666}.pin-card-header{margin-bottom:6px}.badge-live{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:20px;background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.pin-card h3{font-size:15px;font-weight:800;margin-bottom:2px}.pin-card p{font-size:11px;color:var(--text-secondary);margin-bottom:12px}.btn-pin-action{width:100%;padding:8px 12px;border-radius:10px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px #f973164d}.hub-footer-card{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:18px 28px;display:flex;align-items:center;gap:28px;z-index:10;max-width:600px;width:calc(100% - 48px)}.hub-info-text{text-align:left;flex:1}.hub-info-text h3{font-size:15px;font-weight:800;margin-bottom:2px}.hub-info-text p{font-size:12px;color:var(--text-secondary)}.btn-primary{padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,#f97316,#ec4899);border:none;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 24px #f9731666;transition:var(--transition-smooth);white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #f9731680}.loader-content{text-align:center;display:flex;flex-col:column;align-items:center;gap:16px}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#f97316;border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hud-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;transition:opacity .5s ease}.hud-hidden{opacity:0}.brand-card{position:absolute;top:24px;left:24px;padding:10px 16px;display:flex;align-items:center;gap:12px;pointer-events:auto}.brand-logo-container{width:32px;height:32px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#f97316}.brand-title{font-size:14px;font-weight:800}.brand-desc{font-size:10px;color:var(--text-secondary)}.controls-card{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:8px 14px;display:flex;align-items:center;gap:8px;pointer-events:auto;width:max-content;max-width:92vw;box-sizing:border-box;z-index:60;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-control{width:38px;height:38px;border-radius:10px;background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.btn-control:hover{background:#ffffff1f;color:#f97316}.btn-hub{width:auto;padding:0 12px;gap:6px;background:#f9731626;border:1px solid rgba(249,115,22,.3);color:#f97316;font-size:12px;font-weight:700}.btn-hub:hover{background:#f973164d;color:#fff}.divider{width:1px;height:20px;background:#ffffff1a;margin:0 2px}@media (max-width: 768px){.brand-logo h1{font-size:16px}.hub-header-actions{gap:6px}.btn-header-admin,.btn-header-login,.btn-header-logout{padding:6px 10px;font-size:11px}.btn-header-admin svg,.btn-header-login svg,.btn-header-logout svg{width:14px;height:14px}.map-wrapper{touch-action:none}.map-pin{touch-action:manipulation}.pin-dot{width:24px;height:24px}.pin-dot svg{width:14px;height:14px}.pin-card{width:86vw!important;max-width:300px!important;padding:12px 14px!important}.pin-card h3{font-size:14px}.pin-card p{font-size:10px;margin-bottom:8px}.hub-footer-card{bottom:16px;padding:12px 16px;flex-direction:column;align-items:stretch;gap:10px;width:calc(100% - 24px)}.hub-info-text h3{font-size:13px}.hub-info-text p{font-size:11px}.brand-card{top:14px;left:14px;padding:6px 12px;max-width:calc(100vw - 28px);box-sizing:border-box}.brand-logo-container{width:28px;height:28px}.brand-title{font-size:12px}.brand-desc{font-size:9px}.controls-card{bottom:16px!important;padding:6px 10px!important;gap:4px!important;width:95vw!important;max-width:95vw!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:18px!important;justify-content:space-between!important}.controls-card::-webkit-scrollbar{display:none}.btn-control{width:34px!important;height:34px!important;flex-shrink:0}.btn-control svg{width:16px;height:16px}.btn-hub{padding:0 8px!important;font-size:11px!important;height:34px!important}.scene-pagination-bar{gap:4px!important}.btn-scene-nav{width:24px!important;height:24px!important}.scene-pill{padding:3px 7px!important;font-size:9px!important;border-radius:8px!important}.media-library-card{width:96vw!important;height:92vh!important;max-height:92vh!important;padding:16px!important;border-radius:18px!important}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important}.media-item-card{height:120px!important;border-radius:12px!important}.admin-drawer-content{width:96vw!important;max-width:96vw!important;height:92vh!important;max-height:92vh!important;padding:16px!important;border-radius:18px!important}.drawer-grid{grid-template-columns:1fr!important;gap:14px!important}.modal-card{width:94vw!important;padding:20px!important;border-radius:18px!important}}@media (max-width: 480px){.controls-card{bottom:12px!important;padding:4px 8px!important}.btn-control{width:32px!important;height:32px!important}.btn-hub span{display:none}.btn-hub{width:32px!important;height:32px!important;padding:0!important;justify-content:center}}