.XmlFormatter-module__qOHZ5G__container{flex-direction:column;gap:16px;max-width:1100px;margin:32px auto;padding:0 20px 40px;display:flex}.XmlFormatter-module__qOHZ5G__title{color:#1a3a5c;font-size:1.5rem;font-weight:700}.XmlFormatter-module__qOHZ5G__toolbar{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 4px #00000012}.XmlFormatter-module__qOHZ5G__modeSwitch{border:1px solid #d0dbe8;border-radius:6px;display:flex;overflow:hidden}.XmlFormatter-module__qOHZ5G__modeBtn{cursor:pointer;color:#555;background:#fff;border:none;padding:5px 16px;font-size:.85rem;transition:background .12s,color .12s}.XmlFormatter-module__qOHZ5G__modeActive{color:#fff;background:#1a3a5c}.XmlFormatter-module__qOHZ5G__select{color:#444;background:#fff;border:1px solid #d0dbe8;border-radius:6px;padding:5px 10px;font-size:.85rem}.XmlFormatter-module__qOHZ5G__spacer{flex:1}.XmlFormatter-module__qOHZ5G__btnSample{color:#1a3a5c;cursor:pointer;background:#fff;border:1px solid #b0c4de;border-radius:6px;padding:5px 14px;font-size:.85rem}.XmlFormatter-module__qOHZ5G__btnSample:hover{background:#f0f4f8}.XmlFormatter-module__qOHZ5G__btnClear{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #e0dada;border-radius:6px;padding:5px 14px;font-size:.85rem}.XmlFormatter-module__qOHZ5G__btnClear:hover{background:#fff0ef}.XmlFormatter-module__qOHZ5G__editors{align-items:stretch;gap:0;min-height:520px;display:flex}.XmlFormatter-module__qOHZ5G__pane{background:#fff;border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000012}.XmlFormatter-module__qOHZ5G__paneHeader{color:#888;background:#fafbfc;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:600;display:flex}.XmlFormatter-module__qOHZ5G__textarea{resize:none;color:#1a2a3a;tab-size:2;background:#fff;border:none;outline:none;flex:1;padding:14px;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.6}.XmlFormatter-module__qOHZ5G__outputArea{color:#2c3e50;background:#f8fafc}.XmlFormatter-module__qOHZ5G__errorBox{color:#c0392b;background:#fff5f5;flex:1;padding:14px;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.6}.XmlFormatter-module__qOHZ5G__centerCol{justify-content:center;align-items:center;padding:0 12px;display:flex}.XmlFormatter-module__qOHZ5G__btnRun{color:#fff;cursor:pointer;white-space:nowrap;background:#1a3a5c;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background .15s}.XmlFormatter-module__qOHZ5G__btnRun:hover{background:#143050}.XmlFormatter-module__qOHZ5G__copyBtn{color:#1a3a5c;cursor:pointer;background:#fff;border:1px solid #b0c4de;border-radius:5px;padding:3px 10px;font-size:.78rem;transition:background .12s}.XmlFormatter-module__qOHZ5G__copyBtn:hover:not(:disabled){background:#f0f4f8}.XmlFormatter-module__qOHZ5G__copyBtn:disabled{opacity:.4;cursor:default}@media (max-width:700px){.XmlFormatter-module__qOHZ5G__container{margin:16px auto;padding:0 12px 24px}.XmlFormatter-module__qOHZ5G__editors{min-height:unset;flex-direction:column}.XmlFormatter-module__qOHZ5G__pane{min-height:240px}.XmlFormatter-module__qOHZ5G__centerCol{padding:8px 0}.XmlFormatter-module__qOHZ5G__btnRun{width:100%}}