html,body{height:100%;overflow:hidden;display:flex;flex-direction:column}#app{flex:1;min-height:0;display:grid;grid-template-columns:240px 1fr 268px;overflow:hidden;gap:0}#left-panel{background:var(--panel-bg);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0 0 12px}.panel-section{padding:12px 14px 10px;border-bottom:1px solid var(--border)}.section-label{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--gray-dark);margin-bottom:8px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mode-btn{padding:6px 4px;font-size:12px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--gray-dark);cursor:pointer;transition:all .15s;text-align:center;white-space:nowrap}.mode-btn:hover{border-color:var(--orange);color:var(--orange)}.mode-btn.active{background:var(--orange);border-color:var(--orange);color:var(--white);font-weight:600}.drop-zone{border:2px dashed var(--gray-mid);border-radius:var(--radius);padding:18px 10px;text-align:center;cursor:pointer;transition:all .15s;background:var(--white)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--orange);background:var(--orange-bg)}.drop-icon{font-size:20px;margin-bottom:4px}.drop-text{font-size:12px;color:var(--gray-dark);line-height:1.4;margin-bottom:7px}.browse-btn{padding:5px 14px;font-size:12px;font-weight:600;border:1px solid var(--orange);border-radius:var(--radius);background:var(--orange);color:var(--white);cursor:pointer;transition:background .13s}.browse-btn:hover{background:var(--orange-h)}.data-summary{display:flex;flex-direction:column;gap:6px}.data-summary-text{font-size:12px;color:var(--text)}.slider-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.slider-row:last-child{margin-bottom:0}.slider-label{font-size:12px;color:var(--text);display:flex;justify-content:space-between}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--gray-mid);border-radius:2px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--orange);border:2px solid var(--white);box-shadow:0 1px 4px #00000038;cursor:pointer;transition:background .15s}.slider::-webkit-slider-thumb:hover{background:var(--orange-h)}.slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--orange);border:2px solid var(--white);box-shadow:0 1px 4px #00000038;cursor:pointer}.pval-type-row{display:flex;flex-direction:column;gap:5px;margin-top:2px}.radio-group{display:flex;gap:10px;flex-wrap:wrap}.radio-group label{font-size:12px;display:flex;align-items:center;gap:4px;cursor:pointer}#center-panel{display:flex;flex-direction:column;min-width:0;background:var(--white);overflow:hidden}#toolbar{display:flex;align-items:center;gap:4px;padding:7px 10px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--panel-bg);flex-wrap:wrap}#canvas-wrap{flex:1;min-height:0;position:relative;background:var(--white)}#volcano-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.canvas-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--gray-dark);pointer-events:none}.canvas-placeholder.hidden,#volcano-canvas.hidden{display:none}.placeholder-icon{font-size:40px;opacity:.4}.placeholder-title{font-size:15px;font-weight:600;color:#aaa}.placeholder-hint{font-size:12px;color:#bbb}.stats-strip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-top:1px solid var(--border);background:var(--panel-bg);flex-shrink:0;flex-wrap:wrap}.stats-strip.hidden{display:none}.stat-item{display:flex;align-items:center;gap:5px}.stat-label{font-size:11px;color:var(--gray-dark)}.stat-value{font-size:12px;font-weight:700;color:var(--text)}.up-stat .stat-value{color:var(--up)}.down-stat .stat-value{color:var(--down)}.stat-sep{width:1px;height:16px;background:var(--border);margin:0 2px}#right-panel{border-left:1px solid var(--border);background:var(--panel-bg);display:flex;flex-direction:column;overflow:hidden}#rp-top{flex:1;min-height:0;overflow-y:auto;border-bottom:1px solid var(--border)}#rp-bottom{flex:0 0 auto;max-height:42%;display:flex;flex-direction:column;overflow:hidden}#list-selected{overflow-y:auto;flex:1;min-height:0}.rp-header{display:flex;align-items:center;padding:8px 10px 6px;background:var(--panel-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;gap:6px}.rp-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-dark);flex:1}.rp-header-actions{display:flex;align-items:center;gap:4px}.rp-section{border-bottom:1px solid var(--border)}.rp-sub-header{display:flex;align-items:center;padding:5px 10px 4px;gap:6px;background:var(--white)}.rp-sub-label{font-size:11px;font-weight:600;flex:1}.rp-sub-label.up-label{color:var(--up)}.rp-sub-label.down-label{color:var(--down)}.rp-icon-btn{background:none;border:none;cursor:pointer;color:var(--gray-dark);font-size:13px;padding:2px 4px;border-radius:var(--radius);transition:color .13s;line-height:1}.rp-icon-btn:hover{color:var(--orange)}.rp-action-btn{font-size:11px;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--gray-dark);cursor:pointer}.rp-action-btn:hover{color:var(--up);border-color:var(--up)}.gene-list{background:var(--white);min-height:30px}.gene-item{display:flex;align-items:center;padding:3px 10px;cursor:pointer;border-bottom:1px solid #f0f1f3;transition:background .1s;gap:4px}.gene-item:hover{background:#f7f8fa}.gi-name{font-size:12px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-fc{font-size:11px;font-weight:600;min-width:38px;text-align:right}.gi-up .gi-name{color:var(--up)}.gi-dn .gi-name{color:var(--down)}.gi-ns .gi-name{color:var(--gray-dark)}.gi-up .gi-fc{color:var(--up)}.gi-dn .gi-fc{color:var(--down)}.gene-empty{font-size:12px;color:var(--gray-dark);padding:8px 10px}.pt-tooltip{position:absolute;background:#141828eb;color:#fff;font-size:11px;line-height:1.5;padding:6px 9px;border-radius:var(--radius);pointer-events:none;white-space:nowrap;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000040;max-width:200px}.pt-tooltip.hidden{display:none}.col-row{display:flex;flex-direction:column;gap:5px}.col-row>label:first-child{font-size:12px;font-weight:600;color:var(--text)}.cs-sel{font-size:13px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);width:100%}.cs-warn{background:#fff8e1;border:1px solid #ffe082;border-radius:var(--radius);padding:8px 10px;font-size:12px;line-height:1.55;color:#7a5a00;display:flex;flex-direction:column;gap:5px}.cs-warn label{display:flex;align-items:flex-start;gap:6px;cursor:pointer;font-weight:500}.cs-warn input[type=checkbox]{margin-top:2px;flex-shrink:0}.cs-warn.hidden{display:none}.cs-detect-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.cs-detect-badge{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.cs-override-label{color:var(--gray-dark);font-size:11px}.cst-legend{font-size:12px;color:var(--gray-dark);display:flex;align-items:center;gap:4px}.cst-badge{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px}.cst-badge.g1{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.cst-badge.g2{background:#fce4ec;color:#b71c1c;border:1px solid #f48fb1}.cst-table-wrap{overflow-y:auto;max-height:220px;border:1px solid var(--border);border-radius:var(--radius)}.cst-table{width:100%;border-collapse:collapse;font-size:12px}.cst-table th{background:var(--panel-bg);padding:5px 8px;text-align:left;font-weight:600;color:var(--gray-dark);position:sticky;top:0;border-bottom:1px solid var(--border)}.cst-table td{padding:4px 8px;border-bottom:1px solid #f0f1f3}.cst-table tr:last-child td{border-bottom:none}.cst-name{font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cst-btn{padding:2px 8px;font-size:11px;font-weight:600;border:1px solid var(--border);border-radius:4px;background:var(--white);color:var(--gray-dark);cursor:pointer;transition:all .12s}.cst-btn:hover{border-color:var(--orange);color:var(--orange)}.cst-btn.active{background:#f5f5f5;border-color:#999;color:var(--text)}.cst-btn.g1-active{background:#e3f2fd;border-color:#90caf9;color:#1565c0}.cst-btn.g2-active{background:#fce4ec;border-color:#f48fb1;color:#b71c1c}.cst-counts{font-size:12px;color:var(--gray-dark);padding:4px 0}.cst-counts strong{color:var(--text)}.cs-hint{font-size:11px;color:var(--gray-dark);line-height:1.4;margin-top:2px}.cs-adj-label{display:flex;align-items:flex-start;gap:6px;font-size:12px;font-weight:500;cursor:pointer;margin-top:5px;line-height:1.4}.cs-adj-label input{margin-top:2px;flex-shrink:0}.cs-hint-inline{font-size:11px;color:var(--gray-dark);font-weight:400}@media (max-width:960px){#app{grid-template-columns:220px 1fr}#right-panel{display:none}}@media (max-width:620px){#app{grid-template-columns:1fr}#left-panel{display:none}}