.converter-page{flex-direction:column;gap:28px;animation:.5s fadeIn;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:.01em;margin:0 0 8px;font-size:clamp(2.1rem,1.3rem + 2vw,3.2rem)}.page-header .subtitle{color:var(--muted);margin:0}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid #f8717159;border-radius:12px;padding:14px 18px}.converter-layout{grid-template-columns:minmax(300px,1fr) 160px minmax(300px,1fr);align-items:stretch;gap:20px;display:grid}.converter-section{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#111827f2,#0f172ad1) padding-box padding-box,linear-gradient(140deg,#22d3ee73,#a3e63559) border-box;border:1px solid #0000;border-radius:24px;flex-direction:column;gap:16px;min-height:560px;padding:22px;display:flex}.converter-middle{justify-content:center;align-items:center;display:flex}.client-selector{flex-direction:column;gap:10px;display:flex}.selector-label,.editor-label,.result-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.72rem;font-weight:600}.search-input,.client-select{border:1px solid var(--border);background:var(--surface-strong);border-radius:14px;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.search-input:focus,.client-select:focus,.config-textarea:focus{border-color:#22d3ee99;outline:none;box-shadow:0 0 0 3px #22d3ee33}.config-textarea{border:1px solid var(--border);background:var(--surface-strong);resize:vertical;border-radius:16px;width:100%;min-height:320px;padding:14px;font-family:SFMono-Regular,Fira Code,monospace;line-height:1.5}.config-path{background:#22d3ee14;border:1px dashed #22d3ee4d;border-radius:12px;padding:12px}.config-path pre{white-space:pre-wrap;margin:6px 0 0;font-family:SFMono-Regular,Fira Code,monospace}.button-group{flex-wrap:wrap;gap:12px;display:flex}.btn-primary,.btn-secondary,.btn-convert{border-radius:999px;padding:11px 20px;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid #22d3ee40}.btn-convert{color:#fff;width:100%;box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#22d3eee6,#a3e635cc);padding:16px 18px;font-size:1rem;position:sticky;top:140px}.btn-primary:hover,.btn-secondary:hover,.btn-convert:hover{transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-convert:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.supported-clients h2{font-family:var(--font-display);margin-bottom:12px}.client-categories{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.category-group{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px}.category-group h3{color:var(--brand);margin-top:0;font-size:1rem}.client-list{flex-wrap:wrap;gap:8px;display:flex}.client-badge{background:var(--brand-soft);color:var(--ink);border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:600}@media (max-width:1100px){.converter-layout{grid-template-columns:1fr}.source-section{order:1}.converter-middle{order:2}.target-section{order:3}.converter-section{min-height:auto}.btn-convert{width:auto;min-width:220px;position:static}}@media (max-width:720px){.btn-convert{width:100%}}