.hw-chip-group {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     justify-content: flex-end;
 }
 
 .hw-chip {
     padding: 8px 14px;
     background: var(--tint);
     border: 1px solid var(--border);
     border-radius: 8px;
     color: var(--text-dim);
     font-size: 11px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     text-transform: uppercase;
     letter-spacing: 0.5px;
     user-select: none;
 }
 
 .hw-chip:hover {
     background: var(--tint-hover);
     border-color: var(--border-hover);
     color: var(--text-strong);
     transform: translateY(-1px);
 }
 
 .hw-chip.active {
     background: var(--success-soft);
     border-color: var(--success-line);
     color: var(--success-text);
 }