.surface-toolbar-3d{justify-content:space-between;align-items:center;flex-wrap:wrap}.surface-modes,.view-modes{display:flex;gap:8px;flex-wrap:wrap}.view-modes{padding-left:8px;border-left:1px solid var(--line)}.view-mode-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800;color:#475467}.view-mode-btn.active{background:#2457d6;border-color:#2457d6;color:#fff}.demo-data-note{border:1px solid #c9d7f2;background:#f3f7ff;border-radius:9px;padding:11px 13px;display:flex;align-items:flex-start;gap:10px;color:#344054}.demo-data-note>i{color:#2457d6;margin-top:1px}.demo-data-note strong,.demo-data-note span{display:block}.demo-data-note strong{font-size:10px}.demo-data-note span{font-size:9px;color:#667085;margin-top:2px}.analysis-layout-3d{grid-template-columns:minmax(0,1.72fr) minmax(315px,.58fr)}.cesium-panel{min-width:0;position:relative}.cesium-panel-head{height:62px;padding:10px 14px 9px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff}.cesium-panel-head h3{margin:1px 0 1px;font-size:13px;font-weight:900}.cesium-panel-head p{margin:0;color:#667085;font-size:9px}.scene-actions{display:flex;align-items:center;gap:7px}.scene-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #d5e7dd;background:#f1faf5;color:#14734b;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800}.live-dot{width:6px;height:6px;background:#16a66a;border-radius:50%;box-shadow:0 0 0 3px rgba(22,166,106,.12)}.scene-btn{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#344054}.cesium-stage{height:548px;background:#0d1724}.cesium-panel .cesium-viewer-bottom,.compare-panel .cesium-viewer-bottom{font-size:8px}.cesium-panel .cesium-widget-credits,.compare-panel .cesium-widget-credits{font-size:8px!important}.scene-help{position:absolute;left:15px;bottom:14px;z-index:8;background:rgba(17,24,39,.88);color:#e5e7eb;padding:7px 9px;border-radius:6px;font-size:8px;pointer-events:none}.scene-help i{margin-right:5px}.cesium-legend{position:absolute;right:15px;bottom:14px;z-index:8;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);padding:7px 9px;border-radius:6px;font-size:8px;display:flex;gap:10px}.cesium-legend span{display:flex;align-items:center;gap:4px}.cesium-legend i{width:9px;height:9px;border-radius:2px}.cesium-legend .cut{background:#2457d6}.cesium-legend .fill{background:#f59e0b}.cesium-legend .violation{background:#d92d20}.picked-point-box{margin:15px 16px 0;padding:11px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.picked-point-box>span{font-size:9px;color:#475467;font-weight:800;display:block;margin-bottom:7px}.picked-point-box>span i{color:#2457d6;margin-right:4px}.picked-point-box>div{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-top:1px dashed #e3e7ee}.picked-point-box small{font-size:8px;color:#98a2b3}.picked-point-box strong{font-size:9px;color:#344054}.compare-panel{margin-top:0}.compare-head{min-height:70px}.compare-summary{display:flex;gap:18px}.compare-summary span{display:block;text-align:right}.compare-summary small,.compare-summary strong{display:block}.compare-summary small{font-size:8px;color:#98a2b3}.compare-summary strong{font-size:11px;margin-top:2px}.compare-stage{height:600px;position:relative;overflow:hidden;background:#0d1724;user-select:none}.compare-cesium{position:absolute;inset:0}.compare-after{z-index:1}.compare-before-clip{position:absolute;left:0;top:0;bottom:0;width:50%;z-index:2;overflow:hidden;border-right:1px solid rgba(255,255,255,.45)}.compare-before{left:0;top:0;height:100%;width:100%;min-width:100%}.compare-divider{position:absolute;z-index:10;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);cursor:ew-resize;transform:translateX(-1px);outline:0}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;color:#172033;box-shadow:0 4px 18px rgba(0,0,0,.28);display:grid;grid-template-columns:1fr 1fr;place-items:center;font-size:12px;padding:0 4px}.compare-label{position:absolute;z-index:9;top:14px;background:rgba(17,24,39,.9);color:#fff;border-radius:7px;padding:8px 10px;pointer-events:none}.compare-label b,.compare-label span{display:block}.compare-label b{font-size:10px}.compare-label span{font-size:7px;color:#d1d5db;letter-spacing:.5px;margin-top:1px}.before-label{left:14px}.after-label{right:14px}.compare-footer{min-height:54px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.compare-footer>div:first-child{display:flex;gap:7px;align-items:center;color:#667085;font-size:9px}.compare-stats{display:flex;gap:14px;font-size:9px;color:#667085}.compare-stats b{color:#344054}.compare-stats .danger,.compare-stats .danger b{color:#b42318}.cesium-viewer-toolbar{top:8px!important;right:8px!important}.cesium-button{background:rgba(17,24,39,.86)!important}.cesium-viewer .cesium-viewer-animationContainer,.cesium-viewer .cesium-viewer-timelineContainer{display:none!important}
@media(max-width:1200px){.analysis-layout-3d{grid-template-columns:1fr}.compare-stage{height:520px}}@media(max-width:800px){.surface-toolbar-3d{align-items:flex-start}.view-modes{border-left:0;padding-left:0}.cesium-stage,.compare-stage{height:440px}.compare-summary{display:none}.compare-footer{align-items:flex-start;flex-direction:column}.compare-stats{flex-wrap:wrap}}
.scene-btn-wide{width:auto;min-width:114px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:800}.scene-btn-wide span{white-space:nowrap}.scene-target-chip{position:absolute;left:15px;top:76px;z-index:8;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.75);box-shadow:0 3px 12px rgba(16,24,40,.14);color:#344054;padding:7px 10px;border-radius:7px;font-size:8px;display:flex;align-items:center;gap:6px;pointer-events:none}.scene-target-chip i{color:#d92d20}.compare-head-actions{display:flex;align-items:center;gap:16px}.compare-head-actions .scene-btn{height:31px}.compare-head-actions .compare-summary{display:flex}.cesium-stage canvas,.compare-stage canvas{outline:none}.cesium-stage{position:relative}.compare-stage{isolation:isolate}
@media(max-width:900px){.scene-btn-wide span{display:none}.scene-btn-wide{min-width:32px;width:32px;padding:0}.compare-head-actions{gap:8px}}