*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a1628;--bg2:#132236;--bg3:#0c1a30;--border:#1e3350;--accent:#00e676;--info:#40c4ff;--muted:#7a8ba8;--danger:#ff5252;--warn:#ffab40;--purple:#b388ff;--font:"Segoe UI",sans-serif}html,body{background:var(--bg);color:#e0e6ed;height:100%;font-family:var(--font);overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.layout{flex-direction:column;height:100vh;display:flex}.top-nav{background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.nav-left{align-items:center;gap:10px;font-size:.9rem;display:flex}.nav-back{color:var(--muted);align-items:center;gap:5px;text-decoration:none;display:flex}.nav-back:hover{color:var(--info)}.nav-divider{color:var(--border)}.nav-brand{color:var(--info);align-items:center;gap:6px;font-weight:600;display:flex}.nav-right{align-items:center;gap:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #00e6764d}.status-text{color:var(--muted);font-size:.75rem}.main-content{flex:1;min-height:0;display:flex}.left-panel{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel-header h3{align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.panel-header h3 i{color:var(--info);font-size:.8rem}.panel-actions{gap:4px;display:flex}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:5px 8px;font-size:.75rem;display:flex}.icon-btn:hover{color:var(--info);border-color:var(--border);background:#ffffff14}.study-list{flex:1;padding:6px;overflow-y:auto}.panel-section{border-top:1px solid var(--border);padding:10px 12px}.panel-section h4{color:var(--muted);align-items:center;gap:5px;margin-bottom:8px;font-size:.8rem;display:flex}.study-card{cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;transition:all .2s;display:flex}.study-card:hover{border-color:var(--info);background:#40c4ff14}.study-icon{width:32px;height:32px;color:var(--info);background:#40c4ff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.study-info{flex:1;min-width:0}.study-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.study-meta{color:var(--muted);margin-top:2px;font-size:.7rem}.instance-card .study-icon{color:var(--accent);background:#00e6761a}.info-panel{padding:0;font-size:.78rem}.info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:4px 0;display:flex}.info-label{color:var(--muted)}.info-value{color:#e0e6ed;text-align:right}.info-empty{color:var(--muted);text-align:center;padding:10px;font-size:.78rem}.center-viewer{background:#000;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.viewport{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#cornerstoneCanvas,#overlayCanvas{object-fit:contain;max-width:100%;max-height:100%;position:absolute}#overlayCanvas{pointer-events:none;z-index:2}.viewport-info{color:var(--muted);z-index:3;background:#0009;border-radius:4px;gap:12px;padding:4px 10px;font-size:.72rem;display:flex;position:absolute;bottom:8px;left:8px}.viewport-toolbar{border-top:1px solid var(--border);background:#0f1f3af2;justify-content:center;align-items:center;gap:4px;padding:6px 12px;display:flex}.tool-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:6px 10px;font-size:.85rem}.tool-btn:hover{color:#fff;background:#ffffff14}.tool-btn.active{color:var(--info);border-color:var(--info);background:#40c4ff26}.toolbar-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.slice-nav{border-top:1px solid var(--border);background:#0f1f3af2;align-items:center;gap:10px;padding:6px 16px;display:flex}.slice-nav input[type=range]{accent-color:var(--info);flex:1;height:4px}.slice-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:.75rem}.slice-btn:hover{color:#fff;border-color:var(--info)}.right-panel{background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:300px;display:flex}.results-area{flex:1;padding:10px;font-size:.82rem;overflow-y:auto}.empty-state{height:100%;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.empty-state i{opacity:.5;margin-bottom:12px;font-size:2.5rem}.empty-state p{font-size:.85rem;line-height:1.6}.detection-card{border-left:3px solid var(--info);background:#ffffff0a;border-radius:6px;margin-bottom:8px;padding:10px}.det-class{font-size:.85rem;font-weight:600}.det-detail{justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.det-conf{font-weight:600}.det-bbox{color:var(--muted);font-family:monospace;font-size:.7rem}.dialog-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog{background:var(--bg2);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:500px;max-width:90vw;max-height:80vh;display:flex}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dialog-header h3{align-items:center;gap:8px;font-size:.95rem;display:flex}.dialog-body{flex:1;padding:18px;overflow-y:auto}.dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:10px;padding:40px;transition:all .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--info);background:#40c4ff0d}.drop-zone i{color:var(--info);margin-bottom:10px;font-size:2.5rem}.drop-zone p{color:var(--muted);font-size:.85rem}.drop-zone .small{margin-top:4px;font-size:.75rem}.pacs-study-card{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;display:flex}.pacs-study-card:hover{border-color:var(--info)}.loading-hint{text-align:center;color:var(--muted);padding:20px;font-size:.85rem}.btn{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:.8rem;display:flex}.btn-primary{background:var(--info);color:#000;border-color:var(--info);font-weight:600}.btn-primary:hover{background:#5ad0ff}.btn-secondary{color:var(--muted);background:0 0}.btn-secondary:hover{color:#fff;background:#ffffff14}.btn-sm{padding:4px 10px;font-size:.72rem}.badge-ok{color:var(--accent);font-size:.7rem}.badge-warn{color:var(--warn);font-size:.7rem}.loading-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--info);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--muted);margin-top:12px;font-size:.9rem}@media (width<=900px){.left-panel{width:220px}.right-panel{width:250px}}@media (width<=700px){.main-content{flex-direction:column}.left-panel{border-right:none;border-bottom:1px solid var(--border);width:100%;height:200px}.right-panel{border-left:none;border-top:1px solid var(--border);width:100%;height:200px}}.study-group{margin-bottom:4px}.study-expand,.series-expand{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:.7rem;transition:transform .25s}.study-children{border-left:2px solid var(--border);margin-bottom:6px;margin-left:16px;padding-left:16px}.series-item{margin:2px 0}.series-header{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.series-header:hover{background:#00e67614}.series-icon{width:24px;height:24px;color:var(--accent);background:#00e6761a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;display:flex}.series-info{flex:1;min-width:0}.series-name{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.series-meta{color:var(--muted);margin-top:1px;font-size:.68rem}.series-slices{flex-wrap:wrap;gap:4px;padding:4px 0 4px 32px;display:flex}.slice-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;transition:all .15s;display:flex}.slice-item:hover{border-color:var(--info);color:var(--info);background:#40c4ff1a}.slice-item i{color:var(--muted);font-size:.6rem}.slice-num{font-family:monospace;font-size:.68rem}.slice-status{margin-left:auto;font-size:.65rem}.btn-outline{border:1px solid var(--border);color:var(--info);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;transition:all .2s;display:flex}.btn-outline:hover{border-color:var(--info);background:#40c4ff1a}.slice-click{cursor:pointer;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.study-card .study-icon,.study-card .study-info{cursor:pointer}.del-btn{color:var(--danger);cursor:pointer;white-space:nowrap;background:#ff52521f;border:1px solid #ff525233;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;transition:all .15s;display:flex}.del-btn:hover{border-color:var(--danger);background:#ff525240}.del-btn.del-sm{background:0 0;border:none;padding:1px 5px;font-size:.6rem}.del-btn.del-sm:hover{background:#ff525233}.series-view-btn{background:var(--accent);color:#fff;cursor:pointer;opacity:1;white-space:nowrap;border:none;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:.7rem;transition:all .15s;display:flex}.series-view-btn:hover{background:var(--accent-hover);opacity:1!important}.ww-info{color:var(--text-dim);margin-left:8px;font-size:.65rem}