*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,sans-serif;background:#0d0d1a}body.no-transition,body.no-transition *{transition:none!important}.side-panel{position:absolute;top:0;left:0;bottom:0;width:280px;background:#10101cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);z-index:20;display:flex;flex-direction:column;transition:transform .25s ease,opacity .25s ease;overflow-y:auto;overflow-x:hidden}.side-panel.collapsed{transform:translate(-100%);opacity:0;pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px}.panel-close-btn{width:28px;height:28px;background:#ffffff14;border:none;border-radius:6px;color:#888;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.panel-close-btn:hover{background:#ffffff26;color:#fff}.panel-section{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.layout-buttons{display:flex;gap:6px}.layout-btn{width:36px;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.layout-btn:hover{background:#ffffff1f;color:#ccc}.layout-btn.active{background:#4fc3f726;border-color:#4fc3f766;color:#4fc3f7}.pane-control-group{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.pane-control-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pane-badge{width:20px;height:20px;background:#4fc3f733;border-radius:5px;color:#4fc3f7;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.pane-control-label{font-size:12px;font-weight:600;color:#aaa}.panel-select{width:100%;background:#ffffff0f;color:#ddd;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer;outline:none;margin-bottom:10px;transition:border-color .15s}.panel-select:hover{border-color:#fff3}.panel-select:focus{border-color:#4fc3f780}.panel-select option{background:#1a1a2e;color:#fff}.var-category{margin-bottom:2px}.var-category-header{display:flex;align-items:center;gap:6px;padding:7px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.var-category-arrow{width:16px;height:16px;color:#555;transition:transform .2s;flex-shrink:0}.var-category.open .var-category-arrow{transform:rotate(90deg)}.var-category-name{font-size:12px;font-weight:600;color:#888}.var-category-items{display:none;padding-left:22px}.var-category.open .var-category-items{display:block}.var-item{padding:5px 8px;font-size:12px;color:#aaa;border-radius:6px;cursor:pointer;transition:all .12s;margin-bottom:1px}.var-item:hover{background:#ffffff0f;color:#ddd}.var-item.active{background:#4fc3f726;color:#4fc3f7}.toggle-panel-btn{position:absolute;top:12px;left:12px;width:38px;height:38px;background:#10101cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;transition:all .15s}.toggle-panel-btn:hover{background:#1e1e32e6;color:#fff}.toggle-panel-btn.hidden{display:none}.top-bar{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:10;padding:10px 10px 10px 60px;display:flex;justify-content:flex-end;gap:8px}.top-bar.hidden{display:none}.top-bar-select{pointer-events:auto;background:#10101cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ddd;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;outline:none;transition:border-color .15s}.top-bar-select:hover{border-color:#ffffff4d}.top-bar-select option{background:#1a1a2e;color:#fff}.pane-container{position:absolute;top:0;left:0;right:0;bottom:52px;display:grid;transition:left .25s ease}.pane-container.panel-open{left:280px}.pane-container.layout-single{grid-template-columns:1fr;grid-template-rows:1fr}.pane-container.layout-dual{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1px}.pane-container.layout-quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px}.map-pane{position:relative;overflow:hidden;border:1px solid transparent;transition:border-color .15s}.map-pane.active-pane{border-color:#4fc3f766}.map-pane .mapboxgl-map{width:100%;height:100%}.pane-label{position:absolute;top:8px;right:8px;background:#10101cbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:5px 9px;font-size:11px;color:#aaa;white-space:nowrap;z-index:5;pointer-events:none;display:none}.layout-dual .pane-label,.layout-quad .pane-label{display:block}.pane-time-label{position:absolute;top:8px;left:8px;background:#10101cbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:11px;color:#aaa;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:5;pointer-events:none}.pane-colorbar-card{position:absolute;right:8px;top:40px;bottom:10px;display:flex;flex-direction:column;align-items:center;z-index:5;pointer-events:none}.pane-colorbar{width:22px;flex:1;border-radius:4px;border:1px solid rgba(255,255,255,.2);position:relative}.pane-colorbar-labels{position:absolute;top:0;left:0;right:0;bottom:0}.pane-colorbar-label{position:absolute;left:0;right:0;color:#fff;font-size:10px;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);transform:translateY(-50%);white-space:nowrap;pointer-events:none;line-height:1;letter-spacing:-.3px}.pane-colorbar-unit{color:#bbb;font-size:11px;font-weight:600;margin-top:6px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}#timeline{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10101ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);z-index:20;transition:left .25s ease}#timeline.panel-open{left:280px}.timeline-btn{width:34px;height:34px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.timeline-btn:hover{background:#ffffff26;color:#fff}.timeline-btn:active{background:#fff3}.loop-bar{flex:1;padding:0 4px;transition:opacity .2s}.loop-bar.hidden{display:none}.loop-track{position:relative;height:6px;background:#ffffff14;border-radius:3px;cursor:pointer}.loop-progress{display:none}.loop-thumb{position:absolute;top:50%;width:16px;height:16px;background:#4fc3f7;border-radius:50%;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;box-shadow:0 0 6px #4fc3f780;z-index:10}.loop-thumb:active{cursor:grabbing}.loop-dot{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:background .3s}.loop-dot.loaded{background:#4caf50cc}.loop-dot.pending{background:#ffffff26}.scan-time{color:#ccc;font-size:13px;font-variant-numeric:tabular-nums;min-width:140px;text-align:right;white-space:nowrap}.status-text{color:#555;font-size:11px;white-space:nowrap}.mapboxgl-ctrl-top-left{display:none!important}.side-panel::-webkit-scrollbar{width:4px}.side-panel::-webkit-scrollbar-track{background:transparent}.side-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.side-panel::-webkit-scrollbar-thumb:hover{background:#fff3}