.category-selection{margin-bottom:var(--spacing-lg)}.category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}.category-btn{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.category-btn:hover{border-color:var(--primary-color);background:var(--bg-tertiary);transform:translateY(-2px)}.category-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.conversion-panel{margin-bottom:var(--spacing-lg)}.action-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.control-group{display:flex;flex-direction:column}.control-group label{font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.error-message{background:var(--error-color);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:center}.quick-conversions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.quick-conversion-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;font-size:.9rem}.quick-conversion-item strong{display:block;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.instructions-panel ol{padding-left:var(--spacing-lg)}.instructions-panel li{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}@media (max-width:768px){.category-buttons{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn{width:100%;max-width:200px}}@media (max-width:480px){.category-buttons,.grid-2{grid-template-columns:1fr}}