.UnitConverter-module-scss-module__70t8aq__unit-conv{background:var(--color-bg-widget);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-widget)}.UnitConverter-module-scss-module__70t8aq__unit-conv__cats{margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:6px;display:flex}.UnitConverter-module-scss-module__70t8aq__unit-conv__cat-btn{padding:7px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg);cursor:pointer;min-height:36px;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.UnitConverter-module-scss-module__70t8aq__unit-conv__cat-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.UnitConverter-module-scss-module__70t8aq__unit-conv__cat-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.UnitConverter-module-scss-module__70t8aq__unit-conv__cat-btn--active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.UnitConverter-module-scss-module__70t8aq__unit-conv__body{max-width:640px}.UnitConverter-module-scss-module__70t8aq__unit-conv__row{align-items:flex-end;gap:var(--spacing-sm);display:flex}@media (max-width:639px){.UnitConverter-module-scss-module__70t8aq__unit-conv__row{flex-direction:column;align-items:stretch}}.UnitConverter-module-scss-module__70t8aq__unit-conv__field{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.UnitConverter-module-scss-module__70t8aq__unit-conv__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.UnitConverter-module-scss-module__70t8aq__unit-conv__select{width:100%;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg);cursor:pointer;min-height:44px;transition:border-color var(--transition-base)}.UnitConverter-module-scss-module__70t8aq__unit-conv__select:focus{border-color:var(--color-primary);outline:none}.UnitConverter-module-scss-module__70t8aq__unit-conv__input{width:100%;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);min-height:44px;transition:border-color var(--transition-base)}.UnitConverter-module-scss-module__70t8aq__unit-conv__input:focus{border-color:var(--color-primary);outline:none}.UnitConverter-module-scss-module__70t8aq__unit-conv__swap{padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;min-width:44px;min-height:44px;transition:border-color var(--transition-base),color var(--transition-base);align-self:flex-end;margin-bottom:0;font-size:22px}.UnitConverter-module-scss-module__70t8aq__unit-conv__swap:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:639px){.UnitConverter-module-scss-module__70t8aq__unit-conv__swap{margin:var(--spacing-xs) 0;align-self:center;transform:rotate(90deg)}}.UnitConverter-module-scss-module__70t8aq__unit-conv__result-box{width:100%;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-bg-secondary);word-break:break-all;align-items:center;min-height:44px;display:flex}.UnitConverter-module-scss-module__70t8aq__unit-conv__result-value{color:var(--color-primary);font-weight:700;font-size:var(--font-size-lg)}.UnitConverter-module-scss-module__70t8aq__unit-conv__result-placeholder{color:var(--color-text-muted);font-size:var(--font-size-sm)}