html,body{height:100%;overflow:hidden;display:flex;flex-direction:column}#app{flex:1;min-height:0;display:grid;grid-template-columns:260px 1fr 280px;overflow:hidden}#left-panel{background:var(--panel-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;gap:10px;min-width:0}#center-panel{display:flex;flex-direction:column;overflow:hidden;background:var(--white);min-width:0}#right-panel{background:var(--panel-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:10px 10px 16px;gap:8px;min-width:0}#toolbar{display:flex;align-items:center;gap:3px;padding:6px 10px;background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;min-height:42px}#canvas-wrap{flex:1;position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--white)}#ora-canvas{display:block;width:100%}#canvas-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gray-dark);font-size:14px;pointer-events:none;text-align:center;padding:20px}#canvas-placeholder .ph-icon{font-size:42px;opacity:.25;line-height:1}#canvas-placeholder p{font-size:13px;color:var(--gray-dark);max-width:300px;line-height:1.5}#stats-strip{display:flex;align-items:center;gap:20px;padding:4px 14px;background:var(--gray-light);border-top:1px solid var(--border);font-size:11px;color:var(--gray-dark);flex-shrink:0}.stat-item{display:flex;align-items:center;gap:4px}.stat-label{opacity:.75}.stat-val{font-weight:600;color:var(--text)}.panel-section{display:flex;flex-direction:column;gap:7px}.section-title{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--gray-dark);text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid var(--border)}.mode-toggle{display:flex;gap:3px}.mode-toggle .tb-btn{flex:1;text-align:center}#gene-textarea{width:100%;min-height:140px;max-height:260px;font-family:Menlo,Consolas,monospace;font-size:11px;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--white);color:var(--text);line-height:1.45}#gene-textarea:focus{outline:none;border-color:var(--orange)}#drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:16px 10px;text-align:center;cursor:pointer;transition:all .15s;background:var(--white);font-size:12px;color:var(--gray-dark);line-height:1.5}#drop-zone:hover,#drop-zone.drag-over{border-color:var(--orange);background:var(--orange-bg);color:var(--orange)}#data-summary{background:#edf7ed;border:1px solid #b2dfb2;border-radius:var(--radius);padding:5px 9px;font-size:11px;color:#2e6b2e}#unmatched-wrap{border:1px solid #f0d070;border-radius:var(--radius);background:#fff8e7;font-size:11px}#unmatched-wrap summary{padding:5px 9px;cursor:pointer;color:#7a5a00;font-weight:600}#unmatched-list{padding:4px 9px 6px;font-family:Menlo,Consolas,monospace;font-size:10px;color:#7a5a00;max-height:100px;overflow-y:auto;line-height:1.4}#results-summary{font-size:11px;color:var(--gray-dark);padding:2px 0}.ctrl-row{display:flex;align-items:center;gap:6px;font-size:12px}.ctrl-row label{flex-shrink:0;width:82px;color:var(--gray-dark);font-size:11px}.ctrl-row select,.ctrl-row input[type=number],.ctrl-row input[type=text]{flex:1;min-width:0;font-size:12px;padding:3px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text)}.ctrl-row select:focus,.ctrl-row input:focus{outline:none;border-color:var(--orange)}#bg-textarea{width:100%;min-height:60px;max-height:120px;font-family:Menlo,Consolas,monospace;font-size:10px;padding:5px 7px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--white);color:var(--text);line-height:1.4}#bg-textarea:focus{outline:none;border-color:var(--orange)}.ora-tooltip{position:absolute;background:#14141ee0;color:#fff;font-size:12px;padding:6px 10px;border-radius:var(--radius);pointer-events:none;white-space:nowrap;z-index:50;line-height:1.5;max-width:320px;word-break:break-word}.rp-title{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--gray-dark);text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:5px}.rp-count{font-size:11px;color:var(--orange);font-weight:600;letter-spacing:0;text-transform:none}.rp-actions{display:flex;gap:4px}#term-name{font-size:13px;font-weight:700;color:var(--navy);line-height:1.4}#term-description{font-size:12px;color:var(--text);line-height:1.5;max-height:80px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;background:var(--white)}#gene-chips-list{flex:1;overflow-y:auto;min-height:40px;display:flex;flex-direction:column;gap:2px}.gene-chip{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--down-lt);color:#1a5a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Menlo,Consolas,monospace}.rp-empty{font-size:12px;color:var(--gray-dark);padding:4px 2px}.rp-hint{margin-top:auto;padding-top:12px;font-size:11px;color:var(--gray-dark);line-height:1.55;border-top:1px solid var(--border)}.db-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--gray-dark);font-size:13px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:960px){#right-panel{display:none}#app{grid-template-columns:260px 1fr}}@media (max-width:620px){#left-panel{display:none}#app{grid-template-columns:1fr}}