.gth-cooking-converter .gth-converter-row { display: flex; align-items: flex-end; gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-cooking-converter .gth-converter-row .gth-form-group { flex: 1; margin-bottom: 0; }
.gth-cooking-converter .gth-swap-btn { width: 44px; height: 44px; border: 1px solid var(--gth-border); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); cursor: pointer; font-size: 1.25rem; flex-shrink: 0; }
.gth-cooking-converter .gth-swap-btn:hover { background: var(--gth-primary); color: white; border-color: var(--gth-primary); }
.gth-cooking-converter .gth-conversion-result { text-align: center; padding: var(--gth-space-6); background: var(--gth-primary); color: white; border-radius: var(--gth-radius-lg); font-size: 1.75rem; font-weight: 700; }
.gth-cooking-converter .gth-quick-ref { margin-top: var(--gth-space-6); padding: var(--gth-space-4); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-lg); }
.gth-cooking-converter .gth-quick-ref h4 { margin: 0 0 var(--gth-space-3) 0; font-size: var(--gth-text-sm); color: var(--gth-text-muted); }
.gth-cooking-converter .gth-ref-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--gth-space-2); }
.gth-cooking-converter .gth-ref-item { font-size: var(--gth-text-sm); padding: var(--gth-space-2); background: var(--gth-bg-primary); border-radius: var(--gth-radius-sm); }
@media (max-width: 480px) { .gth-cooking-converter .gth-converter-row { flex-direction: column; align-items: stretch; } .gth-cooking-converter .gth-swap-btn { width: 100%; } }