.converter-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:0}.converter-title{color:var(--navy);border-bottom:2px solid var(--navy);align-items:center;gap:.5rem;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.converter-title svg{width:14px;height:14px}.converter-body{align-items:flex-end;gap:8px;padding:12px 12px 0;display:flex}.converter-input-group{flex:1;min-width:0}.converter-input-group label{color:var(--muted);margin-bottom:3px;font-size:11.5px;display:block}.converter-input-group input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);background:var(--card-bg);outline:none;padding:8px 10px;font-weight:500}.converter-input-group input:focus{border-color:var(--link)}.converter-result{border-radius:var(--radius-sm);color:var(--navy);font-variant-numeric:tabular-nums;background:#ecf6f4;border:1px solid #c7e9e4;align-items:center;min-height:36px;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.converter-swap-btn{border-radius:var(--radius-sm);border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#f4f8f6;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1px;display:flex}.converter-swap-btn svg{width:16px;height:16px}.converter-swap-btn:hover{color:var(--ink);background:#e9f1ef}.converter-rate-info{color:var(--muted);text-align:center;padding:10px 12px 12px;font-size:11px}@media (max-width:600px){.converter-body{flex-direction:column;align-items:stretch}.converter-swap-btn{align-self:center;transform:rotate(90deg)}}