html,body{height:100%;overflow:hidden;display:flex;flex-direction:column}#app{flex:1;min-height:0;display:grid;grid-template-columns:244px 1fr 260px;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:hidden;background:var(--white)}#heatmap-canvas{display:block;width:100%;height: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}#matrix-textarea{width:100%;min-height:120px;max-height:220px;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}#matrix-textarea:focus{outline:none;border-color:var(--orange)}#col-skip-wrap{display:flex;flex-direction:column;gap:5px;background:#fff8e7;border:1px solid #f0d070;border-radius:var(--radius);padding:6px 9px;font-size:11px}.col-skip-note{color:#7a5a00;font-size:11px}.row-id-preview{font-size:10px;color:var(--gray-dark);font-style:italic;margin-top:1px;margin-bottom:2px}#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}.ctrl-row{display:flex;align-items:center;gap:6px;font-size:12px}.ctrl-row label{flex-shrink:0;width:68px;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)}.ctrl-row input[type=checkbox]{margin:0;accent-color:var(--orange);width:14px;height:14px;cursor:pointer;flex-shrink:0}.ctrl-row .ctrl-label{font-size:12px;color:var(--text);cursor:pointer;flex:1}.radio-group{display:flex;flex-direction:column;gap:4px}.radio-row{display:flex;align-items:center;gap:6px;font-size:12px}.radio-row input[type=radio]{accent-color:var(--orange);width:13px;height:13px;flex-shrink:0;cursor:pointer}.radio-row label{cursor:pointer;color:var(--text)}#value-range{font-size:11px;color:var(--gray-dark);min-height:14px}.mid-slider-wrap{display:flex;flex-direction:column;gap:2px}#mid-slider{width:100%;height:18px;accent-color:var(--orange);cursor:pointer;margin:0}.mid-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--gray-dark);padding:0 2px;user-select:none}#palette-preview{width:100%;height:14px;border-radius:3px;border:1px solid var(--border);display:block}.color-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;font-size:11px}.color-inp-wrap{display:flex;flex-direction:column;gap:2px}.color-inp-wrap label{font-size:10px;color:var(--gray-dark);text-align:center}.color-inp-wrap input{width:100%;font-size:11px;padding:3px 5px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text);text-align:center}.color-inp-wrap input:focus{outline:none;border-color:var(--orange)}.hm-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:220px;word-break:break-all}.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}#selected-rows-list{flex:1;overflow-y:auto;min-height:40px;display:flex;flex-direction:column;gap:2px}.row-item{font-size:12px;padding:3px 8px;border-radius:4px;cursor:pointer;background:var(--down-lt);color:#1a5a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s;font-family:Menlo,Consolas,monospace;font-size:11px}.row-item:hover{background:#d0eaf8}.ri-empty{font-size:12px;color:var(--gray-dark);padding:4px 2px}@media (max-width:960px){#right-panel{display:none}#app{grid-template-columns:244px 1fr}}@media (max-width:620px){#left-panel{display:none}#app{grid-template-columns:1fr}}