.w2c{ --radius:14px; --gap:12px; --pad:14px; --border:1px solid rgba(0,0,0,.08); }
.w2c-title{ margin-bottom:.5rem; }
.w2c-grid{ display:grid; gap:var(--gap); grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; }
.w2c-field{ display:flex; flex-direction:column; gap:.35rem; }
.w2c select,.w2c input{ padding:.6rem .7rem; border:var(--border); border-radius:var(--radius); width:100%; }
.w2c-swap{ padding:.6rem .7rem; border:var(--border); border-radius:var(--radius); background:#f5f7fb; cursor:pointer; }
.w2c-result{ display:block; margin-top:1rem; padding:var(--pad); background:#f9fafb; border-radius:var(--radius); border:var(--border); font-weight:600; }
.w2c-utils{ display:flex; align-items:center; gap:10px; margin-top:.5rem; }
.w2c-copy{ background:#eef6ff; border:var(--border); border-radius:999px; padding:.4rem .8rem; cursor:pointer; }
@media (max-width:768px){ .w2c-grid{ grid-template-columns:1fr; } }