.gth-length-converter .gth-converter-row { display: flex; align-items: flex-end; gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-length-converter .gth-converter-row .gth-input-group { flex: 1; margin-bottom: 0; }
.gth-length-converter .gth-swap-btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--gth-text-secondary); background: var(--gth-gray-100); border: 1px solid var(--gth-border-color); border-radius: var(--gth-radius-md); cursor: pointer; transition: all var(--gth-duration-normal); flex-shrink: 0; }
.gth-length-converter .gth-swap-btn:hover { color: var(--gth-primary); background: var(--gth-primary-subtle); }
@media (max-width: 640px) { .gth-length-converter .gth-converter-row { flex-wrap: wrap; } .gth-length-converter .gth-converter-row .gth-input-group { flex: 1 1 100%; } .gth-length-converter .gth-swap-btn { margin: var(--gth-space-2) auto; transform: rotate(90deg); } }