.emma-collins-product-designer-skills{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;margin-bottom:var(--spacing-2xl)}.emma-collins-product-designer-skills-title{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-text-primary);margin:0}.emma-collins-product-designer-skills-content{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.emma-collins-product-designer-skills-category{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;position:relative}.emma-collins-product-designer-skills-category-header{display:flex;align-items:center;gap:var(--spacing-sm)}.emma-collins-product-designer-skills-category-title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--color-text-primary);margin:0}.emma-collins-product-designer-skills-category-remove-btn{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:var(--color-error,#ff5555);color:white;border:none;border-radius:50%;cursor:pointer;font-size:10px;transition:all .2s ease;z-index:10}.emma-collins-product-designer-skills-category-remove-btn:hover{opacity:.9;transform:scale(1.1)}.emma-collins-product-designer-skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);width:100%}.emma-collins-product-designer-skill-tag{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-sm);background:linear-gradient(to bottom,var(--color-background),var(--color-surface));border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);transition:all .2s ease;position:relative}.emma-collins-product-designer-skill-remove-btn{position:absolute;top:-6px;right:-6px;background:var(--color-error,#ff5555);color:white;border:none;border-radius:50%;width:18px;height:18px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:10;opacity:0;transition:opacity .2s ease}.emma-collins-product-designer-skill-tag:hover .emma-collins-product-designer-skill-remove-btn,.emma-collins-product-designer-skills-editing .emma-collins-product-designer-skill-remove-btn{opacity:1}.emma-collins-product-designer-skill-remove-btn:hover{opacity:1;transform:scale(1.1)}.emma-collins-product-designer-skill-category-edit{margin-left:var(--spacing-xs);font-size:var(--text-xs);opacity:.7}.emma-collins-product-designer-skill-add-btn{display:flex;align-items:center;justify-content:center;padding:6px var(--spacing-sm);background:linear-gradient(to bottom,var(--color-background),var(--color-surface));border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;min-width:32px;height:28px}.emma-collins-product-designer-skill-add-btn:hover{background:linear-gradient(to bottom,var(--color-surface),rgba(var(--color-text-primary-rgb),.08));border-color:rgba(var(--color-text-primary-rgb),.18);color:var(--color-text-primary)}.emma-collins-product-designer-skills-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.emma-collins-product-designer-skills-add-category-btn{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary,#ffffff);color:var(--color-background,#0f0f0f);border:1px solid var(--color-border,#303030);border-radius:var(--border-radius-md,.375rem);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:var(--font-weight-medium,500)}.emma-collins-product-designer-skills-add-category-btn:hover{opacity:.9}.emma-collins-product-designer-skill-tag:hover{background:linear-gradient(to bottom,var(--color-surface),rgba(var(--color-text-primary-rgb),.08));border-color:rgba(var(--color-text-primary-rgb),.18)}.emma-collins-product-designer-skill-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--color-text-primary);flex-shrink:0}.emma-collins-product-designer-skill-text{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:1.4;color:var(--color-text-primary);white-space:nowrap}