:root{--bg-primary: #0f0f0f;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--bg-surface: #3a3a3a;--bg-hover: #4a4a4a;--border-default: #4b5563;--border-light: #555;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-purple: #a855f7;--bg-deep: #1a1a2e;--bg-interactive: #374151;--bg-input: #1f2937;--bg-form: #111827;--bg-danger: #991b1b;--border-dark: #333;--text-light: #e5e7eb;--text-form: #e4e4e7;--text-dim: #6b7280;--text-danger-light: #fecaca;--accent-blue-light: #60a5fa;--accent-blue-active: #1d4ed8;--bar-h: max(12px, 2.5vw);--btn-size: max(28px, 2.3vw);--btn-gap: max(2px, .2vw);--btn-pad: max(4px, .4vw);--btn-font: max(11px, .85vw);--sidebar-w: max(200px, 15.3vw);--sidebar-scale: 1}*{margin:0;padding:0;box-sizing:border-box}.skip-to-content{position:absolute;top:-100px;left:8px;z-index:10000;background:var(--accent-blue);color:#fff;padding:8px 16px;border-radius:0 0 6px 6px;font-size:13px;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-to-content:focus{top:0;outline:2px solid #fff;outline-offset:2px}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);overflow:hidden}#app{width:100%;height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr}#app.sidebar-collapsed{grid-template-columns:calc(24px + 16px * var(--sidebar-scale, 1)) 1fr}body.has-regulatory-footer #app{height:calc(100vh - 28px)}#hierarchy-panel{height:100%;min-height:0}#main-content{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0}#top-controls{position:relative;height:var(--bar-h);min-height:var(--bar-h);background-color:var(--bg-tertiary);border-bottom:1px solid var(--bg-surface);display:flex;align-items:center;padding:0 var(--btn-pad);gap:var(--btn-gap);z-index:100;flex-wrap:nowrap;overflow-x:clip;overflow-y:visible;scrollbar-width:none}#top-controls::-webkit-scrollbar{display:none}#top-controls button,#top-controls select,#top-controls a#app-logo{transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s!important}.toolbar-spacer{flex:0 0 var(--btn-size);height:var(--btn-size)}#app-logo{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0;flex:0 0 calc(var(--btn-size) * 3);height:var(--btn-size);background-color:var(--bg-interactive);border:none;border-radius:6px;box-shadow:none;text-decoration:none;transition:background-color .2s,box-shadow .2s;box-sizing:border-box}#app-logo:hover{background-color:var(--border-default)}#app-logo img{height:100%;width:auto}.file-selector-container,.dicomweb-panel-wrapper,.grid-layout-selector,.preset-dropdown-container,.research-toolbar-wrapper,.annotation-panel-wrapper,.help-panel-wrapper,.settings-panel-wrapper,.enterprise-admin-wrapper,.account-button-wrapper{min-width:0}.file-selector-container{position:relative;display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.file-selector-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box}.folder-icon,.wl-icon{font-size:calc(var(--btn-size) * .6);line-height:1}.wl-presets-icon{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:22px;height:22px;gap:2px}.wl-preset-circle{width:10px;height:10px;border-radius:50%;background:linear-gradient(to right,var(--text-primary) 50%,#000000 50%);border:1px solid var(--text-muted);flex-shrink:0}.wl-preset-circle.top{transform:translateY(1px)}.wl-preset-circle.bottom{transform:translateY(-1px)}.dropdown-arrow{font-size:8px;opacity:.7}.file-selector-menu{position:absolute;top:100%;left:0;margin-top:4px;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 4px 12px #00000080;overflow:hidden;z-index:1000;min-width:100%}.file-selector-menu-item{display:block;width:100%;background-color:transparent;color:var(--text-secondary);border:none;padding:12px 16px;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s;white-space:nowrap}.file-selector-menu-item:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.file-selector-menu-item:active{background-color:var(--border-default)}.demo-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);flex:0 0 var(--btn-size);height:var(--btn-size);padding:0;font-size:calc(var(--btn-size) * .6);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center}.demo-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.demo-button:active{background-color:var(--bg-interactive);box-shadow:0 1px 4px #0003}.file-selector-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.file-selector-button:active{background-color:var(--bg-interactive);box-shadow:0 1px 4px #0003}.file-selector-button:disabled{background-color:var(--text-dim);cursor:not-allowed;transform:none}.scroll-wheel-control-container{position:relative;display:inline-block}.scroll-wheel-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:6px;flex:0 0 auto;height:var(--btn-size);font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;white-space:nowrap;display:flex;align-items:center;gap:2px;box-sizing:border-box}.scroll-wheel-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.scroll-wheel-button:active{background-color:var(--bg-interactive);box-shadow:0 1px 4px #0003}.scroll-wheel-icon{display:flex;align-items:center;justify-content:center}.scroll-wheel-icon svg{display:block}.scroll-wheel-menu{position:absolute;top:100%;left:0;margin-top:4px;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 4px 12px #00000080;overflow:hidden;z-index:1000;min-width:100%}.scroll-wheel-menu-item{display:block;width:100%;background-color:transparent;color:var(--text-secondary);border:none;padding:12px 16px;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s;white-space:nowrap}.scroll-wheel-menu-item:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.scroll-wheel-menu-item.active{background-color:var(--accent-blue);color:var(--text-primary)}.scroll-wheel-menu-item:active{background-color:var(--border-default)}.wl-link-toggle{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);width:var(--btn-size);min-width:0;max-width:var(--btn-size);height:var(--btn-size);overflow:hidden;font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.wl-link-toggle:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.wl-link-toggle.linked{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.wl-link-toggle.linked:hover{background-color:var(--accent-blue-hover)}.wl-link-toggle .wl-link-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--btn-size) * .6);height:calc(var(--btn-size) * .6)}.wl-link-toggle .wl-contrast-icon{width:calc(var(--btn-size) * .5);height:calc(var(--btn-size) * .5);border-radius:50%;background:linear-gradient(to right,var(--text-primary) 50%,#000000 50%);border:2px solid var(--text-muted)}.wl-link-toggle.linked .wl-contrast-icon{border-color:var(--text-primary)}.wl-link-toggle .wl-link-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;line-height:1;opacity:0;transition:opacity .2s}.wl-link-toggle .wl-link-overlay.visible{opacity:1}.zoom-link-toggle{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);width:var(--btn-size);min-width:0;max-width:var(--btn-size);height:var(--btn-size);overflow:hidden;font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.zoom-link-toggle:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.zoom-link-toggle.linked{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.zoom-link-toggle.linked:hover{background-color:var(--accent-blue-hover)}.zoom-link-toggle .zoom-link-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--btn-size) * .6);height:calc(var(--btn-size) * .6)}.zoom-link-toggle .zoom-base-icon{font-size:calc(var(--btn-size) * .6);line-height:1}.zoom-link-toggle .zoom-link-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;line-height:1;opacity:0;transition:opacity .2s}.zoom-link-toggle .zoom-link-overlay.visible{opacity:1}.cross-ref-toggle{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);width:var(--btn-size);min-width:0;max-width:var(--btn-size);height:var(--btn-size);overflow:hidden;font-size:calc(var(--btn-size) * .55);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.cross-ref-toggle:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.cross-ref-toggle.mode-scroll{background-color:#059669;border-color:#047857;color:var(--text-primary)}.cross-ref-toggle.mode-scroll:hover{background-color:#047857}.cross-ref-toggle.mode-both{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.cross-ref-toggle.mode-both:hover{background-color:var(--accent-blue-hover)}.cross-ref-toggle .cross-ref-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.grid-layout-selector{display:inline-flex;align-items:center;flex:0 0 var(--btn-size);height:var(--btn-size)}.grid-layout-select{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0 2px;flex:0 0 var(--btn-size);width:var(--btn-size);min-width:0;max-width:var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);border-radius:4px;cursor:pointer;transition:all .2s;outline:none;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;-webkit-appearance:none;appearance:none}.grid-layout-select:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary)}.grid-layout-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f64d}.grid-layout-select option{background-color:var(--bg-interactive);color:var(--text-secondary)}.preset-dropdown-container{position:relative;display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.preset-dropdown-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);width:var(--btn-size);min-width:0;max-width:var(--btn-size);height:var(--btn-size);overflow:hidden;font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;white-space:nowrap;display:flex;align-items:center;gap:2px;box-sizing:border-box}.preset-dropdown-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.preset-dropdown-button:active{background-color:var(--bg-interactive);box-shadow:0 1px 4px #0003}.preset-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;box-shadow:0 4px 12px #00000080;overflow:hidden;z-index:1000;min-width:100%}.preset-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:transparent;color:var(--text-secondary);border:none;padding:12px 16px;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .2s;white-space:nowrap}.preset-menu-item:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.preset-menu-item.active{background-color:var(--accent-blue);color:var(--text-primary)}.preset-menu-item:active{background-color:var(--border-default)}.preset-item-row{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.preset-delete-btn{flex:0 0 auto;margin-left:8px;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.preset-menu-item:hover .preset-delete-btn{opacity:1}.preset-delete-btn:hover{color:#e55}.preset-menu-separator{height:1px;background-color:var(--border-default);margin:4px 0}.preset-save-btn{color:var(--accent-blue)!important;font-style:italic}#slice-slider-container{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;background-color:#2a2a2a99;padding:8px 4px;border-radius:4px 0 0 4px;box-shadow:0 4px 12px #0000004d}.slice-label{font-size:11px;font-weight:600;color:var(--text-primary);writing-mode:horizontal-tb;min-width:30px;text-align:center}.slice-slider{writing-mode:vertical-lr;direction:rtl;width:8px;height:80vh;max-height:calc(100vh - 120px);background:linear-gradient(to bottom,var(--border-default) 0%,var(--border-default) 100%);border-radius:4px;outline:none;cursor:pointer}.slice-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background-color:var(--accent-blue);border-radius:50%;cursor:pointer;border:3px solid var(--text-primary);box-shadow:0 2px 4px #0000004d;transition:all .2s}.slice-slider::-webkit-slider-thumb:hover{background-color:var(--accent-blue-hover);transform:scale(1.1)}.slice-slider::-webkit-slider-thumb:active{background-color:var(--accent-blue-active);transform:scale(1.05)}.slice-slider::-moz-range-thumb{width:24px;height:24px;background-color:var(--accent-blue);border-radius:50%;cursor:pointer;border:3px solid var(--text-primary);box-shadow:0 2px 4px #0000004d;transition:all .2s}.slice-slider::-moz-range-thumb:hover{background-color:var(--accent-blue-hover);transform:scale(1.1)}.slice-slider::-moz-range-thumb:active{background-color:var(--accent-blue-active);transform:scale(1.05)}.slice-slider::-moz-range-track{background:var(--border-default);border-radius:4px}.slice-slider-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.slice-marker-container{position:absolute;left:-12px;top:8px;bottom:8px;width:14px;pointer-events:none;z-index:1}.slice-annotation-marker{position:absolute;left:0;width:10px;height:6px;border-radius:2px;transform:translateY(-50%);pointer-events:auto;cursor:pointer;box-shadow:0 0 3px #0009;transition:transform .15s,box-shadow .15s,width .15s}.slice-annotation-marker:hover{width:14px;transform:translateY(-50%);box-shadow:0 0 6px #ffffff80}.annotation-toolbar{display:contents}.toolbar-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);flex:0 0 var(--btn-size);height:var(--btn-size);overflow:hidden;padding:0;font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center}.toolbar-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.toolbar-button.active{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.toolbar-button:active{background-color:var(--bg-interactive);box-shadow:0 1px 4px #0003}.tool-icon{font-size:calc(var(--btn-size) * .7);line-height:1}.tool-icon.shape-icon{font-size:calc(var(--btn-size) * .85)}.tool-icon.circle-icon{font-size:calc(var(--btn-size) * .95)}.tool-icon.angle-icon{display:flex;align-items:center;justify-content:center}.tool-icon.angle-icon svg{width:calc(var(--btn-size) * .65);height:calc(var(--btn-size) * .65)}.annotation-panel-wrapper{position:relative;display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.annotation-panel-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);font-weight:600;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .2s;box-shadow:0 1px 4px #0003;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.annotation-panel-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary)}.annotation-panel-button.active{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.annotation-panel-icon{font-size:calc(var(--btn-size) * .5)}.annotation-count{background-color:var(--text-dim);color:var(--text-primary);padding:1px 6px;border-radius:10px;font-size:11px;min-width:18px;text-align:center}.annotation-panel-button.active .annotation-count{background-color:#ffffff4d}.annotation-panel-dropdown{position:fixed;top:var(--bar-h);right:32px;width:280px;max-height:calc(100vh - 120px);background-color:#2a2a2afa;border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;z-index:300}.annotation-panel-header{padding:12px 16px;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.annotation-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.annotation-header-right{display:flex;align-items:center;gap:16px}.annotation-visibility-button{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;line-height:1}.annotation-visibility-button:hover{background-color:#ffffff1a}.annotation-visibility-button.hidden{opacity:.5}.annotation-pin-button{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s,transform .2s;line-height:1;opacity:.6}.annotation-pin-button:hover{background-color:#ffffff1a;opacity:1}.annotation-pin-button.pinned{opacity:1;transform:rotate(45deg)}.annotation-panel-buttons{display:flex;gap:8px}.panel-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:4px 12px;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.panel-button:hover{background-color:var(--border-default);color:var(--text-primary)}.panel-button.danger{background-color:#7f1d1d;border-color:var(--bg-danger);color:var(--text-danger-light)}.panel-button.danger:hover{background-color:var(--bg-danger);color:var(--text-primary)}.annotation-panel-footer{padding:12px 16px;border-top:1px solid var(--border-default);display:flex;gap:8px;justify-content:flex-end}.export-dropdown-container{position:relative}.export-select{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;outline:none}.export-select:hover{background-color:var(--border-default);color:var(--text-primary)}.export-select option{background-color:var(--bg-interactive);color:var(--text-secondary)}.clear-dropdown-container{position:relative}.clear-select{background-color:#7f1d1d;color:var(--text-danger-light);border:1px solid var(--bg-danger);padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;cursor:pointer;outline:none}.clear-select:hover{background-color:var(--bg-danger);color:var(--text-primary)}.clear-select option{background-color:#7f1d1d;color:var(--text-danger-light)}.annotation-list{flex:1;overflow-y:auto;padding:8px}.annotation-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:14px}.annotation-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:4px;background-color:var(--bg-interactive);border:1px solid var(--border-default);border-radius:4px;cursor:pointer;transition:all .2s}.annotation-item:hover{background-color:var(--border-default);border-color:var(--text-dim)}.annotation-item.selected{background-color:var(--accent-blue);border-color:var(--accent-blue-hover)}.annotation-info{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.annotation-icon{font-size:18px;line-height:1;color:var(--text-secondary)}.annotation-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.annotation-item.selected .annotation-label{color:var(--text-primary)}.annotation-item.current-slice{border-left:3px solid var(--accent-blue)}.annotation-slice{font-size:11px;color:var(--text-muted);margin-left:4px}.annotation-measurement{font-size:11px;color:var(--accent-blue-light);margin-left:6px;font-family:monospace}.annotation-stats{width:100%;font-size:10px;color:var(--text-muted);font-family:monospace;margin-left:26px;margin-top:-4px}.annotation-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.annotation-action-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:2px 4px;opacity:.5;transition:opacity .2s}.annotation-action-btn:hover{opacity:1}.annotation-delete{font-size:16px}.annotation-label-editor{display:flex;gap:4px;padding:6px 0 2px 26px;width:100%}.annotation-label-input{flex:1;background:var(--bg-input);border:1px solid var(--border-default);border-radius:3px;color:var(--text-light);padding:3px 6px;font-size:12px;min-width:0}.annotation-label-input:focus{outline:none;border-color:var(--accent-blue)}.annotation-finding-select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:3px;color:var(--text-light);padding:3px 4px;font-size:11px;max-width:120px}.annotation-finding-select:focus{outline:none;border-color:var(--accent-blue)}.annotation-copy-menu{position:absolute;right:0;background:var(--bg-input);border:1px solid var(--border-default);border-radius:4px;padding:4px;z-index:20;min-width:160px;box-shadow:0 4px 12px #0006}.annotation-copy-option{display:block;width:100%;background:none;border:none;color:var(--text-light);padding:6px 8px;font-size:12px;cursor:pointer;text-align:left;border-radius:3px}.annotation-copy-option:hover{background:var(--bg-interactive)}.annotation-copy-custom{display:flex;gap:4px;padding:4px 0 0}.annotation-copy-slice-input{flex:1;background:var(--bg-form);border:1px solid var(--border-default);border-radius:3px;color:var(--text-form);padding:4px 6px;font-size:12px;min-width:0}.annotation-copy-slice-input:focus{outline:none;border-color:var(--accent-blue)}.settings-panel-wrapper{position:relative;display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.settings-panel-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center}.settings-panel-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary)}.settings-panel-button.active{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.settings-icon{font-size:calc(var(--btn-size) * .6)}.settings-panel-dropdown{position:absolute;top:100%;right:0;margin-top:4px;width:300px;background-color:#2a2a2afa;border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;z-index:300}.settings-panel-header{padding:12px 16px;border-bottom:1px solid var(--border-default)}.settings-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-panel-body{padding:12px 16px;max-height:70vh;overflow-y:auto}.settings-section-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:12px 0 4px;border-top:1px solid var(--border-default);margin-top:8px}.settings-row{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.settings-row input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer;flex-shrink:0}.settings-label{display:flex;flex-direction:column;gap:2px;cursor:pointer}.settings-label-title{color:var(--text-light);font-size:13px;font-weight:500}.settings-label-desc{color:var(--text-muted);font-size:11px;line-height:1.3}.settings-select{background:var(--bg-interactive);color:var(--text-light);border:1px solid var(--border-default);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;min-width:80px;margin-top:1px}.settings-select:focus{outline:none;border-color:var(--accent-blue)}.help-panel-wrapper{position:relative;display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.help-panel-button{background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);font-weight:700;border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center}.help-panel-button:hover{background-color:var(--border-default);border-color:var(--text-dim);color:var(--text-primary)}.help-panel-button.active{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.help-panel-icon{font-size:calc(var(--btn-size) * .55);width:auto;text-align:center}.help-panel-dropdown{position:fixed;top:var(--bar-h);right:320px;width:340px;max-height:calc(100vh - 120px);background-color:#2a2a2afa;border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;z-index:300}.help-panel-header{padding:12px 16px;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.help-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.help-pin-button{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s,transform .2s;line-height:1;opacity:.6}.help-pin-button:hover{background-color:#ffffff1a;opacity:1}.help-pin-button.pinned{opacity:1;transform:rotate(45deg)}.help-download-section{padding:12px 16px;border-bottom:1px solid var(--border-default)}.help-download-button{display:block;width:100%;padding:8px 12px;background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;font-size:13px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s}.help-download-button:hover{background-color:var(--border-default);color:var(--text-primary);border-color:var(--text-dim)}.help-chat-section{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 16px}.help-chat-label{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-weight:500}.help-chat-phi-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;padding:8px 10px;margin-bottom:8px;display:flex;gap:6px;align-items:center;font-size:11px;color:#d4a017;line-height:1.4}.help-chat-phi-icon{flex-shrink:0}.help-chat-messages{flex:1;overflow-y:auto;max-height:320px;min-height:80px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.help-chat-message{padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.4;max-width:85%;word-wrap:break-word}.help-chat-message-user{background-color:var(--accent-blue);color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:4px}.help-chat-message-assistant{background-color:var(--bg-interactive);color:var(--text-light);align-self:flex-start;border-bottom-left-radius:4px}.help-chat-message-assistant p{margin:0 0 4px}.help-chat-message-assistant p:last-child{margin-bottom:0}.help-chat-message-assistant br{display:block;content:"";margin:2px 0}.help-chat-message-assistant ul{margin:4px 0;padding-left:18px}.help-chat-message-assistant li{margin-bottom:2px}.help-chat-message-assistant strong{color:var(--text-primary);font-weight:600}.help-chat-message-assistant code{background-color:#ffffff1a;padding:1px 4px;border-radius:3px;font-size:12px;font-family:monospace}.help-chat-input-area{display:flex;gap:6px}.help-chat-input{flex:1;padding:8px 12px;background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-light);font-size:13px;outline:none}.help-chat-input:focus{border-color:var(--accent-blue)}.help-chat-input:disabled{opacity:.5}.help-chat-send{padding:8px 14px;background-color:var(--accent-blue);color:var(--text-primary);border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.help-chat-send:hover:not(:disabled){background-color:var(--accent-blue-hover)}.help-chat-send:disabled{opacity:.5;cursor:not-allowed}.help-manual-panel{position:fixed;top:var(--bar-h);right:670px;width:620px;max-height:calc(100vh - 80px);background-color:#1e1e1e;border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;z-index:300;overflow:hidden}.help-manual-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-default)}.help-manual-title{font-size:14px;font-weight:600;color:var(--text-primary)}.help-manual-header-right{display:flex;align-items:center;gap:10px}.help-manual-newtab{font-size:11px;color:var(--text-muted);text-decoration:none}.help-manual-newtab:hover{color:var(--accent-blue-light);text-decoration:underline}.help-manual-close{background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.help-manual-close:hover{color:var(--text-primary)}.help-manual-iframe{width:100%;flex:1;min-height:500px;height:calc(100vh - 160px);border:none;background:#1e1e1e;border-radius:0 0 8px 8px;filter:invert(.88) hue-rotate(180deg)}.help-download-button.active{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.help-tab-bar{display:flex;border-bottom:1px solid var(--border-default);padding:0 8px;gap:2px}.help-tab-button{flex:1;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s}.help-tab-button:hover{color:var(--text-secondary)}.help-tab-button.active{color:var(--accent-blue-light);border-bottom-color:var(--accent-blue)}.help-tab-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.help-search-bar{padding:10px 12px 6px}.help-search-input{width:100%;padding:8px 12px;background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;color:var(--text-light);font-size:13px;outline:none;box-sizing:border-box}.help-search-input:focus{border-color:var(--accent-blue)}.help-search-input::placeholder{color:var(--text-dim)}.help-category-bar{display:flex;flex-wrap:wrap;gap:4px;padding:6px 12px 8px}.help-category-pill{padding:4px 10px;background-color:var(--bg-interactive);border:1px solid var(--border-default);border-radius:12px;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.help-category-pill:hover{color:var(--text-secondary);border-color:var(--text-dim)}.help-category-pill.active{background-color:var(--accent-blue);border-color:var(--accent-blue-hover);color:var(--text-primary)}.help-article-list{display:flex;flex-direction:column;overflow-y:auto;max-height:380px;padding:4px 8px 8px;gap:2px}.help-article-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:background-color .15s;gap:8px;width:100%}.help-article-item:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.help-article-item-title{flex:1;font-weight:500}.help-article-item-category{font-size:10px;color:var(--text-dim);white-space:nowrap;padding:2px 6px;background-color:#ffffff0d;border-radius:4px}.help-article-empty{padding:24px 12px;text-align:center;color:var(--text-dim);font-size:13px}.help-article-detail{display:flex;flex-direction:column;overflow-y:auto;max-height:420px;padding:8px 12px 12px}.help-article-back{background:transparent;border:none;color:var(--accent-blue-light);font-size:12px;cursor:pointer;padding:4px 0;text-align:left;margin-bottom:8px}.help-article-back:hover{color:var(--accent-blue);text-decoration:underline}.help-article-detail-category{font-size:10px;color:var(--accent-blue-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.help-article-detail-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.help-article-detail-content{font-size:13px;line-height:1.55;color:var(--text-light)}.help-article-detail-content p{margin:0 0 10px}.help-article-detail-content p:last-child{margin-bottom:0}.help-article-detail-content ul{margin:6px 0 10px;padding-left:20px}.help-article-detail-content li{margin-bottom:4px}.help-article-detail-content strong{color:var(--text-primary);font-weight:600}.help-article-detail-content kbd{background-color:var(--bg-interactive);border:1px solid var(--border-default);border-radius:3px;padding:1px 5px;font-size:12px;font-family:monospace;color:var(--text-secondary)}.help-article-detail-content code{background-color:#ffffff1a;padding:1px 4px;border-radius:3px;font-size:12px;font-family:monospace}.help-article-detail-content h4{margin:12px 0 6px;font-size:14px;font-weight:600;color:var(--text-primary)}.help-article-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.help-article-table th,.help-article-table td{padding:6px 8px;border:1px solid var(--border-default);text-align:left}.help-article-table th{background-color:var(--bg-interactive);color:var(--text-primary);font-weight:600}.help-article-table td{color:var(--text-light)}.help-manual-info{padding:16px;font-size:13px;color:var(--text-muted);line-height:1.5}.help-manual-info a{color:var(--accent-blue-light);text-decoration:none}.help-manual-info a:hover{text-decoration:underline}.enterprise-admin-wrapper{display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.enterprise-admin-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);cursor:pointer;padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s}.enterprise-admin-btn:hover{background:#ffffff14}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:var(--bg-secondary, #1e1e1e);border-top:1px solid var(--border-default, #4b5563);padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--text-secondary, #d1d5db)}.cookie-consent-banner a{color:var(--accent-blue, #3b82f6);text-decoration:underline}.cookie-consent-accept{background:var(--accent-blue, #3b82f6);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.cookie-consent-accept:hover{background:var(--accent-blue-hover, #2563eb)}#viewport-container{position:relative;flex:1;width:100%;min-height:0;overflow:hidden;background-color:#000}#image-canvas,#annotation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:default}#image-canvas{z-index:1;touch-action:none}#annotation-canvas{z-index:2;pointer-events:none}#sv-labels{position:absolute;top:8px;left:8px;z-index:10;display:flex;flex-direction:column;gap:2px;pointer-events:none;max-width:calc(100% - 20px)}#sv-patient-info{background-color:#000000b3;color:var(--accent-blue-light);padding:2px 6px;font-size:12px;font-weight:600;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#sv-series-info{background-color:#000000b3;color:var(--text-primary);padding:2px 6px;font-size:12px;font-weight:500;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#sv-slice-info{background-color:#000000b3;color:var(--accent-warning);padding:2px 6px;font-size:12px;font-weight:600;border-radius:3px}#sv-patient-info:empty,#sv-series-info:empty,#sv-slice-info:empty{display:none}#image-canvas.panning{cursor:move}#image-canvas.window-leveling{cursor:ns-resize}#image-canvas.zooming{cursor:zoom-in}#image-canvas.drag-over{outline:4px solid var(--accent-success);outline-offset:-4px;box-shadow:inset 0 0 20px #10b9814d}#image-canvas.drag-over-json{outline:4px solid var(--accent-primary, #6366f1);outline-offset:-4px;box-shadow:inset 0 0 30px #6366f140}.loading-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.loading-indicator{background-color:var(--bg-tertiary);border:2px solid #444;border-radius:8px;padding:30px 40px;min-width:300px;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 4px 20px #00000080}.loading-spinner{width:50px;height:50px;border:4px solid #444;border-top-color:#0f0;border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:var(--text-primary);font-size:16px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4}.loading-progress-bar{width:100%;height:8px;background-color:var(--bg-deep);border:1px solid #444;border-radius:4px;overflow:hidden;display:none}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#0f0,#0c0);width:0%;transition:width .3s ease;box-shadow:0 0 10px #00ff0080}.error-message{position:fixed;top:20px;right:20px;background-color:#c00;color:var(--text-primary);padding:15px 20px;border-radius:6px;border:2px solid #ff0000;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;z-index:10001;max-width:400px;box-shadow:0 4px 20px #00000080;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-message.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.segmentation-confirm-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background-color:var(--bg-tertiary);border:2px solid #ff00ff;border-radius:8px;padding:10px 20px;z-index:10002;box-shadow:0 4px 20px #ff00ff4d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.segmentation-confirm-label{color:var(--text-primary);font-size:13px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap}.segmentation-confirm-accept,.segmentation-confirm-reject{padding:6px 16px;border:none;border-radius:4px;font-size:13px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;font-weight:600}.segmentation-confirm-accept{background-color:#0c0;color:#000}.segmentation-confirm-accept:hover{background-color:#0f0}.segmentation-confirm-reject{background-color:#c00;color:#fff}.segmentation-confirm-reject:hover{background-color:red}.hierarchy-panel{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100%;background-color:var(--bg-secondary);border-right:1px solid var(--bg-surface);display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;overflow:hidden}.hierarchy-panel.collapsed{width:calc(24px + 16px * var(--sidebar-scale, 1));min-width:calc(24px + 16px * var(--sidebar-scale, 1))}.hierarchy-header{display:flex;align-items:center;padding:0 var(--btn-pad);background-color:var(--bg-tertiary);border-bottom:1px solid var(--bg-surface);gap:var(--btn-gap);height:var(--bar-h);min-height:var(--bar-h)}.hierarchy-sort-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.hierarchy-panel.collapsed .hierarchy-sort-controls{display:none}.patient-nav-controls{display:flex;flex-direction:row;gap:2px}.patient-nav-btn{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;width:var(--btn-size);height:var(--btn-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .15s}.patient-nav-btn:hover{background-color:var(--accent-blue);border-color:var(--accent-blue)}.patient-nav-btn:active{background-color:var(--accent-blue-hover)}.patient-nav-icon{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.patient-nav-icon.up{border-bottom:6px solid var(--text-secondary);border-top:none}.patient-nav-icon.down{border-top:6px solid var(--text-secondary);border-bottom:none}.patient-header .hanging-nav-controls{display:flex;flex-direction:row;gap:2px;margin-left:auto;margin-right:4px}.hanging-nav-btn{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;width:var(--btn-size);height:var(--btn-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .15s}.hanging-nav-btn:hover{background-color:var(--accent-blue);border-color:var(--accent-blue)}.hanging-nav-btn:active{background-color:var(--accent-blue-hover)}.hanging-nav-icon{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.hanging-nav-icon.up{border-bottom:7px solid var(--text-secondary);border-top:none}.hanging-nav-icon.down{border-top:7px solid var(--text-secondary);border-bottom:none}.sort-field-btn{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;width:var(--btn-size);height:var(--btn-size);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.sort-field-btn:hover{background-color:var(--border-default)}.sort-icon{position:relative;width:7px;height:2px;background-color:var(--text-muted)}.sort-icon:before{content:"";position:absolute;top:-4px;left:0;width:10px;height:2px;background-color:var(--text-muted)}.sort-icon:after{content:"";position:absolute;top:4px;left:0;width:4px;height:2px;background-color:var(--text-muted)}.sort-direction-btn{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;width:var(--btn-size);height:var(--btn-size);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sort-direction-btn:hover{background-color:var(--border-default)}.sort-direction-icon{position:relative;width:10px;height:12px}.sort-direction-icon:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:10px;background-color:var(--text-secondary)}.sort-direction-icon:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.sort-direction-icon.asc:before{bottom:0}.sort-direction-icon.asc:after{top:0;border-bottom:5px solid var(--text-secondary);border-top:none}.sort-direction-icon.desc:before{top:0}.sort-direction-icon.desc:after{bottom:0;border-top:5px solid var(--text-secondary);border-bottom:none}.hierarchy-toggle{width:var(--btn-size);height:var(--btn-size);background-color:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s}.hierarchy-toggle:hover{background-color:var(--border-default)}.toggle-icon{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid var(--text-secondary);transition:transform .2s}.hierarchy-panel.collapsed .toggle-icon{transform:rotate(180deg)}.hierarchy-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden}.hierarchy-panel.collapsed .hierarchy-title{display:none}.hierarchy-content{flex:1;overflow-y:auto;overflow-x:hidden}.hierarchy-panel.collapsed .hierarchy-tree{display:none}.hierarchy-panel.collapsed .hierarchy-content{overflow-y:auto}.hierarchy-tree{padding:calc(4px + 4px * var(--sidebar-scale, 1))}.hierarchy-empty{padding:calc(8px + 8px * var(--sidebar-scale, 1));text-align:center;color:var(--text-muted);font-size:calc(9px + 4px * var(--sidebar-scale, 1))}.hierarchy-node{user-select:none}.node-header{display:flex;align-items:center;padding:calc(3px + 3px * var(--sidebar-scale, 1)) calc(4px + 4px * var(--sidebar-scale, 1));border-radius:4px;cursor:pointer;transition:background-color .15s;gap:calc(3px + 3px * var(--sidebar-scale, 1))}.node-header:hover{background-color:var(--bg-interactive)}.node-children{padding-left:calc(8px + 8px * var(--sidebar-scale, 1))}.expand-icon{width:calc(8px + 4px * var(--sidebar-scale, 1));height:calc(8px + 4px * var(--sidebar-scale, 1));display:flex;align-items:center;justify-content:center;flex-shrink:0}.expand-icon:before{content:"";display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid var(--text-muted);transition:transform .15s}.expand-icon.expanded:before{transform:rotate(90deg)}.node-icon{width:calc(10px + 8px * var(--sidebar-scale, 1));height:calc(10px + 8px * var(--sidebar-scale, 1));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:calc(9px + 5px * var(--sidebar-scale, 1))}.patient-icon:before{content:"👤";font-size:inherit}.study-icon:before{content:"📁";font-size:inherit}.series-icon:before{content:"🖼";font-size:inherit}.series-thumbnail{max-width:calc(40px + 40px * var(--sidebar-scale, 1));max-height:calc(40px + 40px * var(--sidebar-scale, 1));width:auto;height:auto;object-fit:contain;border-radius:4px;border:2px solid var(--border-default);background-color:#000;flex-shrink:0;cursor:grab}.series-thumbnail:active{cursor:grabbing}.series-thumbnail.dragging{opacity:.5}.series-node.selected .series-thumbnail{border-color:var(--accent-blue-light)}.node-label{font-size:calc(9px + 4px * var(--sidebar-scale, 1));color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.patient-label-area{display:flex;align-items:center;gap:6px;min-width:0;cursor:pointer}.patient-header.patient-collapsed .patient-label-area{flex:1}.patient-header.patient-expanded .patient-label-area{flex:0 1 auto;max-width:calc(100% - 70px)}.patient-header.patient-expanded{justify-content:space-between}.patient-header .node-label{color:var(--text-primary);font-weight:600}.study-header .node-label{color:var(--accent-success);font-weight:500}.study-label{display:flex;flex-direction:column;gap:2px;min-width:0}.study-line1{font-size:calc(9px + 4px * var(--sidebar-scale, 1));color:var(--accent-success);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-line2{font-size:calc(8px + 3px * var(--sidebar-scale, 1));color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-header .node-label{color:var(--accent-blue-light)}.series-label{display:flex;flex-direction:column;gap:2px;min-width:0}.series-line1{font-size:calc(9px + 4px * var(--sidebar-scale, 1));color:var(--accent-blue-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-line2{font-size:calc(8px + 3px * var(--sidebar-scale, 1));color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-line3{font-size:calc(7px + 3px * var(--sidebar-scale, 1));color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-node.selected .series-line1{color:var(--text-primary)}.series-node.selected .series-line2{color:var(--text-secondary)}.series-node.selected .series-line3{color:var(--text-muted)}.series-header{padding-left:calc(10px + 10px * var(--sidebar-scale, 1));padding-top:calc(2px + 2px * var(--sidebar-scale, 1));padding-bottom:calc(2px + 2px * var(--sidebar-scale, 1));align-items:center}.series-header .node-label{white-space:nowrap;line-height:1.3}.series-node.selected .node-header{background-color:var(--accent-blue)}.series-node.selected .node-label{color:var(--text-primary);font-weight:500}.series-node.selected .series-icon:before{filter:brightness(1.5)}.hierarchy-content::-webkit-scrollbar{width:8px}.hierarchy-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.hierarchy-content::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:4px}.hierarchy-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-dim)}.series-thumbnail-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid transparent;border-radius:4px}.series-thumbnail-container.displayed{border-color:var(--accent-blue-active);border-width:1px}.series-thumbnail-container.displayed-active{border-color:var(--accent-blue)}.series-thumbnail-placeholder{width:calc(40px + 40px * var(--sidebar-scale, 1));height:calc(40px + 40px * var(--sidebar-scale, 1));background-color:var(--bg-tertiary);border-radius:4px;border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center}.loading-spinner{width:calc(14px + 10px * var(--sidebar-scale, 1));height:calc(14px + 10px * var(--sidebar-scale, 1));border:2px solid var(--border-default);border-top-color:var(--accent-blue-light);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.series-loading-overlay{position:absolute;inset:0;background-color:#0009;border-radius:4px;display:flex;align-items:center;justify-content:center}.loading-progress{color:var(--accent-blue-light);font-size:calc(8px + 4px * var(--sidebar-scale, 1));font-weight:600}.slim-tree{display:none;flex-direction:column;align-items:center;padding:4px 0;gap:2px;overflow-y:auto}.hierarchy-panel.collapsed .slim-tree{display:flex}.slim-patient-icon{font-size:calc(10px + 6px * var(--sidebar-scale, 1));color:var(--text-muted);padding:calc(2px + 2px * var(--sidebar-scale, 1)) 0 calc(1px + 1px * var(--sidebar-scale, 1));line-height:1;user-select:none}.slim-study-icon{font-size:calc(8px + 4px * var(--sidebar-scale, 1));color:var(--text-dim);padding:1px 0;line-height:1;user-select:none}.slim-series{width:calc(20px + 12px * var(--sidebar-scale, 1));height:calc(14px + 8px * var(--sidebar-scale, 1));background-color:var(--bg-interactive);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:4px;font-size:calc(7px + 3px * var(--sidebar-scale, 1));font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.slim-series:hover{background-color:var(--border-default);color:var(--text-primary)}.slim-series.active{background-color:var(--accent-blue);color:var(--text-primary);border-color:var(--accent-blue-hover)}.viewport-grid{display:grid;gap:2px;width:100%;height:100%;background-color:var(--bg-deep)}.viewport-cell{position:relative;background-color:#000;border:2px solid transparent;overflow:hidden;cursor:default;transition:border-color .15s ease}.viewport-cell:hover{border-color:#3b82f666}.viewport-cell.active{border-color:var(--accent-blue);box-shadow:0 0 8px #3b82f666}.viewport-cell.drag-over{border-color:var(--accent-success);box-shadow:0 0 12px #10b98199;background-color:#10b9811a}.viewport-cell .cell-image-canvas,.viewport-cell .cell-annotation-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.viewport-cell .cell-image-canvas{z-index:1}.viewport-cell .cell-annotation-canvas{z-index:3;pointer-events:none}.viewport-cell .cell-labels{position:absolute;top:4px;z-index:10;display:flex;flex-direction:column;gap:2px;pointer-events:none;max-width:calc(100% - 20px)}.viewport-cell .cell-labels.labels-left{left:4px;align-items:flex-start}.viewport-cell .cell-labels.labels-right{right:10px;align-items:flex-end}.viewport-cell .patient-info{background-color:#000000b3;color:var(--accent-blue-light);padding:2px 6px;font-size:11px;font-weight:600;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.viewport-cell .cell-info{background-color:#000000b3;color:var(--text-primary);padding:2px 6px;font-size:11px;font-weight:500;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.viewport-cell .slice-indicator{background-color:#000000b3;color:var(--accent-warning);padding:2px 6px;font-size:11px;font-weight:600;border-radius:3px}.viewport-cell .cell-loading{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:#000c;z-index:5}.viewport-cell .cell-loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-blue);border-radius:50%;animation:cell-spin 1s linear infinite}.viewport-cell .cell-loading-text{color:var(--text-muted);font-size:12px;font-weight:500}@keyframes cell-spin{to{transform:rotate(360deg)}}#viewport-container:not(.grid-mode) .viewport-grid{display:none}#viewport-container.grid-mode>#image-canvas,#viewport-container.grid-mode>#annotation-canvas,#viewport-container.grid-mode>#sv-labels{display:none}#viewport-container.grid-mode .viewport-grid{display:grid}.viewport-grid.mammography-grid{gap:0}.viewport-cell.mammo-cell{border-width:1px}.viewport-cell.mammo-right-breast{border-right-width:0}.viewport-cell.mammo-left-breast{border-left-width:0}.viewport-cell.mammo-cell.active{border-width:2px;z-index:5}.viewport-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#top-disclaimer{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:1px 10px;background-color:#501e1eb3;border:1px solid rgba(120,40,40,.5);border-top:none;border-radius:0 0 4px 4px;z-index:20;pointer-events:none;box-sizing:border-box}#top-disclaimer .disclaimer-icon{color:var(--text-danger-light);font-size:11px;line-height:1}#top-disclaimer .disclaimer-text{color:var(--text-danger-light);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;line-height:1}.app-footer-bar{position:fixed;bottom:0;left:0;right:0;height:28px;background-color:var(--bg-input);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:1000;border-top:1px solid var(--bg-interactive);font-size:11px;color:var(--text-muted)}.app-footer-bar .footer-status{display:flex;align-items:center;gap:16px;flex:1;overflow:hidden;min-width:0}.app-footer-bar .footer-status span{white-space:nowrap}.app-footer-bar #image-info{font-weight:600;color:var(--text-primary)}.app-footer-bar #series-info{color:var(--accent-warning);font-weight:600}.app-footer-bar #window-level-info{color:var(--accent-success)}.app-footer-bar #zoom-info{color:var(--accent-blue-light)}.app-footer-bar #scroll-mode-info{color:var(--text-muted);cursor:pointer;padding:1px 6px;border-radius:3px;transition:background .15s,color .15s;user-select:none;font-size:16px}.app-footer-bar #scroll-mode-info:hover{background:var(--bg-hover);color:var(--text-primary)}.app-footer-bar #scroll-mode-info.mode-zoom{color:var(--accent-blue-light)}.app-footer-bar #pixel-info{color:#a78bfa;font-family:monospace}.app-footer-bar .footer-center{flex:0 0 auto;text-align:center}.app-footer-bar .footer-disclaimer{color:#f87171;font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.app-footer-bar .footer-right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end;overflow:hidden;min-width:0}.app-footer-bar #loading-status{color:#fbbf24;font-weight:500}.app-footer-bar .footer-version{color:var(--text-dim);font-size:10px}.viewport-context-menu{position:fixed;background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;padding:4px 0;z-index:2000;box-shadow:0 4px 12px #00000080;min-width:140px}.context-menu-item{padding:8px 16px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:background-color .15s}.context-menu-item:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.metadata-popup-overlay{position:fixed;inset:0;background:#00000080;z-index:3000;display:flex;align-items:center;justify-content:center}.metadata-popup{background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #0009;width:520px;max-height:80vh;display:flex;flex-direction:column}.metadata-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-default);font-weight:600;color:var(--text-primary);font-size:14px}.metadata-popup-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.metadata-popup-close:hover{color:var(--text-primary)}.metadata-popup-body{overflow-y:auto;padding:8px 0}.metadata-table{width:100%;border-collapse:collapse;font-size:12px}.metadata-table tr:hover{background-color:var(--bg-interactive)}.metadata-label{padding:4px 16px;color:var(--text-muted);white-space:nowrap;width:160px;vertical-align:top}.metadata-value{padding:4px 16px;color:var(--text-primary);word-break:break-all;font-family:monospace;font-size:11px}.regulatory-watermark{position:absolute;top:50px;right:10px;background-color:#dc2626cc;color:var(--text-primary);padding:4px 8px;font-size:11px;font-weight:600;border-radius:4px;z-index:20;pointer-events:none;letter-spacing:.3px}.regulatory-watermark.research{background-color:#d97706cc}.regulatory-watermark.hidden{display:none}.orientation-markers{position:absolute;inset:0;pointer-events:none;z-index:16}.orientation-marker{position:absolute;font-size:14px;font-weight:700;color:var(--text-primary);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.orientation-marker.left{left:20px;top:50%;transform:translateY(-50%)}.orientation-marker.right{right:20px;top:50%;transform:translateY(-50%)}.orientation-marker.top{top:20px;left:50%;transform:translate(-50%)}.orientation-marker.bottom{bottom:20px;left:50%;transform:translate(-50%)}.viewport-corner-overlay{position:absolute;z-index:17;pointer-events:none}.viewport-corner-overlay.top-left{top:8px;left:8px}.viewport-corner-overlay.top-right{top:8px;right:8px;text-align:right}.viewport-corner-overlay.bottom-left{bottom:8px;left:8px}.viewport-corner-overlay.bottom-right{bottom:8px;right:8px;text-align:right}.overlay-line{display:block;background-color:#0009;color:var(--text-light);padding:2px 6px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:3px;margin-bottom:2px;white-space:nowrap}.overlay-line:last-child{margin-bottom:0}.overlay-line.highlight{color:var(--accent-blue-light);font-weight:600}.overlay-line.warning{color:#fbbf24}.scale-bar-container{position:absolute;bottom:40px;left:20px;z-index:18;pointer-events:none}.scale-bar{height:4px;background-color:var(--text-primary);border:1px solid rgba(0,0,0,.5);min-width:50px}.scale-bar-label{color:var(--text-primary);font-size:11px;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin-top:2px;text-align:center}.demo-panel-overlay{position:fixed;inset:0;background-color:transparent;z-index:2000}.demo-panel{position:fixed;top:var(--bar-h);left:var(--sidebar-w);background-color:var(--bg-input);border-radius:12px;width:500px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;border:1px solid var(--bg-interactive)}.demo-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--bg-interactive)}.demo-panel-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.demo-panel-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.demo-panel-close:hover{color:var(--text-primary)}.demo-panel-description{padding:12px 20px;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--bg-interactive)}.demo-panel-list{flex:1;overflow-y:auto;padding:12px}.demo-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--bg-interactive);font-size:12px}.demo-storage-info{color:var(--text-dim)}.demo-clear-cache{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-default);padding:6px 12px;font-size:12px;border-radius:4px;cursor:pointer}.demo-clear-cache:hover{background-color:var(--bg-interactive);color:var(--text-primary)}.demo-dataset-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:var(--bg-interactive);border-radius:8px;margin-bottom:8px;border:1px solid var(--border-default)}.demo-dataset-card:last-child{margin-bottom:0}.demo-dataset-icon{font-size:32px;line-height:1;flex-shrink:0}.mammo-icon{display:flex;gap:1px;align-items:stretch;height:32px;background:#000;padding:2px;border-radius:2px}.mammo-icon .mammo-view{width:15px;height:100%;background:#000;position:relative;overflow:hidden}.mammo-icon .mammo-view:before{content:"";position:absolute;width:20px;height:24px;top:2px;background:radial-gradient(ellipse 80% 100% at 70% 30%,#ccc,#888 40%,#666,#444)}.mammo-icon .mammo-view:after{content:"";position:absolute;top:0;width:14px;height:10px;background:linear-gradient(180deg,#eee 0%,#ddd 40%,transparent 100%)}.mammo-icon .mammo-view.left:before{right:-6px;border-radius:60% 0% 20% 50%}.mammo-icon .mammo-view.left:after{right:0;clip-path:polygon(100% 0%,30% 0%,100% 100%)}.mammo-icon .mammo-view.right:before{left:-6px;border-radius:0% 60% 50% 20%}.mammo-icon .mammo-view.right:after{left:0;clip-path:polygon(0% 0%,70% 0%,0% 100%)}.mammo-icon .mammo-label{position:absolute;top:1px;font-size:6px;font-weight:700;color:#aaa;z-index:1}.mammo-icon .mammo-view.left .mammo-label{right:1px}.mammo-icon .mammo-view.right .mammo-label{left:1px}.ct-axial-icon{width:32px;height:32px;background:#000;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center}.ct-axial-icon:before{content:"";width:26px;height:22px;background:radial-gradient(ellipse 100% 100% at 50% 50%,#555 0%,var(--border-dark) 70%,#222 100%);border-radius:50%;position:absolute}.ct-axial-icon:after{content:"";width:6px;height:6px;background:#eee;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,20%);box-shadow:-6px -2px 0 1px #888,6px -2px 0 1px #888,0 0 3px 1px #ffffff4d}.ct-axial-icon .ct-organs{position:absolute;width:100%;height:100%}.ct-axial-icon .ct-organs:before,.ct-axial-icon .ct-organs:after{content:"";position:absolute;background:radial-gradient(ellipse,#666,#444);border-radius:40%;top:35%}.ct-axial-icon .ct-organs:before{width:5px;height:8px;left:5px}.ct-axial-icon .ct-organs:after{width:5px;height:8px;right:5px}.demo-dataset-info{flex:1;min-width:0}.demo-dataset-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.demo-dataset-meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted);margin-bottom:4px}.demo-dataset-modality{background-color:var(--border-default);padding:1px 6px;border-radius:3px;color:var(--text-light)}.demo-dataset-description{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.demo-dataset-source{font-size:10px;color:var(--text-dim)}.demo-dataset-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.demo-download-btn,.demo-load-btn{background-color:var(--accent-blue);color:var(--text-primary);border:none;padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s}.demo-download-btn:hover,.demo-load-btn:hover{background-color:var(--accent-blue-hover)}.demo-load-btn:disabled{background-color:var(--text-dim);cursor:not-allowed}.demo-delete-btn{background-color:transparent;color:var(--text-muted);border:1px solid var(--border-default);width:32px;height:32px;font-size:18px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.demo-delete-btn:hover{background-color:#7f1d1d;border-color:var(--bg-danger);color:var(--text-danger-light)}.demo-download-progress{display:flex;align-items:center;gap:8px;min-width:120px}.demo-progress-bar{flex:1;height:6px;background-color:var(--border-default);border-radius:3px;overflow:hidden}.demo-progress-fill{height:100%;background-color:var(--accent-blue);width:0%;transition:width .2s}.demo-progress-text{font-size:11px;color:var(--text-muted);min-width:35px;text-align:right}.demo-annotated-filters{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid var(--bg-interactive)}.demo-annotated-filters select{flex:1;padding:4px 8px;font-size:11px;background-color:var(--bg-interactive);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;cursor:pointer}.demo-annotated-source-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--bg-interactive);border-radius:6px;margin-bottom:4px;border:1px solid var(--border-default);gap:10px}.demo-source-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.demo-source-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);font-size:20px}.demo-source-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.demo-source-name{font-size:13px;font-weight:600;color:var(--text-primary)}.demo-source-count{font-size:11px;color:var(--text-muted)}.demo-source-size{font-size:11px;color:var(--text-dim)}.demo-source-actions{display:flex;align-items:center;gap:8px}.demo-source-badge{font-size:11px;padding:2px 8px;border-radius:3px;font-weight:500}.demo-source-ready{background-color:#22c55e26;color:#22c55e}.demo-annotated-card{margin-left:12px;border-left:2px solid var(--accent-blue)}.demo-ann-chips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:2px}.demo-ann-chip{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:500}.demo-ann-classification{background-color:#3b82f633;color:#93c5fd}.demo-ann-bbox{background-color:#f9731633;color:#fdba74}.demo-ann-polygon{background-color:#a855f733;color:#c4b5fd}.demo-ann-mask{background-color:#22c55e33;color:#86efac}.demo-ann-localization{background-color:#ec489933;color:#f9a8d4}.demo-label-chips{display:flex;gap:3px;flex-wrap:wrap}.demo-label-chip{font-size:10px;padding:1px 5px;border-radius:3px;background-color:var(--border-default);color:var(--text-light)}.demo-loading{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.sr-panel{position:fixed;right:0;top:40px;bottom:0;width:420px;background:var(--bg-deep);border-left:1px solid var(--border-dark);display:flex;flex-direction:column;z-index:100;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e0e0e0}.sr-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#16213e;border-bottom:1px solid var(--border-dark);flex-shrink:0}.sr-panel-header h3{margin:0;font-size:14px;font-weight:600;color:#e0e0e0}.sr-panel-close{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:3px}.sr-panel-close:hover{background:var(--border-dark);color:#fff}.sr-panel-content{flex:1;overflow-y:auto;padding:8px}.sr-panel-empty{color:#666;text-align:center;padding:24px;font-style:italic}.sr-report{margin-bottom:16px}.sr-report-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#16213e;border-radius:4px;margin-bottom:4px}.sr-report-title{font-weight:600;font-size:13px;color:#7ec8e3}.sr-report-date{font-size:11px;color:#888}.sr-content-item{padding:3px 4px;font-size:12px;line-height:1.5;border-left:1px solid var(--border-dark);margin-left:4px}.sr-concept-name{color:#aaa;font-weight:500}.sr-separator{color:#555}.sr-value{color:#e0e0e0}.sr-uid{font-family:monospace;font-size:10px;color:#888;word-break:break-all}.sr-toggle{cursor:pointer;margin-right:4px;font-size:10px;color:#7ec8e3;user-select:none}.sr-toggle:hover{color:#a8d8ea}.sr-image-link{color:#7ec8e3;text-decoration:none;cursor:pointer}.sr-image-link:hover{text-decoration:underline;color:#a8d8ea}.dicomweb-panel-wrapper{position:relative;display:inline-flex;flex:0 0 var(--btn-size);height:var(--btn-size)}.dicomweb-panel-button{background:var(--bg-interactive);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);border-radius:4px;font-size:var(--btn-font);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003;transition:all .2s}.dicomweb-panel-button:hover{background:var(--border-default);border-color:var(--text-dim);color:var(--text-primary);box-shadow:0 2px 6px #0000004d}.dicomweb-panel-button.active{background:var(--accent-blue);border-color:var(--accent-blue)}.dicomweb-panel-button .net-icon{font-size:calc(var(--btn-size) * .55);line-height:1}.dicomweb-panel-dropdown{position:fixed;top:var(--bar-h);left:var(--sidebar-w);width:420px;max-height:520px;background:var(--bg-input);border:1px solid var(--bg-interactive);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:200;display:flex;flex-direction:column;overflow:hidden}.dicomweb-tabs{display:flex;border-bottom:1px solid var(--bg-interactive);flex-shrink:0}.dicomweb-tab{flex:1;padding:8px 0;text-align:center;cursor:pointer;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:500;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.dicomweb-tab:hover{color:var(--text-secondary)}.dicomweb-tab.active{color:var(--text-form);border-bottom-color:var(--accent-blue)}.dicomweb-tab-content{flex:1;overflow-y:auto;padding:12px}.dicomweb-endpoint-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.dicomweb-endpoint-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-form);border:1px solid var(--bg-interactive);border-radius:6px;cursor:pointer;transition:border-color .15s}.dicomweb-endpoint-item:hover{border-color:var(--border-default)}.dicomweb-endpoint-item.active-endpoint{border-color:var(--accent-blue)}.dicomweb-endpoint-item .ep-radio{flex-shrink:0}.dicomweb-endpoint-item .ep-info{flex:1;min-width:0}.dicomweb-endpoint-item .ep-name{font-size:13px;font-weight:500;color:var(--text-form);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dicomweb-endpoint-item .ep-url{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dicomweb-endpoint-item .ep-actions{display:flex;gap:4px;flex-shrink:0}.dicomweb-btn-sm{background:var(--bg-interactive);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;padding:3px 8px;border-radius:4px;font-size:11px}.dicomweb-btn-sm:hover{background:var(--border-default)}.dicomweb-btn-sm.btn-danger:hover{background:var(--bg-danger);border-color:var(--bg-danger)}.dicomweb-btn-sm.btn-test{min-width:42px}.dicomweb-btn-sm.btn-test.testing{color:var(--text-muted);cursor:default}.dicomweb-btn-sm.btn-test.success{color:#34d399;border-color:#059669}.dicomweb-btn-sm.btn-test.fail{color:#f87171;border-color:#dc2626}.dicomweb-form{border:1px solid var(--bg-interactive);border-radius:6px;padding:10px;background:var(--bg-form)}.dicomweb-form-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dicomweb-form-row{margin-bottom:8px}.dicomweb-form-row label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:3px}.dicomweb-form-row input,.dicomweb-form-row select{width:100%;background:var(--bg-input);border:1px solid var(--bg-interactive);color:var(--text-form);padding:6px 8px;border-radius:4px;font-size:13px;font-family:inherit}.dicomweb-form-row input:focus,.dicomweb-form-row select:focus{outline:none;border-color:var(--accent-blue)}.dicomweb-form-actions{display:flex;gap:6px;justify-content:flex-end}.dicomweb-btn{background:var(--bg-interactive);border:1px solid var(--border-default);color:var(--text-form);cursor:pointer;padding:6px 14px;border-radius:4px;font-size:13px}.dicomweb-btn:hover{background:var(--border-default)}.dicomweb-btn.btn-primary{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.dicomweb-btn.btn-primary:hover{background:var(--accent-blue-active)}.dicomweb-search-form{display:flex;gap:6px;margin-bottom:10px}.dicomweb-search-input{flex:1;background:var(--bg-form);border:1px solid var(--bg-interactive);color:var(--text-form);padding:7px 10px;border-radius:4px;font-size:13px;font-family:inherit}.dicomweb-search-input:focus{outline:none;border-color:var(--accent-blue)}.dicomweb-search-input::placeholder{color:var(--text-dim)}.dicomweb-study-list{display:flex;flex-direction:column;gap:4px}.dicomweb-study-item{padding:8px 10px;background:var(--bg-form);border:1px solid var(--bg-interactive);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.dicomweb-study-item:hover{border-color:var(--border-default);background:#1a2332}.dicomweb-study-item .study-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.dicomweb-study-item .study-patient{font-size:13px;font-weight:500;color:var(--text-form);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dicomweb-study-item .study-date{font-size:11px;color:var(--text-dim);flex-shrink:0;margin-left:8px}.dicomweb-study-item .study-desc{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dicomweb-study-item .study-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.dicomweb-status{text-align:center;padding:16px;color:var(--text-dim);font-size:13px}.dicomweb-status.error{color:#f87171}.dicomweb-status.loading{color:var(--text-muted)}.dicomweb-filters{margin-bottom:10px}.dicomweb-filters-toggle{display:flex;align-items:center;gap:4px;width:100%;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 0}.dicomweb-filters-toggle:hover{color:var(--text-secondary)}.dicomweb-filters-toggle .toggle-arrow{display:inline-block;transition:transform .15s;font-size:10px}.dicomweb-filters-toggle .toggle-arrow.expanded{transform:rotate(90deg)}.dicomweb-filters-body{border:1px solid var(--bg-interactive);border-radius:6px;padding:8px 10px;margin-top:6px;background:var(--bg-form);display:flex;flex-direction:column;gap:8px}.dicomweb-filter-row{display:flex;flex-direction:column;gap:3px}.dicomweb-filter-label{font-size:11px;color:var(--text-dim)}.dicomweb-filter-date-row{display:flex;gap:6px;align-items:center}.dicomweb-filter-date-field{flex:1;display:flex;align-items:center;gap:4px}.dicomweb-filter-date-field span{font-size:11px;color:var(--text-dim);flex-shrink:0}.dicomweb-filter-input{width:100%;background:var(--bg-input);border:1px solid var(--bg-interactive);color:var(--text-form);padding:5px 8px;border-radius:4px;font-size:12px;font-family:inherit}.dicomweb-filter-input:focus{outline:none;border-color:var(--accent-blue)}.dicomweb-modality-group{display:flex;flex-wrap:wrap;gap:4px}.dicomweb-modality-btn{background:var(--bg-interactive);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.dicomweb-modality-btn:hover{background:var(--border-default)}.dicomweb-modality-btn.active{background:var(--accent-blue-hover);border-color:var(--accent-blue-hover);color:var(--text-form)}.dicomweb-filter-actions{display:flex;justify-content:flex-end}.dicomweb-load-more{display:flex;justify-content:center;margin-top:6px}.dicomweb-load-more button{background:var(--bg-interactive);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;padding:6px 16px;border-radius:4px;font-size:12px;width:100%}.dicomweb-load-more button:hover{background:var(--border-default)}.study-viewed{border-left:3px solid var(--accent-blue)}.study-viewed-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-blue);margin-right:6px;vertical-align:middle;flex-shrink:0}.oauth-token-badge{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.oauth-token-badge.valid{background:#34d399}.oauth-token-badge.expiring{background:#fbbf24}.oauth-token-badge.expired{background:#f87171}.dicomweb-oauth-actions{display:flex;align-items:center;gap:6px;margin-top:4px}.dicomweb-oauth-status{font-size:11px;color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dicomweb-oauth-status.success{color:#34d399}.dicomweb-oauth-status.error{color:#f87171}.pacs-wizard-launch-btn{width:100%;margin-bottom:10px;font-weight:500;text-align:center}.pacs-wizard-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pacs-wizard-card{background:var(--bg-input);border:1px solid var(--bg-interactive);border-radius:12px;width:520px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #0009}.pacs-wizard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.pacs-wizard-title{font-size:18px;font-weight:600;color:var(--text-form);margin:0}.pacs-wizard-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.pacs-wizard-close:hover{background:var(--bg-interactive);color:var(--text-form)}.pacs-wizard-steps{display:flex;align-items:center;padding:8px 20px 12px;gap:0}.pacs-wizard-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.pacs-wizard-step-dot:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--bg-interactive);border:2px solid var(--border-default);display:block}.pacs-wizard-step-dot.active:before{background:var(--accent-blue);border-color:var(--accent-blue)}.pacs-wizard-step-dot.completed:before{background:#34d399;border-color:#059669}.pacs-wizard-step-label{font-size:10px;color:var(--text-dim);white-space:nowrap}.pacs-wizard-step-dot.active .pacs-wizard-step-label{color:var(--accent-blue);font-weight:600}.pacs-wizard-step-line{flex:1;height:2px;background:var(--border-default);min-width:24px;margin:7px 4px 0;align-self:flex-start}.pacs-wizard-step-line.completed{background:#34d399}.pacs-wizard-body{flex:1;overflow-y:auto;padding:0 20px 12px}.pacs-wizard-desc{font-size:13px;color:var(--text-muted);margin:0 0 12px;line-height:1.5}.pacs-vendor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pacs-vendor-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--bg-form);border:2px solid var(--bg-interactive);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.pacs-vendor-card:hover{border-color:var(--border-default);background:var(--bg-interactive)}.pacs-vendor-card.selected{border-color:var(--accent-blue);background:#3b82f61a}.pacs-vendor-name{font-size:13px;font-weight:600;color:var(--text-form)}.pacs-vendor-label{font-size:10px;color:var(--text-dim)}.pacs-wizard-form-row{margin-bottom:8px}.pacs-wizard-form-row label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:3px}.pacs-wizard-form-row input,.pacs-wizard-form-row select{width:100%;background:var(--bg-form);border:1px solid var(--bg-interactive);color:var(--text-form);padding:6px 8px;border-radius:4px;font-size:13px;font-family:inherit}.pacs-wizard-form-row input:focus,.pacs-wizard-form-row select:focus{outline:none;border-color:var(--accent-blue)}.pacs-wizard-url-preview{font-size:11px;color:var(--accent-blue);background:var(--bg-form);padding:6px 8px;border-radius:4px;border:1px dashed var(--bg-interactive);margin-bottom:8px;word-break:break-all;font-family:monospace}.pacs-wizard-note{font-size:11px;color:var(--text-dim);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:4px;padding:8px;margin-top:8px;line-height:1.4}.pacs-wizard-nav{display:flex;justify-content:space-between;padding:12px 20px 16px;border-top:1px solid var(--bg-interactive)}.pacs-wizard-done-icon{text-align:center;font-size:48px;margin:8px 0}.pacs-wizard-done-icon.success{color:#34d399}.pacs-wizard-done-icon.warning{color:#fbbf24}.pacs-wizard-done-msg{text-align:center;font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.pacs-wizard-done-actions{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.pacs-wizard-done-docs{border-top:1px solid var(--bg-interactive);padding-top:12px}.pacs-wizard-docs-label{font-size:12px;color:var(--text-dim);margin-bottom:8px}.pacs-wizard-doc-link{display:block;font-size:12px;color:var(--accent-blue);text-decoration:none;padding:4px 0}.pacs-wizard-doc-link:hover{text-decoration:underline}.pacs-readiness-results{display:flex;flex-direction:column;gap:6px}.pacs-readiness-row{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;background:var(--bg-form);border:1px solid var(--bg-interactive)}.pacs-readiness-row.status-pass{border-left:3px solid #34d399}.pacs-readiness-row.status-fail{border-left:3px solid #f87171}.pacs-readiness-row.status-warn{border-left:3px solid #fbbf24}.pacs-readiness-row.status-skip{border-left:3px solid var(--border-default);opacity:.6}.pacs-readiness-icon{font-size:14px;flex-shrink:0;width:18px;text-align:center}.status-pass .pacs-readiness-icon{color:#34d399}.status-fail .pacs-readiness-icon{color:#f87171}.status-warn .pacs-readiness-icon{color:#fbbf24}.status-skip .pacs-readiness-icon{color:var(--text-dim)}.pacs-readiness-content{flex:1;min-width:0}.pacs-readiness-name{font-size:12px;font-weight:600;color:var(--text-form);margin-right:8px}.pacs-readiness-msg{font-size:12px;color:var(--text-muted)}.pacs-readiness-fix{font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.4;white-space:pre-wrap;background:#fbbf2414;padding:6px 8px;border-radius:4px}.pacs-diag-inline{margin-top:8px;padding-top:8px;border-top:1px solid var(--bg-interactive);width:100%}.pacs-export-import-row{display:flex;gap:6px;margin-bottom:12px}.pacs-integration-docs{border-top:1px solid var(--bg-interactive);padding-top:12px;margin-top:12px}.pacs-docs-header{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.pacs-docs-desc{font-size:11px;color:var(--text-dim);margin:0 0 8px}.pacs-docs-links{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.pacs-doc-link-card{display:block;padding:8px 10px;background:var(--bg-form);border:1px solid var(--bg-interactive);border-radius:6px;text-decoration:none;transition:border-color .15s}.pacs-doc-link-card:hover{border-color:var(--accent-blue)}.pacs-doc-link-title{font-size:12px;font-weight:500;color:var(--accent-blue)}.pacs-doc-link-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.pacs-docs-checklist{background:var(--bg-form);border:1px solid var(--bg-interactive);border-radius:6px;padding:8px 10px}.pacs-docs-checklist-title{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.pacs-docs-check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);padding:2px 0;cursor:pointer}.pacs-docs-check input[type=checkbox]{flex-shrink:0}.pacs-wizard-test-results{min-height:120px}.research-project-panel{position:absolute;top:100%;left:0;z-index:1000;width:360px;max-height:480px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:12px}.research-project-panel h3{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.research-project-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.research-project-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:var(--bg-tertiary);cursor:pointer;transition:background .15s}.research-project-item:hover{background:var(--bg-hover)}.research-project-item.active{background:var(--accent-blue);color:var(--text-primary)}.research-project-item .project-name{font-size:13px;font-weight:500;color:var(--text-primary)}.research-project-item .project-meta{font-size:11px;color:var(--text-muted)}.research-project-item.active .project-meta{color:var(--text-secondary)}.research-project-item .project-actions{display:flex;gap:4px}.research-project-item .project-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:12px;border-radius:3px}.research-project-item .project-actions button:hover{background:var(--bg-surface);color:var(--text-primary)}.research-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.research-form input,.research-form textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:4px;color:var(--text-form);font-size:13px;padding:6px 8px;outline:none}.research-form input:focus,.research-form textarea:focus{border-color:var(--accent-blue)}.research-form textarea{resize:vertical;min-height:48px}.research-form-actions{display:flex;gap:6px;justify-content:flex-end}.research-btn{padding:5px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.research-btn-primary{background:var(--accent-blue);color:var(--text-primary)}.research-btn-primary:hover{background:var(--accent-blue-hover)}.research-btn-secondary{background:var(--bg-surface);color:var(--text-secondary)}.research-btn-secondary:hover{background:var(--bg-hover)}.research-btn-danger{background:var(--bg-danger);color:var(--text-danger-light)}.research-btn-danger:hover{background:var(--accent-danger)}.research-preset-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.research-preset-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;background:var(--bg-tertiary)}.research-preset-color{width:14px;height:14px;border-radius:3px;border:1px solid var(--border-light);flex-shrink:0}.research-preset-name{flex:1;font-size:12px;color:var(--text-primary)}.research-preset-shortcut{font-size:11px;color:var(--text-muted);background:var(--bg-surface);padding:1px 5px;border-radius:3px;font-family:monospace}.research-label-bar{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-dark);min-height:32px;flex-shrink:0}.research-label-bar-title{font-size:11px;color:var(--text-muted);margin-right:4px;white-space:nowrap}.research-label-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid var(--border-default);border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.research-label-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.research-label-btn.active{border-color:var(--accent-blue);background:var(--accent-blue);color:var(--text-primary)}.research-label-btn .label-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.research-label-btn .label-key{font-size:10px;color:var(--text-dim);font-family:monospace;margin-left:2px}.research-label-btn.active .label-key{color:var(--text-secondary)}.research-empty{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:13px}.research-empty p{margin-bottom:8px}.research-project-panel::-webkit-scrollbar{width:6px}.research-project-panel::-webkit-scrollbar-track{background:var(--bg-deep)}.research-project-panel::-webkit-scrollbar-thumb{background:var(--bg-interactive);border-radius:3px}.research-batch-bar{position:fixed;bottom:0;left:0;right:0;height:40px;background:var(--bg-secondary);border-top:1px solid var(--border-default);z-index:900;overflow:hidden}.research-batch-fill{position:absolute;top:0;left:0;height:100%;background:#10b9811f;transition:width .3s ease}.research-batch-content{position:relative;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 12px;gap:12px}.research-batch-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.research-batch-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.research-batch-badge.labeling{background:var(--accent-blue);color:var(--text-primary)}.research-batch-badge.reviewing{background:var(--accent-purple);color:var(--text-primary)}.research-batch-count{font-size:12px;color:var(--text-secondary);white-space:nowrap}.research-batch-center{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:center}.research-batch-image-info{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-batch-img-status{font-size:10px;padding:1px 5px;border-radius:3px;white-space:nowrap}.research-batch-img-status.completed{background:#10b98133;color:var(--accent-success)}.research-batch-img-status.in_progress{background:#f59e0b33;color:var(--accent-warning)}.research-batch-img-status.skipped{background:#6b728033;color:var(--text-muted)}.research-batch-img-status.unlabeled{background:#ef444426;color:var(--accent-danger)}.research-batch-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.research-batch-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid var(--border-default);border-radius:3px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:background .15s;white-space:nowrap}.research-batch-btn:hover:not(:disabled){background:var(--bg-hover)}.research-batch-btn:disabled{opacity:.4;cursor:default}.research-batch-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-primary)}.research-batch-btn.primary:hover{background:var(--accent-blue-hover)}.research-batch-btn.secondary{background:var(--bg-surface)}.research-batch-btn.danger{background:var(--bg-danger);border-color:var(--bg-danger);color:var(--text-danger-light)}.research-batch-btn.danger:hover{background:var(--accent-danger)}.research-batch-key{font-size:9px;color:var(--text-dim);font-family:monospace;opacity:.7}.research-dashboard-overlay{position:fixed;inset:0;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center}.research-dashboard-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 16px 48px #0009;width:560px;max-width:90vw;max-height:80vh;overflow-y:auto;padding:24px}.research-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.research-dashboard-header h2{color:var(--text-primary);font-size:18px;font-weight:600}.research-dashboard-overall{margin-bottom:20px}.research-dashboard-progress-track{position:relative;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;margin-bottom:16px}.research-dashboard-progress-fill{height:100%;background:var(--accent-success);border-radius:12px;transition:width .3s ease}.research-dashboard-progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-primary)}.research-dashboard-cards{display:flex;gap:8px;flex-wrap:wrap}.research-dashboard-card{flex:1;min-width:80px;padding:10px;border-radius:8px;background:var(--bg-tertiary);text-align:center}.research-dashboard-card.success{border-left:3px solid var(--accent-success)}.research-dashboard-card.warning{border-left:3px solid var(--accent-warning)}.research-dashboard-card.danger{border-left:3px solid var(--accent-danger)}.research-dashboard-card.muted{border-left:3px solid var(--text-muted)}.research-dashboard-card-value{font-size:20px;font-weight:700;color:var(--text-primary)}.research-dashboard-card-label{font-size:11px;color:var(--text-muted);margin-top:2px}.research-dashboard-time{font-size:12px;color:var(--text-muted);margin-bottom:16px}.research-dashboard-chart{margin-bottom:20px;background:var(--bg-tertiary);border-radius:8px;padding:8px}.research-dashboard-section{margin-bottom:16px}.research-dashboard-section h3{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.research-dashboard-table{width:100%;border-collapse:collapse;font-size:12px}.research-dashboard-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--border-default)}.research-dashboard-table td{color:var(--text-secondary);padding:6px 8px;border-bottom:1px solid var(--border-dark)}.research-dashboard-table tr:hover td{background:var(--bg-tertiary)}.research-dashboard-export{display:flex;justify-content:flex-end;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-dark)}.research-dashboard-modal::-webkit-scrollbar{width:6px}.research-dashboard-modal::-webkit-scrollbar-track{background:var(--bg-deep)}.research-dashboard-modal::-webkit-scrollbar-thumb{background:var(--bg-interactive);border-radius:3px}.research-comparison-panel{max-height:520px;overflow-y:auto}.research-comparison-metrics{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-dark)}.research-import-dropzone{border:2px dashed var(--border-default);border-radius:8px;padding:24px 16px;text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color .15s,background .15s;margin-bottom:8px}.research-import-dropzone:hover,.research-import-dropzone.dragover{border-color:var(--accent-blue);background:#3b82f60d}.research-import-dropzone p{margin:4px 0}.research-toolbar-wrapper{position:relative;display:inline-flex;align-items:center;flex:0 0 var(--btn-size);height:var(--btn-size)}.research-toolbar-btn{background:var(--bg-interactive);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);font-weight:600;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003}.research-toolbar-btn:hover{background:var(--bg-hover)}.research-dropdown{position:absolute;top:100%;left:0;z-index:1100;min-width:240px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:4px 0;margin-top:4px}.research-dropdown-item{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;white-space:nowrap}.research-dropdown-item:hover{background:var(--bg-hover)}.research-dataset-panel{position:absolute;top:100%;left:0;z-index:1000;width:420px;max-height:560px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:12px}.research-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.research-panel-title{font-size:14px;font-weight:600;color:var(--text-primary)}.research-btn-sm{padding:3px 10px;font-size:11px}.research-btn-xs{padding:2px 8px;font-size:10px}.research-empty-state{text-align:center;padding:20px 12px;color:var(--text-muted);font-size:12px}.research-dataset-list{display:flex;flex-direction:column;gap:4px}.research-dataset-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:var(--bg-tertiary);cursor:pointer;transition:background .15s}.research-dataset-row:hover{background:var(--bg-hover)}.research-dataset-row.active{border-left:3px solid var(--accent-blue)}.research-dataset-info{flex:1;min-width:0}.research-dataset-name{font-size:13px;font-weight:500;color:var(--text-primary)}.research-dataset-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.research-dataset-actions{display:flex;gap:4px;flex-shrink:0;margin-left:8px}.research-create-form{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:10px}.research-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:4px;color:var(--text-form);font-size:12px;padding:5px 8px;outline:none}.research-input:focus{border-color:var(--accent-blue)}.research-input-sm{font-size:11px;padding:3px 6px}.research-dataset-detail-info{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.research-action-bar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.research-entry-list{display:flex;flex-direction:column;gap:3px;max-height:300px;overflow-y:auto}.research-entry-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;background:var(--bg-tertiary);font-size:12px}.research-entry-row:hover{background:var(--bg-hover)}.research-entry-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.research-entry-modality{font-weight:600;color:var(--accent-blue);white-space:nowrap;min-width:28px}.research-entry-desc{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-entry-meta{color:var(--text-muted);font-size:10px;white-space:nowrap}.research-cohort-filters{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:8px}.research-filter-row{display:flex;align-items:center;gap:8px}.research-filter-label{font-size:11px;color:var(--text-muted);min-width:70px;text-align:right}.research-cohort-result-info{font-size:12px;font-weight:500;color:var(--text-secondary);padding:6px 0}.research-cohort-preview{max-height:200px;overflow-y:auto;margin-top:6px}.research-deid-panel{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;max-height:500px;overflow-y:auto}.research-deid-profile{font-size:12px;color:var(--text-muted);margin-bottom:10px}.research-deid-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.research-deid-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer}.research-deid-checkbox input[type=checkbox]{margin-top:2px}.research-deid-summary{display:flex;gap:12px;padding:8px;background:var(--bg-tertiary);border-radius:6px;margin-bottom:10px}.research-deid-stat{font-size:11px;color:var(--text-muted)}.research-deid-rules{max-height:250px;overflow-y:auto;margin-bottom:10px}.research-deid-rule-header,.research-deid-rule-row{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:11px}.research-deid-rule-header{font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-dark)}.research-deid-rule-row{color:var(--text-secondary);border-bottom:1px solid var(--border-dark)}.research-deid-rule-row:hover{background:var(--bg-tertiary)}.research-deid-col-tag{width:90px;font-family:monospace;font-size:10px;flex-shrink:0}.research-deid-col-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-deid-col-action{width:80px;flex-shrink:0}.research-select-sm{background:var(--bg-input);border:1px solid var(--border-default);border-radius:3px;color:var(--text-form);font-size:10px;padding:2px 4px}.research-dataset-panel::-webkit-scrollbar,.research-entry-list::-webkit-scrollbar,.research-deid-rules::-webkit-scrollbar,.research-cohort-preview::-webkit-scrollbar,.research-deid-panel::-webkit-scrollbar{width:5px}.research-dataset-panel::-webkit-scrollbar-track,.research-entry-list::-webkit-scrollbar-track,.research-deid-rules::-webkit-scrollbar-track,.research-cohort-preview::-webkit-scrollbar-track,.research-deid-panel::-webkit-scrollbar-track{background:var(--bg-deep)}.research-dataset-panel::-webkit-scrollbar-thumb,.research-entry-list::-webkit-scrollbar-thumb,.research-deid-rules::-webkit-scrollbar-thumb,.research-cohort-preview::-webkit-scrollbar-thumb,.research-deid-panel::-webkit-scrollbar-thumb{background:var(--bg-interactive);border-radius:3px}.model-gallery-panel{position:absolute;top:100%;left:0;z-index:1000;width:520px;max-height:600px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:12px}.model-gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.model-gallery-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.model-gallery-actions{display:flex;gap:6px}.model-gallery-filters{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.gallery-search{flex:1;min-width:120px;padding:4px 8px;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;font-size:12px}.gallery-search::placeholder{color:var(--text-disabled)}.gallery-filter-select{padding:4px 6px;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;font-size:11px}.gallery-adfree-notice{padding:8px 12px;margin-bottom:10px;background:var(--bg-deep);border:1px solid var(--accent-secondary);border-radius:6px;color:var(--accent-secondary);font-size:11px;text-align:center}.model-gallery-grid{display:flex;flex-direction:column;gap:8px}.gallery-empty{text-align:center;color:var(--text-secondary);padding:24px;font-size:12px}.model-card{background:var(--bg-deep);border:1px solid var(--border-default);border-radius:6px;padding:10px 12px}.model-card-sponsored{border-left:3px solid var(--accent-warning, #f59e0b)}.model-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.model-card-name{color:var(--text-primary);font-weight:600;font-size:13px}.model-card-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-sponsored-featured{background:var(--accent-warning, #f59e0b);color:#000}.badge-sponsored-standard{background:#f59e0b40;color:var(--accent-warning, #f59e0b);border:1px solid var(--accent-warning, #f59e0b)}.badge-community{background:#3b82f626;color:var(--accent-secondary, #3b82f6);border:1px solid var(--accent-secondary, #3b82f6)}.model-card-vendor{color:var(--text-secondary);font-size:11px;margin-bottom:4px}.model-card-desc{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.model-tag{display:inline-block;padding:1px 5px;background:var(--bg-interactive);color:var(--text-secondary);border-radius:3px;font-size:10px}.model-tag-modality{color:var(--accent-primary, #22d3ee);border:1px solid var(--accent-primary, #22d3ee);background:transparent}.model-tag-task{color:var(--accent-secondary, #3b82f6)}.model-card-meta{color:var(--text-disabled);font-size:10px;margin-bottom:6px}.model-card-actions{display:flex;align-items:center;gap:8px}.btn-install{background:var(--accent-primary, #22d3ee);color:#000;font-weight:600}.btn-uninstall{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.model-installed-label{color:var(--accent-secondary, #22d3ee);font-size:11px}.model-card-docs-link{color:var(--accent-secondary, #3b82f6);font-size:11px;text-decoration:none;margin-left:auto}.model-card-docs-link:hover{text-decoration:underline}.model-card-disclosure{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-default);color:var(--text-disabled);font-size:10px;font-style:italic}.model-gallery-footer{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-default);color:var(--text-disabled);font-size:10px;text-align:center}.gallery-import-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.gallery-import-dialog{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;padding:16px;width:500px;max-width:90vw}.gallery-import-dialog h4{color:var(--text-primary);font-size:14px;margin-bottom:8px}.gallery-import-dialog p{color:var(--text-secondary);font-size:12px;margin-bottom:10px}.gallery-import-textarea{width:100%;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;padding:8px;font-family:monospace;font-size:11px;resize:vertical;box-sizing:border-box}.gallery-import-actions{display:flex;gap:6px;margin-top:10px}.gallery-import-result{margin-top:8px;font-size:11px;line-height:1.5}.validation-ok{color:var(--accent-secondary, #22d3ee)}.validation-warn{color:var(--accent-warning, #f59e0b)}.validation-error{color:var(--accent-danger, #ef4444)}.model-gallery-panel::-webkit-scrollbar{width:6px}.model-gallery-panel::-webkit-scrollbar-track{background:var(--bg-deep)}.model-gallery-panel::-webkit-scrollbar-thumb{background:var(--bg-interactive);border-radius:3px}.findings-panel{position:absolute;top:100%;right:0;z-index:1000;width:340px;max-height:550px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:12px}.findings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.findings-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.findings-header-actions{display:flex;gap:6px}.findings-clear-btn,.findings-close-btn{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);border-radius:3px;padding:2px 8px;font-size:11px;cursor:pointer}.findings-clear-btn:hover{color:var(--accent-danger, #ef4444)}.findings-close-btn:hover{color:var(--text-primary)}.findings-stats{display:flex;gap:8px;flex-wrap:wrap;padding:6px 8px;background:var(--bg-deep);border-radius:6px;margin-bottom:8px;font-size:11px;color:var(--text-secondary)}.stat-total{font-weight:600;color:var(--text-primary)}.stat-pending{color:var(--text-muted)}.stat-accepted{color:#4f4}.stat-rejected{color:#f44}.stat-confidence{margin-left:auto;color:var(--accent-primary, #22d3ee)}.findings-filters{display:flex;gap:6px;margin-bottom:8px}.findings-filter-status,.findings-filter-severity{flex:1;padding:3px 6px;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-default);border-radius:4px;font-size:11px}.findings-list{display:flex;flex-direction:column;gap:6px}.findings-empty{text-align:center;color:var(--text-secondary);padding:20px;font-size:12px}.finding-card{background:var(--bg-deep);border:1px solid var(--border-default);border-radius:6px;padding:8px 10px;cursor:pointer;transition:border-color .15s}.finding-card:hover{border-color:var(--border-focused, #555)}.finding-card.selected{border-color:var(--accent-primary, #22d3ee);background:#22d3ee0d}.finding-card.status-accepted{border-left:3px solid #44ff44}.finding-card.status-rejected{border-left:3px solid #ff4444;opacity:.7}.finding-card.status-deferred{border-left:3px solid #aaaaaa;opacity:.8}.finding-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.finding-label{color:var(--text-primary);font-weight:600;font-size:12px}.finding-confidence{font-size:12px;font-weight:700;padding:1px 5px;border-radius:3px}.confidence-high{color:#4f4;background:#44ff441a}.confidence-medium{color:gold;background:#ffd7001a}.confidence-low{color:#ff8c00;background:#ff8c001a}.finding-card-meta{display:flex;gap:8px;font-size:10px;margin-bottom:4px}.finding-severity{font-weight:600;text-transform:uppercase;letter-spacing:.3px}.severity-critical{color:#f33}.severity-high{color:#ff8c00}.severity-medium{color:gold}.severity-low{color:#4da6ff}.severity-info{color:#8c8}.finding-algorithm{color:var(--text-muted)}.finding-card-status{font-size:10px;color:var(--text-secondary);margin-bottom:4px}.finding-review-status{text-transform:capitalize;font-weight:600}.finding-note{color:var(--text-muted);font-style:italic;margin-left:6px}.finding-card-actions{display:flex;gap:4px;margin-top:4px}.finding-card-actions button{background:var(--bg-interactive);border:1px solid var(--border-default);color:var(--text-secondary);border-radius:3px;padding:2px 8px;font-size:12px;cursor:pointer;transition:all .15s}.finding-action-accept:hover{color:#4f4;border-color:#4f4}.finding-action-reject:hover{color:#f44;border-color:#f44}.finding-action-defer:hover{color:#aaa;border-color:#aaa}.finding-action-navigate:hover{color:var(--accent-primary, #22d3ee);border-color:var(--accent-primary, #22d3ee)}.findings-panel::-webkit-scrollbar{width:5px}.findings-panel::-webkit-scrollbar-track{background:var(--bg-deep)}.findings-panel::-webkit-scrollbar-thumb{background:var(--bg-interactive);border-radius:3px}.account-button-wrapper{display:flex;align-items:center;flex:0 0 var(--btn-size);height:var(--btn-size)}.account-sign-in-btn{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);font-size:var(--btn-font);font-weight:500;cursor:pointer;line-height:1;white-space:nowrap;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.account-sign-in-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.clerk-user-button{display:flex;align-items:center;height:var(--btn-size)}.auth-sign-in-modal-overlay{position:fixed;inset:0;z-index:10000;background:#000000a6;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.auth-sign-in-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;padding:24px;min-width:380px;max-width:460px;box-shadow:0 20px 60px #00000080}.upgrade-modal-overlay{position:fixed;inset:0;z-index:10000;background:#000000a6;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.upgrade-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;padding:28px 32px;max-width:420px;width:90%;box-shadow:0 20px 60px #00000080;text-align:center}.upgrade-modal-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.upgrade-modal-icon{font-size:24px}.upgrade-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.upgrade-modal-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.upgrade-modal-actions{display:flex;flex-direction:column;gap:8px}.upgrade-modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.upgrade-modal-btn:hover{opacity:.85}.upgrade-modal-btn-primary{background:linear-gradient(45deg,#0ea5e9,#ec4899);color:#fff}.upgrade-modal-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.upgrade-modal-btn-ghost{background:transparent;color:var(--text-muted)}.feature-locked{position:relative;opacity:.5;pointer-events:none}.feature-locked:after{content:"";position:absolute;inset:0;cursor:pointer;pointer-events:all}.feature-locked-clickable{opacity:.6;cursor:pointer}.feature-locked-clickable:hover{opacity:.75}.onboarding-overlay{position:fixed;inset:0;z-index:10000;background:#000000a6;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:onboarding-fade-in .25s ease-out}@keyframes onboarding-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboarding-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:14px;padding:32px 36px 24px;max-width:520px;width:92%;box-shadow:0 20px 60px #00000080;animation:onboarding-slide-up .3s ease-out}.onboarding-skip{position:absolute;top:14px;right:16px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s,background .15s}.onboarding-skip:hover{color:var(--text-secondary);background:#ffffff0f}.onboarding-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-align:center}.onboarding-body{color:var(--text-secondary);font-size:14px;line-height:1.55;min-height:160px}.onboarding-welcome{text-align:center;padding:8px 0}.onboarding-logo{font-size:48px;margin-bottom:8px}.onboarding-tagline{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 10px}.onboarding-desc{color:var(--text-secondary);margin:0}.onboarding-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.onboarding-feature-list li{display:flex;align-items:flex-start;gap:12px}.onboarding-icon{font-size:22px;flex-shrink:0;width:28px;text-align:center;line-height:1.3}.onboarding-feature-list strong{color:var(--text-primary)}.onboarding-feature-list kbd{display:inline-block;background:#ffffff14;border:1px solid var(--border-default);border-radius:4px;padding:1px 5px;font-size:12px;font-family:inherit;color:var(--text-primary)}.onboarding-ready{text-align:center;padding:8px 0}.onboarding-ready-text{color:var(--text-secondary);margin:0 0 20px}.onboarding-upgrade-notice{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:10px;padding:14px 18px;margin:0 0 16px}.onboarding-upgrade-notice p{color:var(--text-secondary);font-size:13px;margin:0 0 10px;line-height:1.5}.onboarding-upgrade-notice .onboarding-btn{width:auto;display:inline-block;padding:6px 16px;font-size:13px}.onboarding-ready-actions{display:flex;flex-direction:column;gap:8px}.onboarding-telemetry{padding:4px 0}.onboarding-telemetry-lead{color:var(--text-primary);font-size:14px;margin:0 0 14px}.onboarding-telemetry-list{list-style:none;padding:12px 16px;margin:0 0 14px;display:flex;flex-direction:column;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px}.onboarding-telemetry-list li{font-size:13px;color:var(--text-secondary);line-height:1.5}.onboarding-telemetry-list strong{color:var(--text-primary)}.onboarding-telemetry-note{font-size:12px;color:var(--text-muted);margin:0 0 18px}.onboarding-telemetry-actions{display:flex;flex-direction:column;gap:8px}.onboarding-step-dots{display:flex;justify-content:center;gap:8px;margin:20px 0 16px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;cursor:pointer;transition:background .2s,transform .2s}.onboarding-dot:hover{background:#ffffff4d}.onboarding-dot.active{background:#0ea5e9;transform:scale(1.25)}.onboarding-nav{display:flex;justify-content:space-between;align-items:center}.onboarding-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.onboarding-btn:hover{opacity:.85}.onboarding-btn-primary{background:linear-gradient(45deg,#0ea5e9,#ec4899);color:#fff}.onboarding-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.onboarding-btn-ghost{background:transparent;color:var(--text-muted)}.dob-gate-overlay{position:fixed;inset:0;z-index:10100;background:#000000b8;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:onboarding-fade-in .2s ease-out}.dob-gate-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:14px;padding:32px 36px 28px;max-width:480px;width:92%;box-shadow:0 20px 60px #0000008c;animation:onboarding-slide-up .25s ease-out}.dob-gate-header{text-align:center;margin-bottom:20px}.dob-gate-logo{font-size:36px;margin-bottom:8px;line-height:1}.dob-gate-icon-blocked{font-size:36px;color:var(--accent-warning);margin-bottom:8px;line-height:1}.dob-gate-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.dob-gate-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.dob-gate-body{margin-bottom:24px}.dob-gate-body-center{text-align:center}.dob-gate-legal{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0 0 18px}.dob-gate-link{color:#0ea5e9;text-decoration:none}.dob-gate-link:hover{text-decoration:underline}.dob-gate-notice{background:#0ea5e914;border:1px solid rgba(14,165,233,.25);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:18px}.dob-gate-notice strong{color:var(--text-primary)}.dob-gate-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.dob-gate-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.dob-gate-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:7px;color:var(--text-primary);font-size:14px;padding:9px 12px;width:100%;transition:border-color .15s,box-shadow .15s;font-family:inherit}.dob-gate-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e}.dob-gate-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.dob-gate-error{font-size:12px;color:var(--accent-danger);min-height:16px;line-height:1.4;display:block}.dob-gate-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:12px}.dob-gate-checkbox{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:#0ea5e9;cursor:pointer}.dob-gate-checkbox-text{font-size:13px;color:var(--text-secondary);line-height:1.55}.dob-gate-blocked-msg{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.dob-gate-blocked-sub{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0}.dob-gate-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.dob-gate-footer-center{justify-content:center}.dob-gate-btn{padding:9px 22px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,background .15s;font-family:inherit}.dob-gate-btn:hover{opacity:.85}.dob-gate-btn-primary{background:linear-gradient(45deg,#0ea5e9,#ec4899);color:#fff}.dob-gate-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.dob-gate-btn-ghost{background:transparent;color:var(--text-muted)}.notification-bell-wrapper{position:relative;display:flex;align-items:center;flex:0 0 var(--btn-size);height:var(--btn-size)}.notification-bell-btn{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:6px;padding:0;flex:0 0 var(--btn-size);height:var(--btn-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background .15s,color .15s}.notification-bell-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-bell-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;line-height:1;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.notification-bell-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-height:420px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 12px 40px #0006;z-index:5000;overflow:hidden;display:flex;flex-direction:column}.notification-bell-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-default);font-size:13px;font-weight:600;color:var(--text-primary)}.notification-bell-mark-all{background:transparent;border:none;color:#0ea5e9;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px}.notification-bell-mark-all:hover{background:#0ea5e91a}.notification-bell-list{overflow-y:auto;flex:1}.notification-bell-item{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .12s}.notification-bell-item:hover{background:#ffffff0a}.notification-bell-item.unread{background:#0ea5e90f;border-left:3px solid #0ea5e9}.notification-bell-item-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.notification-bell-item-msg{font-size:11px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.notification-bell-item-time{font-size:10px;color:var(--text-muted)}.notification-bell-empty,.notification-bell-loading{padding:24px 14px;text-align:center;font-size:13px;color:var(--text-muted)}.free-ad-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;background:linear-gradient(90deg,#0ea5e914,#ec489914);border-top:1px solid var(--border-default);font-size:12px;color:var(--text-secondary);flex-shrink:0}.free-ad-text{line-height:1.4}.free-ad-text strong{color:var(--text-primary)}.free-ad-cta{color:#0ea5e9;text-decoration:none;font-weight:500;white-space:nowrap}.free-ad-cta:hover{text-decoration:underline}.free-ad-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.free-ad-dismiss:hover{color:var(--text-secondary)}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}@media(max-width:767px)and (orientation:portrait){#app-logo{margin-left:0;padding:0 6px}#viewport-container{height:calc(100vh - var(--bar-h) - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}#slice-slider-container{padding:6px 3px}.slice-slider{width:6px;height:70vh}.settings-panel-dropdown,.help-panel-dropdown,.annotation-panel-dropdown{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:60vh;border-radius:12px 12px 0 0;padding-bottom:var(--safe-area-inset-bottom)}.dicomweb-panel{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:70vh;border-radius:12px 12px 0 0;padding-bottom:var(--safe-area-inset-bottom)}body{font-size:16px}.app-footer-bar{font-size:11px;padding:4px 8px;padding-bottom:calc(4px + var(--safe-area-inset-bottom))}#series-info,#scroll-mode-info{display:none}#sv-patient-info,#sv-series-info,#sv-slice-info{font-size:11px}}@media(max-height:599px)and (orientation:landscape){#top-controls .button-text{display:none}.app-footer-bar{font-size:10px;padding:2px 6px}.settings-panel-dropdown,.help-panel-dropdown,.annotation-panel-dropdown{max-height:50vh}}@media(min-width:768px)and (max-width:1024px){.settings-panel-dropdown,.help-panel-dropdown,.annotation-panel-dropdown{width:50%;right:0}.dicomweb-panel{width:50%}}.responsive-hide-portrait{@media(orientation:portrait){display:none!important}}.responsive-hide-landscape{@media(orientation:landscape){display:none!important}}.responsive-stack{@media(orientation:portrait)and (max-width:767px){flex-direction:column!important}}.responsive-full-width{@media(orientation:portrait)and (max-width:767px){width:100%!important}}@media(max-width:767px){.settings-panel-dropdown:before,.help-panel-dropdown:before,.annotation-panel-dropdown:before,.dicomweb-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background-color:#ffffff4d;border-radius:2px}.settings-panel-header,.help-panel-header,.annotation-panel-header,.dicomweb-header{padding-top:20px}}@media(max-width:767px){.file-selector-menu,.scroll-wheel-menu,.preset-dropdown-menu{width:100%;max-width:none;border-radius:8px}.file-selector-menu-item,.scroll-wheel-menu-item,.preset-menu-item{padding:14px 16px;font-size:15px}.annotation-item{padding:12px 14px;margin-bottom:6px}.help-chat-message{font-size:14px}.help-chat-input{font-size:16px;padding:10px 14px}}@media(max-width:767px){.grid-cell{min-width:50%}.grid-overlay-label{font-size:10px}}@media(prefers-reduced-motion:no-preference){#app,#hierarchy-panel,#main-content,.settings-panel-dropdown,.help-panel-dropdown,.annotation-panel-dropdown,.dicomweb-panel{transition:all .3s ease-out}}.mobile-toolbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#2a2a2af2;backdrop-filter:blur(10px);border-top:1px solid var(--border-default);padding:8px;padding-bottom:calc(8px + var(--safe-area-inset-bottom));z-index:200;box-shadow:0 -2px 10px #0000004d}.mobile-toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s;min-width:60px;gap:4px}.mobile-toolbar-btn:active{background-color:#ffffff1a}.mobile-toolbar-btn.active{background-color:var(--accent-blue);color:var(--text-primary)}.mobile-toolbar-icon{font-size:24px;line-height:1}.mobile-toolbar-label{font-size:11px;font-weight:500;line-height:1}.mobile-toolbar{display:none!important}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}