.search-section[data-v-b71b2c3c]{display:-ms-flexbox;display:flex;gap:12px;margin-bottom:20px;-ms-flex-align:center;align-items:center}.components-section[data-v-b71b2c3c]{margin-bottom:20px}.components-section h4[data-v-b71b2c3c]{margin-bottom:12px;color:#333;font-size:14px;font-weight:500}.component-grid[data-v-b71b2c3c]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(240px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;max-height:450px;overflow-y:auto;padding:4px;&[data-v-b71b2c3c]::-webkit-scrollbar{width:8px}&[data-v-b71b2c3c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}&[data-v-b71b2c3c]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}&[data-v-b71b2c3c]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.component-card[data-v-b71b2c3c]{border:1px solid #e8e8e8;border-radius:6px;padding:10px;cursor:pointer;transition:all .2s;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;position:relative;&[data-v-b71b2c3c]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none}}.component-card[data-v-b71b2c3c]:hover{border-color:#40a9ff;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(24,144,255,.15)}.component-card.selected[data-v-b71b2c3c]{border-color:#52c41a;background:#f6ffed;border-width:2px;&[data-v-b71b2c3c]:before{background:linear-gradient(135deg,#52c41a,#52c41a 2%,transparent 0);opacity:1}}.component-info[data-v-b71b2c3c]{-ms-flex:1;flex:1;min-width:0}.component-name[data-v-b71b2c3c]{font-size:13px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-detail[data-v-b71b2c3c]{font-size:11px;color:#666;margin-bottom:2px;display:-ms-flexbox;display:flex;gap:8px}.sku-info[data-v-b71b2c3c]{font-size:11px;color:#1890ff}.component-actions[data-v-b71b2c3c]{-ms-flex-negative:0;flex-shrink:0;margin-left:8px}.empty-state[data-v-b71b2c3c]{grid-column:1/-1;text-align:center;padding:40px;color:#999}.pagination-wrapper[data-v-b71b2c3c]{text-align:center;margin-top:16px}.selected-info[data-v-b71b2c3c]{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:12px;min-height:36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;.selected-names[data-v-b71b2c3c]{-ms-flex:1;flex:1;color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:8px}}@media (max-width:600px){.component-grid[data-v-b71b2c3c]{-ms-grid-columns:1fr;grid-template-columns:1fr}.search-section[data-v-b71b2c3c]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.component-detail[data-v-b71b2c3c]{-ms-flex-direction:column;flex-direction:column;gap:4px}}