main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.mode-bar{padding:10px 24px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;gap:8px;flex-shrink:0}.mode-bar .btn.active{background:var(--accent);border-color:var(--accent);color:#000}.panels{flex:1;display:flex;min-height:0}.panel{flex:1;display:flex;flex-direction:column;min-width:0}.panel-left{border-right:1px solid var(--border);max-width:50%}.panel-right{flex:1}.panel-hdr{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.panel-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px}.panel-body textarea{flex:1;padding:12px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;background:var(--bg);color:#fff;border:1px solid var(--border);border-radius:var(--r);outline:none;resize:vertical;white-space:pre;overflow:auto;min-height:100px}.panel-body textarea:focus{border-color:var(--accent)}.panel-body textarea::placeholder{color:var(--muted)}@media(max-width:768px){.panels{flex-direction:column}.panel-left{max-width:100%;border-right:none;border-bottom:1px solid var(--border)}.panel-body textarea{min-height:120px}main{overflow:auto}}