:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-red: #f85149;--accent-purple: #a371f7;--accent-orange: #d29922;--accent-cyan: #39c5cf;--accent-pink: #db61a2;--accent-yellow: #e3b341;--lineage-0: #8b949e;--lineage-1: #f85149;--lineage-2: #58a6ff;--lineage-3: #3fb950;--lineage-4: #a371f7;--lineage-5: #d29922;--lineage-6: #db61a2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden}.dashboard{display:flex;flex-direction:column;height:100vh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-left{justify-self:start}.header-center{text-align:center}.header-right{justify-self:end}.back-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;transition:all .15s}.back-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.header h1{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:.8rem}.header-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-size:.8rem;cursor:pointer;transition:all .15s}.header-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue)}.main-content{display:grid;grid-template-columns:280px 1fr 280px;flex:1;overflow:hidden}.sidebar,.details-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:1rem}.details-panel{border-right:none;border-left:1px solid var(--border-color)}.panel{background:var(--bg-tertiary);border-radius:8px;padding:1rem;margin-bottom:1rem}.panel h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.section-hint{font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.accordion-header{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0;-webkit-user-select:none;user-select:none}.accordion-header:hover{color:var(--accent-blue)}.accordion-icon{font-size:.6rem;transition:transform .2s}.accordion-content.collapsed{display:none}.section-title{font-size:.8rem;font-weight:500;color:var(--text-primary)}.target-list{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}.target-row{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:.5rem}.target-row label{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-row input[type=range]{width:100%;accent-color:var(--accent-blue)}.target-row .target-val{font-size:.75rem;color:var(--accent-blue);text-align:right}.weight-presets{display:flex;gap:.5rem;margin-bottom:.75rem}.preset-btn{flex:1;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.4rem .5rem;font-size:.7rem;cursor:pointer;transition:all .15s}.preset-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.preset-btn.active{background:var(--accent-blue);color:var(--bg-primary);border-color:var(--accent-blue)}.weight-custom{display:flex;flex-direction:column;gap:.5rem}.weight-custom.hidden{display:none}.weight-group{display:grid;grid-template-columns:80px 1fr 35px;align-items:center;gap:.5rem}.weight-group label{font-size:.75rem;color:var(--text-secondary)}.weight-group input[type=range]{width:100%;accent-color:var(--accent-purple)}.weight-val{font-size:.75rem;color:var(--accent-purple);text-align:right}.weight-select{margin-top:.5rem}.weight-select.hidden{display:none}.select-hint{font-size:.7rem;color:var(--accent-cyan);margin-bottom:.75rem;padding:.5rem;background:#39c5cf1a;border-radius:4px;border-left:2px solid var(--accent-cyan)}.gene-select-section{margin-bottom:.75rem}.gene-select-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.gene-select-header span{font-size:.75rem;font-weight:500;color:var(--text-secondary);flex:1}.select-all-btn,.select-none-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.6rem;padding:.15rem .4rem;border-radius:3px;cursor:pointer;flex:none}.select-all-btn:hover{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary)}.select-none-btn:hover{background:var(--accent-red);border-color:var(--accent-red);color:var(--bg-primary)}.gene-select-grid{display:flex;flex-wrap:wrap;gap:.25rem}.gene-chip{display:inline-flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.2rem .4rem;font-size:.65rem;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.gene-chip:hover{border-color:var(--accent-purple)}.gene-chip.selected{background:var(--accent-purple);border-color:var(--accent-purple);color:var(--bg-primary)}.gene-chip input{display:none}.selected-count{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);text-align:center;padding:.5rem;background:var(--bg-secondary);border-radius:4px}.selected-count span{color:var(--accent-purple);font-weight:600}.config-group{margin-bottom:.75rem}.config-group label{font-size:.8rem;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{accent-color:var(--accent-green)}.checkbox-label span{color:var(--text-primary)}.config-group input[type=range]{width:100%;margin-top:.25rem;accent-color:var(--accent-cyan)}.config-group select{width:100%;margin-top:.25rem;padding:.4rem .5rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem}.config-group select:focus{outline:none;border-color:var(--accent-cyan)}.config-hint{font-size:.65rem;color:var(--text-muted);margin-top:.25rem;line-height:1.3}.morphogen-sub-option{margin-left:1.5rem;padding-left:.5rem;border-left:2px solid var(--border-color)}.button-group{display:flex;gap:.5rem;margin-top:1rem}button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;flex:1}button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-green);color:var(--bg-primary);border-color:var(--accent-green)}button.primary:hover:not(:disabled){opacity:.9;background:var(--accent-green)}button.primary.running{background:var(--accent-orange);border-color:var(--accent-orange)}.visualization-area{background:var(--bg-primary);overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.viz-row{flex-shrink:0}.viz-panel{background:var(--bg-secondary);border-radius:8px;overflow:hidden}.viz-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.viz-header h3{font-size:.85rem;font-weight:500}.viz-content{padding:1rem}.progress-panel .viz-content{min-height:200px}.status-label{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;background:var(--bg-tertiary);color:var(--text-secondary)}.status-label.running{background:var(--accent-orange);color:var(--bg-primary)}.status-label.done{background:var(--accent-green);color:var(--bg-primary)}.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.stat{text-align:center}.stat-label{display:block;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:1.25rem;font-weight:600;color:var(--accent-cyan)}.chart-container{height:150px;position:relative}.chart-container canvas{width:100%!important;height:100%!important}.comparison-panel .viz-content{height:200px}.comparison-panel canvas{width:100%;height:100%}.legend-inline{display:flex;gap:1rem;font-size:.75rem}.legend-item{color:var(--text-secondary)}.legend-item.target:before{content:"●";color:var(--accent-purple);margin-right:.25rem}.legend-item.simulated:before{content:"○";color:var(--accent-green);margin-right:.25rem}.scatter-panel .viz-content{height:200px}.scatter-panel canvas{width:100%;height:100%}.result-params,.result-knockouts,.result-morphogens{font-size:.8rem}.result-params .param-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--border-color)}.result-params .param-row:last-child{border-bottom:none}.result-params .param-name{color:var(--text-secondary)}.result-params .param-value{color:var(--accent-cyan);font-family:monospace}.result-knockouts .knockout-item,.result-morphogens .morphogen-item{display:inline-block;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;margin:.25rem .25rem .25rem 0;font-size:.75rem}.result-knockouts .knockout-item{color:var(--accent-red);border:1px solid var(--accent-red)}.result-morphogens .morphogen-item{color:var(--accent-purple);border:1px solid var(--accent-purple)}.placeholder{color:var(--text-secondary);font-style:italic;font-size:.8rem}.actions-panel{position:sticky;bottom:0;background:var(--bg-tertiary)}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-buttons button{width:100%}.modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:var(--bg-secondary);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1rem;font-weight:500}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;flex:none}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1rem;flex:1;overflow-y:auto}.modal-body p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.modal-body textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:monospace;font-size:.8rem;padding:.75rem;resize:vertical}.modal-body textarea:focus{outline:none;border-color:var(--accent-blue)}.modal-footer{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border-color)}.modal-footer button{flex:1}@media(max-width:1200px){.main-content{grid-template-columns:250px 1fr 250px}.progress-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.main-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar,.details-panel{border:none;border-bottom:1px solid var(--border-color);max-height:300px}.details-panel{border-bottom:none;border-top:1px solid var(--border-color)}}