.JsonFormatter_container__Fj3Vm{display:flex;flex-direction:column;gap:var(--spacing-4);height:600px}.JsonFormatter_controls__SxAJE{justify-content:space-between;background:var(--bg-secondary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap}.JsonFormatter_controls__SxAJE,.JsonFormatter_leftControls__10naK{display:flex;align-items:center;gap:var(--spacing-4)}.JsonFormatter_actionBtn__17sKs{background:var(--brand-primary);color:#171717;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .2s ease}.JsonFormatter_actionBtn__17sKs:hover{background:var(--brand-primary-hover)}.JsonFormatter_clearBtn__6OZjn{background:transparent;color:#dc2626;border:1px solid #dc2626;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.JsonFormatter_clearBtn__6OZjn:hover{background:#fef2f2}.JsonFormatter_select__GxXP3{padding:var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.JsonFormatter_editors__CcXKv{display:flex;flex-direction:column;gap:var(--spacing-4);flex:1}@media (min-width:768px){.JsonFormatter_editors__CcXKv{flex-direction:row}}.JsonFormatter_pane__zrIrz{flex:1;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-primary)}.JsonFormatter_paneHeader__A_2KN{background:var(--bg-secondary);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.875rem;color:var(--text-primary)}.JsonFormatter_textArea__HuQZh{flex:1;width:100%;padding:var(--spacing-4);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;resize:none;outline:none;white-space:pre;overflow-x:auto}.JsonFormatter_readOnly__NfLH0{background:var(--bg-secondary);opacity:.8}.JsonFormatter_errorArea__tP3Mc{border:2px solid #dc2626}.JsonFormatter_errorText__MI_p0{color:#dc2626;font-size:.75rem;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.JsonFormatter_validText__wRlzW{color:#16a34a;font-size:.75rem}.JsonFormatter_copyBtn__GCnkR{background:none;border:1px solid var(--border-color);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;color:var(--text-primary)}.JsonFormatter_copyBtn__GCnkR:hover:not(:disabled){background:var(--border-color)}.JsonFormatter_copyBtn__GCnkR:disabled{opacity:.5;cursor:not-allowed}