main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.toolbar{padding:12px 24px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.toolbar-group{display:flex;align-items:center;gap:8px;font-size:13px}.toolbar-group label{color:var(--muted);display:flex;align-items:center;gap:6px}.toolbar select,.toolbar input[type=checkbox]{cursor:pointer}.panels{flex:1;display:flex;gap:16px;padding:16px;min-height:0}.card{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.editor-wrap{flex:1;min-height:0;position:relative}.editor-wrap textarea{width:100%;height:100%;padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6;background:var(--bg);color:#fff;border:none;outline:none;resize:vertical;white-space:pre;overflow:auto;box-sizing:border-box}.editor-wrap textarea::placeholder{color:var(--muted)}@media(max-width:768px){main{flex-direction:column;height:auto;overflow:auto}.panels{flex-direction:column}.card{flex:none;min-height:200px}.toolbar{padding:8px 12px;gap:8px}}.CodeMirror{height:380px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:13px;color:#adbac7}.CodeMirror-gutters{background-color:var(--bg2);border-right:1px solid var(--border)}.CodeMirror-placeholder{color:var(--muted)}.t-sql-formatter-1,.t-sql-formatter-1-8713{font-size:13px;font-weight:600;color:var(--muted);margin-right:4px}