.YamlJson_container___bxyY{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.YamlJson_controls__K1XJS{display:flex;justify-content:space-between;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)}.YamlJson_modeGroup__G26jD{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)}.YamlJson_modeBtn__1BWJV{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}.YamlJson_modeBtn__1BWJV:hover{color:var(--text-primary)}.YamlJson_modeBtn__1BWJV.YamlJson_active__2OXtg{background:var(--brand-primary);color:#171717}.YamlJson_swapBtn__X_3WT{background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-1) var(--spacing-2);transition:transform .2s}.YamlJson_swapBtn__X_3WT:hover{color:var(--brand-primary);transform:rotate(180deg)}.YamlJson_rightControls__c69xq{display:flex;align-items:flex-end;gap:var(--spacing-4)}.YamlJson_selectGroup__kUp7v{display:flex;flex-direction:column;gap:var(--spacing-2)}.YamlJson_selectGroup__kUp7v label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.YamlJson_select__2zeop{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;cursor:pointer}.YamlJson_convertBtn__saZqg{background:var(--brand-primary);color:#171717;border:none;padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease;height:42px;display:flex;align-items:center}.YamlJson_convertBtn__saZqg:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-2px)}.YamlJson_convertBtn__saZqg:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.YamlJson_editorGrid__N9Fqv{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);height:500px}@media (min-width:768px){.YamlJson_editorGrid__N9Fqv{grid-template-columns:1fr 1fr}}.YamlJson_pane__MSs4s{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.YamlJson_paneHeader__lWM58{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.YamlJson_paneTitle___kga9{font-weight:600;color:var(--text-primary);font-size:.95rem}.YamlJson_clearBtn__j_xxL,.YamlJson_copyBtn__Ai_pc{background:var(--bg-primary);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;font-weight:600;cursor:pointer;transition:all .2s}.YamlJson_clearBtn__j_xxL:hover,.YamlJson_copyBtn__Ai_pc:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.YamlJson_copyBtn__Ai_pc:disabled{opacity:.5;cursor:not-allowed}.YamlJson_textArea__WP8Tq{flex:1;width:100%;padding:var(--spacing-4);background:var(--bg-primary);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;border:none;outline:none;resize:none;white-space:pre;overflow-x:auto}.YamlJson_outputArea__vVEct{background:#1e1e1e;color:#d4d4d4}.YamlJson_errorBox__N8_1Z{background:rgba(239,68,68,.1);color:#ef4444;padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2);font-family:ui-monospace,monospace;font-size:.9rem}