html,body{width:100%;height:100%;margin:0;padding:0}:root{--color-text:#fff;--color-text-dark:#000;--color-text-secondary:#ccc;--color-panel-background:#000;--color-panel-background-light:#fff;--color-overlay:#0006;--color-axis:#ccc;--color-grid:#444;--color-label:#fff;--color-node-new:#ffe8a1;--color-node-wip:#fcb08c;--color-node-done:#a8e5b8;--color-spinner-border:#ccc;--color-spinner-border-top:#1c0f3b;--color-info-icon:#fff;--color-bins:#4caf50;--color-line-axis:#1c0f3b;--color-box-selected:#0afd3e;--color-box-default:#fff;--color-box-background:#f003;--color-bin-selected:#8400ff;--color-bin-default:lightgray;--color-bin-border:black;--color-tooltip-bg:#000c;--color-tooltip-text:#fff;--color-hamburger-bg:#1c0f3b;--color-hamburger-bg-hover:#3a3a3a;--color-hamburger-bar:#ccc;--color-bg-primary:#1c0f3b;--color-minimap-bg:#270644;--color-side-panel-bg:#1c0f3b;--color-border:#ddd;--color-shadow:#0003;--color-bg-overlay:#0000004d;--color-bg-button-default:#a3a2a2;--color-bg-button-hover:#a5d6a7;--color-bg-button-active:#28a745;--color-bg-button-disabled:#d6d6d6;--color-bg-button-ready:#c8e6c9;--color-text-button-default:#fff;--color-text-button-ready:#2e7d32;--color-text-button-hover:#1b5e20;--color-text-button-active:#fff;--color-text-button-disabled:#a1a1a1;--horizontal-axis-height:30px;--main-canvas-axis-size:60px;--min-bin-width:4px;--psd-diagram-height:250px;--long-voxel-panel-height:20px}.main-canvas-container{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.main-canvas{cursor:pointer;background-color:#000;border:0;flex-grow:1;min-height:0;display:block}.hovered-bbox-tooltip{color:#fff;pointer-events:none;white-space:nowrap;z-index:1000;background-color:#000c;border-radius:5px;padding:5px;font-size:12px;position:absolute}.overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.small-box-popup{color:#fff;text-align:center;background:#333;border:1px solid #444;border-radius:4px;min-width:240px;padding:1rem}.psd-diagram{height:var(--psd-diagram-height)}.vertical-axis-container{width:var(--main-canvas-axis-size);border:0;min-height:0}.help-menu{z-index:1002;background-color:var(--color-panel-background-light);color:#000;border:1px solid gray;border-radius:8px;flex-direction:column;max-width:70%;max-height:80%;padding:16px;display:flex;position:fixed;right:50px;box-shadow:0 4px 8px #0000001a}.info{display:flex;overflow:auto}.help-menu .button-container{align-items:end;display:flex}.help-menu h3{color:var(--color-text-dark);margin-top:0;margin-bottom:5px}.help-menu ul{min-width:200px;margin:0;padding:0;list-style-type:none}.help-menu li{margin-bottom:8px}.help-menu button{border:none;margin-top:10px;margin-right:10px}.help-menu button:hover{background-color:var(--color-text-button-hover)}.logout-button{margin-left:10px}.long-voxel-panel,.socket-canvas-panel{grid-template-rows:minmax(0, 1fr) var(--horizontal-axis-height);grid-template-columns:var(--main-canvas-axis-size) minmax(0, 1fr);border:0;flex-grow:1;gap:0;min-height:0;margin-top:10px;display:grid}#info-icon{cursor:pointer;z-index:1001;background:url(https://img.icons8.com/?size=100&id=646&format=png&color=FFFFFF) 50%/contain no-repeat;width:42px;height:42px;position:absolute;top:0;right:0}.data-handling-panel{color:#fff;box-sizing:border-box;flex-direction:column;width:100%;height:100vh;padding:10px;display:flex;position:relative}.data-handling-message{justify-content:center;align-items:center;display:flex}.data-handling-panel.loading{background:var(--color-overlay);z-index:9999;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:6px solid var(--color-spinner-border);border-top-color:var(--color-spinner-border-top);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,input,textarea,button,select{font-family:"Source Sans 3 Variable",sans-serif}.container{background-color:#1c0f3b;width:100vw;height:100vh;display:flex;overflow:hidden}.login-div{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-button{border-radius:10px;padding:10px 20px;font-size:16px}.login-button:hover{background-color:#ccc}button{background-color:var(--color-bg-button-active);color:#fff;cursor:pointer;border-radius:8px;padding:8px 12px}button:hover{background-color:var(--color-text-button-hover)}h1{margin-bottom:20px;font-size:2rem}.login-input{border:1px solid #ccc;border-radius:5px;width:300px;margin:15px 0;padding:10px;font-size:16px;box-shadow:0 2px 5px #000}.control-panel{flex-shrink:0;width:340px;max-width:340px}.data-handling-panel{flex-grow:1;overflow:hidden}.control-panel-container{width:300px;height:100vh;display:flex;overflow:hidden}.hamburger-menu-wrapper{background-color:var(--color-hamburger-bg);z-index:1100;pointer-events:auto;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hamburger-menu-button{cursor:pointer;z-index:1100;pointer-events:auto;background-color:#0000;border:none;outline:none;width:30px;height:30px;position:relative}.hamburger-menu-button .bar{background-color:var(--color-panel-background-light);border-radius:2px;width:25px;height:3px;margin:4px auto;transition:all .3s}.hamburger-menu-button.active .bar:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-menu-button.active .bar:nth-child(2){opacity:0}.hamburger-menu-button.active .bar:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.side-icons{z-index:1099;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.icon-btn{background-color:var(--color-bg-button-hover);cursor:pointer;border:2px solid #fff0;border-radius:0;outline:none;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .3s,transform .2s;display:flex}.tab-button{text-align:center;background-color:#006400;width:35px;height:35px;padding:0}.tab-button.active{background-color:var(--color-bg-button-active)}.icon-btn.active{background-color:var(--color-bg-button-active);color:var(--color-text-button-active);transform:scale(1.05)}.icon-btn:hover{background-color:var(--color-bg-button-hover);color:var(--color-text-button-hover)}.control-panel-inside-container{background-color:var(--color-bg-primary);z-index:1002;width:360px;max-width:360px;height:100%;box-shadow:1px 0 3px var(--color-shadow);flex-direction:row;display:flex;position:fixed;top:0;left:0;overflow:hidden}.control-panel-inside-container.open .side-panel{padding:20px;overflow-y:auto;transform:translate(0)}.side-panel{background-color:var(--color-side-panel-bg);width:330px;max-width:330px;height:100%;box-shadow:1px 0 3px var(--color-shadow);box-sizing:border-box;z-index:1001;color:var(--color-text);padding:40px;transition:transform .3s ease-in-out;position:fixed;top:0;left:30px;overflow-y:hidden;transform:translate(-100%)}.control-panel-inside{color:var(--color-text-secondary);background:linear-gradient(45deg, var(--color-hamburger-bg), var(--color-minimap-bg)) border-box, var(--color-hamburger-bg);background-clip:padding-box,border-box;border-right:4px solid #0000;flex-direction:column;flex:1;max-width:360px;margin-left:40px;padding:1rem;transition:margin-left .3s ease-in-out;display:flex}.overlay{background:var(--color-bg-overlay);z-index:999;cursor:pointer;width:100%;height:100vh;transition:opacity .3s ease-in-out;position:fixed;top:0;left:0}.cp-main-text{padding-top:5px;font-size:16px;font-weight:700}.tree-view{flex-direction:column;padding:10px;display:flex}.tree-view-filter{align-items:center;margin:10px 0;display:flex}.tree-view input{background:linear-gradient(45deg, var(--color-hamburger-bg), var(--color-minimap-bg));color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:2px;font-size:.9rem}.tree-node{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;align-items:center;padding:4px 0;display:flex}.tree-node.NEW{background-color:var(--color-node-new)}.tree-node.WIP{background-color:var(--color-node-wip)}.tree-node.DONE{background-color:var(--color-node-done)}.tree-node.selected{background-color:#cce5ff;border-left:10px solid #007bff}.tree-node.folder:hover,.tree-node.file:hover{background-color:#e0e0e0}.tree-icon{text-align:center;width:20px;margin-right:5px}.tree-name{flex-grow:1}.status-selector,.status-selector select option[value=NEW]:focus{background-color:var(--color-bg-button-active);color:#fff;border-radius:15px;margin-left:0;padding:2px;font-size:12px}.status-selector,.status-selector select option[value=NEW]:focus{background-color:var(--color-bg-button-active);color:#fff;border-radius:15px;margin-left:0;padding:2px;font-size:12px}.status-selector option[value=NEW]{background-color:var(--color-node-new)}.status-selector option[value=WIP]{background-color:var(--color-node-wip)}.status-selector option[value=DONE]{background-color:var(--color-node-done)}.tool_mode_header,.measurements-container{margin-top:20px}.measurements-container p{margin-bottom:10px;font-size:20px;font-weight:700}.measurements-container ul{padding-left:10px;list-style-type:none}.measurements-container ul li{cursor:pointer}.measurements-container ul li:hover{background-color:var(--color-bg-button-active);color:var(--color-text)}.measurements-container ul li:hover b{color:var(--color-text)}.measurements-container ul li b{color:var(--color-text-button-hover)}.measurements-container ul li span b{padding-left:10px}.info-menu-left{padding-left:20px}.info-menu-top{padding-top:10px}.info-menu-receivers{margin-bottom:5px;margin-left:20px}.scrollable-table-container{box-sizing:border-box;min-height:68px;max-height:136px;overflow:auto}.button-table{border-collapse:collapse;width:100%;margin-top:5px}.button-table th,.button-table td{border:1px solid var(--color-border);text-align:center;padding:4px}.button-table button{cursor:pointer;background-color:var(--color-bg-button-default);color:var(--color-text-button-default);border:none;border-radius:4px;padding:4px 8px;transition:background-color .3s,transform .2s}.button-table button:disabled,.button-table button:disabled:hover{background-color:var(--color-bg-button-disabled);color:var(--color-text-button-disabled);cursor:not-allowed;opacity:.8;pointer-events:none}.button-table button:not(:disabled):not(.active){background-color:var(--color-bg-button-ready);color:var(--color-text-button-ready)}.button-table button:not(:disabled):not(.active):hover{background-color:var(--color-bg-button-hover);color:var(--color-text-button-hover)}.button-table button.active{background-color:var(--color-bg-button-active);color:var(--color-text-button-active);pointer-events:none;transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.toggles{justify-content:space-between;align-items:center;max-width:300px;margin-top:20px;margin-bottom:20px;display:flex}.toggle-item{text-align:center;flex-direction:column;align-items:center;font-size:.9rem;display:flex}.minimap-container{flex-grow:1;justify-content:center;align-items:center}.gradient-slide-container{margin-bottom:10px}.gradient-slider-box{align-items:center;gap:5px;padding-top:10px;display:flex}.gradient-slider{border:1px solid var(--color-border);border-radius:20px;width:100%;height:10px;position:relative}.gradient-slider-tick{cursor:pointer;background-color:gray;border:1px solid #fff;border-radius:10px;width:10px;height:18px;position:absolute;top:-5px;transform:translate(-50%)}.tooltip{color:#fff;white-space:nowrap;opacity:0;background:#000c;border-radius:5px;padding:4px 8px;font-size:12px;transition:opacity .2s ease-in-out;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.tooltip.visible{opacity:1}.resetButton{color:var(--color-bg-button-active);cursor:pointer;width:30px}.confidence-slider-container{margin-top:10px}.confidence-slider-container h3{margin-bottom:10px}.confidence-slider-box{align-items:center;gap:5px;display:flex}.confidence-slider-track{cursor:pointer;background:linear-gradient(90deg,#000,#fff);border:1px solid #ccc;border-radius:10px;width:100%;height:10px;position:relative}.confidence-slider-thumb{cursor:pointer;background-color:gray;border:1px solid #fff;border-radius:10px;width:10px;height:18px;position:absolute;top:-5px;transform:translate(-50%)}*{box-sizing:border-box;margin:0;padding:0}.toggle-container{cursor:pointer;align-items:center;display:flex}.toggle-container h3{margin-right:10px;padding-top:0}.toggle-switch{border-radius:1rem;width:2.3rem;height:16px;position:relative}.toggle-switch.on{background:var(--color-bg-button-active)}.toggle-switch.off{background:var(--color-bg-button-default)}.toggle-circle{background:var(--color-text,#fff);border-radius:50%;width:14px;height:14px;transition:left .3s,transform .3s;position:absolute;top:1px}.toggle-circle.on{left:1.3rem}.toggle-circle.off{left:.2rem}.diagonal-container{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px;display:flex}.radio-group{text-align:center;gap:12px;font-size:.9rem;display:flex}.radio-group label{cursor:pointer;align-items:center;gap:4px;display:flex}.radio-group input[type=radio]{appearance:none;border:2px solid var(--color-text-secondary);cursor:pointer;border-radius:50%;width:16px;height:16px;position:relative}.radio-group input[type=radio]:checked{background-color:var(--color-text-button-ready)}.radio-group input[type=radio]:checked:before{content:"";background:var(--color-text-secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.selected-voxel-info-overlay{opacity:0;width:78%;transition:transform .3s ease-in-out,opacity .3s ease-in-out;position:absolute;bottom:5px;transform:translateY(100%)}.selected-voxel-info-overlay.show{opacity:1;transform:translateY(0)}.selected-voxel-info{color:#fff;background-color:#2c2c2c;border:1px solid #444;border-radius:4px;width:100%;height:100%;padding:1rem;overflow-y:auto}.minimap-canvas-container{width:100%;height:100%;margin-top:6px}.minimap-canvas{width:100%;height:100%}.delimiter{background-color:var(--color-bg-button-default);height:1px;margin-top:15px;margin-bottom:15px}.voxel-selector-header{justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:.9rem;display:flex}.dropdown-container{padding-top:10px;display:flex}.dropdown-container select{width:48%;color:var(--color-text);background:linear-gradient(45deg, var(--color-hamburger-bg), var(--color-minimap-bg));border:1px solid var(--color-border);cursor:pointer;border-radius:8px;outline:none;font-size:.9rem;transition:all .3s}.dropdown-container option{color:var(--color-text);background:var(--color-hamburger-bg)}.socket-menu-status{margin-top:12px}.socket-menu-button{cursor:pointer;background-color:var(--color-bg-button-ready);color:var(--color-text-button-ready);border:none;border-radius:4px;margin-top:8px;padding:8px 12px;transition:background-color .3s,transform .2s}.socket-menu-button:hover{background-color:var(--color-bg-button-hover);color:var(--color-text-button-hover)}.socket-menu-button:disabled{cursor:not-allowed;background-color:var(--color-bg-button-disabled);color:var(--color-text-button-disabled)}.socket-menu-live-controls{margin-top:8px}.socket-menu-mode-buttons{flex-wrap:wrap;gap:8px;display:flex}.socket-menu-config-selectors{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.socket-menu-field{flex-direction:column;gap:4px;min-width:0;display:flex}.socket-menu-field span{font-weight:600}.socket-menu-label{margin-top:16px;margin-bottom:6px}.socket-menu-select{border:1px solid var(--color-border);background-color:var(--color-side-panel-bg);width:100%;color:var(--color-text);padding:8px}.socket-menu-image-wrapper{margin-top:16px}.socket-menu-image{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--color-border);display:block}.socket-menu-note{margin-top:12px}.socket-menu-error{color:#ffb3b3;margin-top:12px}.configs-modal-backdrop{z-index:2200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.configs-modal{background:var(--color-side-panel-bg);width:min(920px,100vw - 48px);max-height:calc(100vh - 48px);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:18px;overflow:auto;box-shadow:0 10px 28px #00000059}.configs-modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.configs-modal-header h2{margin:0}.configs-icon-button{cursor:pointer;background:var(--color-bg-button-ready);width:30px;height:30px;color:var(--color-text-button-ready);border:0;border-radius:4px}.configs-grid,.configs-strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.configs-strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.configs-fieldset{border:1px solid var(--color-border);border-radius:6px;min-width:0;margin:0;padding:12px}.configs-fieldset legend{padding:0 4px;font-weight:600}.configs-field{flex-direction:column;gap:5px;min-width:0;font-size:.92rem;display:flex}.configs-field span{font-weight:600}.configs-field input,.configs-field select,.configs-field textarea{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;min-height:32px;color:var(--color-text);border-radius:4px;padding:6px 8px}.configs-field textarea{resize:vertical;min-height:68px}.configs-checkbox-field{flex-direction:row;justify-content:space-between;align-items:center}.configs-checkbox-field input{width:auto}.configs-sampler-actions{grid-template-columns:auto auto;align-items:end;gap:8px;display:grid}.configs-section-toggle{margin-bottom:12px}.configs-wide-field{grid-column:1/-1}.configs-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.configs-button{cursor:pointer;background-color:var(--color-bg-button-ready);color:var(--color-text-button-ready);border:0;border-radius:4px;padding:8px 12px}.configs-button:disabled{cursor:not-allowed;background-color:var(--color-bg-button-disabled);color:var(--color-text-button-disabled)}.configs-button:not(:disabled):hover,.configs-icon-button:hover{background-color:var(--color-bg-button-hover);color:var(--color-text-button-hover)}.configs-note,.configs-success,.configs-error{margin-top:12px}.configs-success{color:#9ff29f}.configs-error{color:#ffb3b3}@media (width<=760px){.configs-grid,.configs-strategy-grid,.configs-sampler-actions{grid-template-columns:1fr}}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-ext-wght-normal-DzyfIafT.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-ext-wght-normal-BWSLJLk6.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-greek-wght-normal-C9H9m1vD.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-vietnamese-wght-normal-C1uRvKPU.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-sans-3-latin-wght-normal-BqRLTx4X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}