:root{--bg-left:#f9fafb;--text-left:#111827;--border-color:#e5e7eb;--bg-right:#1e1e1e;--text-right:#d4d4d4;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-danger:#ef4444;--syntax-key:#9cdcfe;--syntax-string:#ce9178;--syntax-number:#b5cea8;--syntax-boolean:#569cd6;--syntax-null:#569cd6;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:inherit}html,body,#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark-pane::-webkit-scrollbar-thumb{background:#4b5563}.layout{flex-direction:column;width:100%;height:100vh;display:flex}.toolbar{border-bottom:1px solid var(--border-color);background-color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:flex}.main-content{flex:1;display:flex;overflow:hidden}.pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.pane-left{background-color:var(--bg-left);color:var(--text-left);border-right:1px solid var(--border-color)}.pane-right{background-color:var(--bg-right);color:var(--text-right)}.btn{border:1px solid var(--border-color);color:#374151;background-color:#fff;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background-color:#f3f4f6}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-icon{padding:.5rem}.btn.active{background-color:#e5e7eb;border-color:#d1d5db}