@charset "UTF-8";body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f7f7;color:#222}html,body{overflow:hidden}#main-content{display:flex;flex-direction:row;min-height:90vh}#cloud-view{flex:3;background:#fff;min-height:600px;border-right:1px solid #eee;display:flex;align-items:center;justify-content:center}#control-panel{box-sizing:border-box;flex:1;background:#fafafa;min-width:320px;padding:2rem 1.5rem;max-height:100vh;overflow-y:auto;border-left:1px solid #eee}#legend{position:absolute;left:0;bottom:0;min-width:200px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:1rem;font-size:.95rem}#global-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:all}.overlay-backdrop{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#ffffffb3}.overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.overlay-spinner{width:64px;height:64px;border:8px solid #eee;border-top:8px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.overlay-message{font-size:1.2em;color:#1976d2;font-weight:700;text-align:center}#cloudview-container{display:flex;flex-direction:row;width:100vw;height:100vh;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}#control-panel{width:320px;min-width:260px;max-width:400px;transition:width .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);overflow:hidden}#control-panel.minimized{width:0!important;min-width:0!important;max-width:0!important;opacity:0;pointer-events:none}#cloud-canvas{flex:1 1 0%;width:100%;height:100%;display:block;background:#f0f4fa;border-radius:8px;box-shadow:0 2px 8px #00000008;transition:all .35s cubic-bezier(.4,0,.2,1)}@media(max-width:900px){#control-panel{width:200px;min-width:120px;max-width:220px}}@media(max-width:600px){#cloudview-container{flex-direction:column;width:100vw;height:100vh}#control-panel{width:100vw;min-width:0;max-width:100vw;position:absolute;top:0;left:0;z-index:10}#control-panel.minimized{width:0!important;min-width:0!important;max-width:0!important;opacity:0;pointer-events:none}#cloud-canvas{width:100vw;height:100vh;border-radius:0}}.cloudview-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cloudview-modal .modal-content{background:#fff;padding:20px;border-radius:8px;max-height:80%;overflow:auto}#selection-rect{position:absolute;border:1px dashed #2196f3;background:#2196f333;display:none;pointer-events:none}.selection-btns{display:flex;gap:4px;margin-left:8px;min-width:200px}#selection-list{list-style:none;padding:0;margin:0}#selection-list li{display:flex;align-items:center;gap:8px;margin-bottom:6px;justify-content:space-between;flex-direction:row}#selection-list li:hover{background-color:#e7dfff}#selection-list a{color:#222;text-decoration:dashed;word-break:auto-phrase;font-size:1.2rem;padding:.1em}#selection-list a:hover{background-color:#d3e9ff}#selection-list .deselect-btn,#selection-list .similar-btn{font-size:.95em;padding:2px 8px;border-radius:4px;border:1px solid #bbb;background:#f5f5f5;cursor:pointer;transition:background .2s}#selection-list .deselect-btn:hover{background:#ffeaea;border-color:#e53935;color:#e53935}#selection-list .similar-btn:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2}#control-panel.basic-mode .only-advanced,#control-panel.advanced-mode .only-basic{display:none!important}.tab-buttons{margin-bottom:10px}.tab-btn{padding:6px 18px;border:1px solid #1976d2;background:#fafafa;color:#1976d2;border-radius:4px 4px 0 0;cursor:pointer;font-weight:600;outline:none}.tab-btn.active{background:#1976d2;color:#fff}#control-panel{position:relative;transition:width .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);z-index:10;overflow-y:auto;max-height:100vh}#control-panel .control-section{margin-bottom:2rem}#control-panel .control-section h2{font-size:1.1rem;margin-bottom:1rem;color:#333;font-weight:600}#control-panel .control-section label,#control-panel .control-section select,#control-panel .control-section input{display:block;margin-bottom:.7rem}#control-panel #refresh-section{display:flex;align-items:center;margin-bottom:1rem}#control-panel #refresh-section button#refresh-btn{padding:.5rem 1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}#control-panel #refresh-section button#refresh-btn:disabled{background-color:#ccc;cursor:not-allowed}#control-panel #refresh-section span#refresh-spinner{margin-left:.5rem;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#control-panel .help-text{font-size:.9rem;color:#555;margin-top:.2rem}#control-panel select:focus,#control-panel input:focus,#control-panel button:focus{outline:2px solid #1976d2;outline-offset:2px}#control-panel #visualization-section .help-text{line-height:1.4}#control-panel.minimized{width:0!important;min-width:0!important;max-width:0!important;opacity:0;pointer-events:none;transition:width .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}#control-panel-options-btn{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;background:#1976d2;color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:1.1rem;font-weight:600;box-shadow:0 2px 12px #0000002e;cursor:pointer;opacity:.98;transition:background .2s,box-shadow .2s,opacity .2s;pointer-events:auto;outline:none}#control-panel-options-btn:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 3px #1976d2}#lock-interactions-btn{position:fixed;top:1.5rem;left:50%;right:auto;transform:translate(-50%);z-index:9999;background:#1976d2;color:#fff;border:none;border-radius:999px;width:2.4rem;height:2.4rem;padding:0;font-size:1.3rem;font-weight:600;box-shadow:0 2px 12px #0000002e;cursor:pointer;opacity:.98;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s,opacity .2s,transform .1s;pointer-events:auto}#lock-interactions-btn.unlocked{background:#1976d2}#lock-interactions-btn.locked{background:#424242}#lock-interactions-btn:hover{opacity:1;box-shadow:0 3px 16px #00000038}#lock-interactions-btn:active{transform:translate(-50%) scale(.96)}#lock-interactions-btn:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 3px #1976d2}.global-overlay,#global-overlay{z-index:9000!important}@media(max-width:600px){#control-panel-options-btn{top:.5rem;right:3.3rem;left:auto;padding:.5rem 1rem;font-size:.95rem}#lock-interactions-btn{top:.5rem;left:50%;right:auto;transform:translate(-50%);width:2.1rem;height:2.1rem;font-size:1.1rem}}#control-panel-options-btn:focus{outline:2px solid #fff;outline-offset:2px}@media(max-width:600px){#control-panel-options-btn{top:.5rem;left:.5rem;padding:.5rem 1rem;font-size:.95rem}#control-panel{max-width:90vw;max-height:100vh}}.config-manager{margin-top:1.5rem;padding:1rem;background:#f8f8fc;border-radius:6px;box-shadow:0 1px 4px #00000008}.config-manager h4{margin-bottom:.7rem;font-size:1rem;color:#555}.config-manager .config-list{margin-bottom:1rem}.config-manager .config-item{padding:.5rem .7rem;border-radius:4px;background:#eaeaea;margin-bottom:.5rem;font-size:.97rem;display:flex;align-items:center;justify-content:space-between}.config-manager .config-actions{display:flex;gap:.5rem}#legend{max-height:100vh;overflow-y:auto;box-sizing:border-box}#legend .legend-section{max-height:100%;max-width:500px;line-height:1.5rem}#legend .legend-section.resizable{overflow:auto;border:1px solid #ccc}#legend .legend-section .legend-header{display:flex;justify-content:space-between;align-items:center}#legend .legend-section .legend-content{overflow-y:auto}#legend .legend-section .legend-content li{margin-bottom:.4rem;font-size:.95rem;display:flex;flex-direction:column}#legend .legend-section .legend-content li .legend-item-header{display:flex;align-items:center;width:100%;justify-content:space-between}#legend .legend-section .legend-content li .legend-item-header .cluster-name{width:300px;cursor:pointer;transition:background .15s,color .15s,text-decoration .15s}#legend .legend-section .legend-content li .legend-item-header .cluster-name:hover{background:#e6f0ff;color:#1a4d8f;text-decoration:underline}#legend .legend-section .legend-content li .legend-item-header .legend-item-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:8px}#legend .legend-section .legend-content li .payload-list{width:100%;background-color:#f6f1f1}#legend .legend-section .legend-content li .payload-list ul{padding:.5em;margin:0;width:100%}#legend .legend-section .legend-content li .payload-list ul li{list-style-type:disc;max-width:90%;font-weight:500}#legend .legend-section h3{font-size:1rem;margin-bottom:.7rem;color:#444;font-weight:600}#legend .legend-section ul{padding:0;margin:0}#legend .legend-section li{margin-bottom:.4rem;font-size:.95rem}#legend .legend-colorpicker-popup{position:fixed;background:#fff;border:1px solid #aaa;border-radius:8px;box-shadow:0 2px 8px #0000002e;padding:10px 12px 8px;z-index:3000;min-width:170px;font-size:13px;color:#222}#legend .legend-colorpicker-popup label{display:block;margin-bottom:4px}#legend .legend-colorpicker-popup input[type=color]{margin-left:4px;vertical-align:middle}#legend .legend-colorpicker-popup input[type=range]{vertical-align:middle;width:80px}#legend .legend-colorpicker-popup .close-colorpicker{margin-top:2px;font-size:12px;background:#eee;border:1px solid #bbb;border-radius:4px;padding:2px 10px;cursor:pointer}.palette-editor{margin-top:1.5rem;padding:1rem;background:#f5f5fa;border-radius:6px;box-shadow:0 1px 4px #00000008}.palette-editor h4{margin-bottom:.7rem;font-size:1rem;color:#555}.palette-editor .color-list{display:flex;gap:.5rem;margin-bottom:1rem}.palette-editor .color-item{width:28px;height:28px;border-radius:50%;border:2px solid #ccc;cursor:pointer;transition:border .2s}.palette-editor .color-item:hover{border:2px solid #222}