.JsonCsv_container__GoOlQ{display:flex;flex-direction:column;gap:var(--spacing-6)}.JsonCsv_controls__wyrzk{display:flex;justify-content:flex-start;align-items:center;background:var(--bg-secondary);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-4)}.JsonCsv_modeGroup__uWxrb{display:flex;align-items:center;gap:var(--spacing-2);background:var(--bg-primary);padding:var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--border-color)}.JsonCsv_modeBtn__5RQ2j{background:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s}.JsonCsv_modeBtn__5RQ2j:hover{color:var(--text-primary)}.JsonCsv_modeBtn__5RQ2j.JsonCsv_active__m6h_S{background:var(--brand-primary);color:#171717}.JsonCsv_swapBtn__F51da{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);transition:transform .2s}.JsonCsv_swapBtn__F51da:hover{color:var(--brand-primary);transform:rotate(180deg)}.JsonCsv_editorGroup__bbM56{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);height:500px}@media (min-width:900px){.JsonCsv_editorGroup__bbM56{grid-template-columns:1fr 1fr}}.JsonCsv_editorBox__OvCZw{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.JsonCsv_header__cq8qB{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.JsonCsv_actions__RZhJo{display:flex;gap:var(--spacing-2)}.JsonCsv_secondaryBtn__lQ3aM{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer}.JsonCsv_secondaryBtn__lQ3aM:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.JsonCsv_primaryBtnSmall__NqvJb{background:var(--brand-primary);color:#000;border:none;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer}.JsonCsv_primaryBtnSmall__NqvJb:hover:not(:disabled){background:var(--brand-primary-hover)}.JsonCsv_textArea__IKoej{flex:1;width:100%;padding:var(--spacing-4);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;border:none;outline:none;resize:none}.JsonCsv_readOnly__EIMSW{background:rgba(0,0,0,.2)}.JsonCsv_errorBorder__gz82D{border:1px solid #ef4444}.JsonCsv_errorText__FIgTg{background:rgba(239,68,68,.1);color:#ef4444;padding:var(--spacing-2) var(--spacing-4);font-size:.875rem;font-weight:600;border-top:1px solid rgba(239,68,68,.2)}