:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{margin:0;background-color:#111;color:#fff;font-family:sans-serif;overflow-x:hidden}#app-root{display:flex;flex-direction:column;height:100vh}#viewer-container{display:flex;flex-direction:row;flex:1;min-height:0;height:calc(100vh - 40px);margin-bottom:40px}#menu{width:340px;padding:20px 10px 10px;background:#20242c;box-sizing:border-box;overflow-y:auto;min-height:0;border-right:1.5px solid #32374a;box-shadow:2px 0 18px #0008;box-shadow:3px 0 16px #0005;height:100%;max-height:calc(100vh - 40px)}#slices{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1;padding:5px;box-sizing:border-box;background:#20242c;position:relative}#slice-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;position:relative}#canvas-axial{margin-top:5px}#canvas-sagittal{margin-right:5px}canvas{background-color:#000;border:1px solid #444}.interaction-help{position:absolute;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;max-width:calc(100% - 12px);padding:8px 10px;border-radius:10px;border:1px solid rgba(180,190,205,.35);background:#1a1f278c;box-shadow:0 2px 10px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e9f1ffc7;font-size:.82rem;line-height:1.25;letter-spacing:.1px;z-index:20}.interaction-help-title{font-weight:700;font-size:.84rem;color:#e9f1ffd9;margin-bottom:6px}.interaction-help-list{margin:0;padding-left:16px}.interaction-help-list li{margin:3px 0;color:#b9c8e6d9}.share-button{background:#2b3550;color:#e6f1ff;height:100%;color:#fff;border:thin solid #444;padding:0 10px;font-size:16px;cursor:pointer}.share-button:hover{background-color:#333}.copy-message{position:absolute;top:-30px;right:0;background:#2b3550;color:#e6f1ff;padding:4px 8px;border-radius:6px;font-size:.85rem;opacity:1;transition:opacity .3s;border:1.5px solid #3b4a6b;box-shadow:0 2px 8px #0006;white-space:nowrap}.copy-message.fade-out{opacity:0}#info-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;height:40px;padding:0 16px;background:#1a1f27;border-top:1.5px solid #32416b;box-shadow:0 -2px 12px #0006;box-sizing:border-box;white-space:nowrap;color:#e6f1ff;font-size:1rem;z-index:1000;min-width:min-content}.info-left{flex:1;display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.info-left span{overflow:hidden;text-overflow:ellipsis}.info-right{flex-shrink:0;margin-left:16px}.info-left input[type=number]{width:50px;height:24px;border-radius:6px;border:1.5px solid #36496b;background:#21273b;color:#e6f1ff;padding:2px 6px;font-size:1rem;outline:none;transition:border .18s,background .18s}.info-left input[type=number]:focus{border:1.5px solid #65aaff;background:#2b3550}.segmentation-panel-box{overflow-x:auto!important;padding-bottom:2px}.segmentation-search-input{max-width:96%;font-size:.93rem;padding:3px 7px}.collapsible-header{font-size:1.03rem!important}.tree-node-icons{display:flex;align-items:center;margin-right:4px;transform:translateY(1px)}.label-color-dot{width:11px;height:11px;min-width:11px;border-radius:50%;margin-right:4px;box-sizing:border-box;transition:background .05s,border .05s,opacity .05s;transform:translateY(-3.5px)}.label-color-dot-placeholder{width:11px;min-width:11px}.center-on-label-button{width:20px;height:20px;padding:0;margin-left:2px;background:none;border:none;color:#99b6e7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease;outline:none}.center-on-label-button:hover,.center-on-label-button:focus{color:#fff}.center-on-label-button svg{width:12px;height:12px}#menu,.segmentation-tree-container{scrollbar-width:thin;scrollbar-color:#53a6ff #21273b}#menu::-webkit-scrollbar,.segmentation-tree-container::-webkit-scrollbar{width:8px;height:8px}#menu::-webkit-scrollbar-track,.segmentation-tree-container::-webkit-scrollbar-track{background:#21273b}#menu::-webkit-scrollbar-thumb,.segmentation-tree-container::-webkit-scrollbar-thumb{background-color:#53a6ff;border-radius:20px;border:2px solid #21273b}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#53a6ff var(--value-percent),#36496b var(--value-percent));border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;width:16px;height:16px;background:#e6f1ff;border-radius:50%;border:2px solid #53a6ff}input[type=range]::-moz-range-track{height:4px;background:#36496b;border-radius:3px}input[type=range]::-moz-range-progress{height:4px;background:#53a6ff;border-radius:3px}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#e6f1ff;border-radius:50%;border:2px solid #53a6ff}.segmentation-panel-box{overflow-x:auto!important;padding-bottom:2px;font-size:.9rem}.sidebar-btn,button{background:#2b3550;color:#e6f1ff;border:1.5px solid #3b4a6b;border-radius:8px;padding:7px 16px;font-size:1rem;font-family:inherit;font-weight:500;cursor:pointer;box-shadow:0 1px 4px #10141e22;transition:background .08s,border .08s,color .08s,box-shadow .08s;outline:none;margin-bottom:7px}.sidebar-btn:hover,button:hover{background:#36416a;border-color:#4a5d8c;color:#a7d0ff}.sidebar-btn:active,button:active{background:#232a3a;border-color:#65aaff;color:#e6f1ff}.sidebar-btn:focus,button:focus{border-color:#65aaff;box-shadow:0 0 0 2px #65aaff44}button,.scale-bar-input{height:35px;box-sizing:border-box}.scale-bar-input{width:100%;border-radius:7px;border:1.5px solid #36496b;background:#181d25;color:#e2e9ff;padding:6px 8px;height:35px;box-sizing:border-box;font-size:.93rem;line-height:1.5;margin:0;outline:none;box-shadow:0 1px 3px #10141e44;transition:border .18s,background .18s}.scale-bar-input:focus{border:1.5px solid #65aaff;background:#222a}.scale-bar-input+span{line-height:35px}