.widget-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:20px;max-width:1400px;margin:0 auto}.widget-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.widget-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:#d1d5db}.widget-card-preview{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:32px 20px;min-height:160px;display:flex;align-items:center;justify-content:center;position:relative}.widget-preview-mini{background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:90%}.widget-preview-question{font-size:14px;font-weight:500;color:#1f2937;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.widget-card-content{padding:16px 20px}.widget-card-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.4}.widget-card-stats{display:flex;align-items:center;gap:16px}.widget-stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.widget-stat svg{width:16px;height:16px;stroke:#9ca3af}.widget-stat-value{font-weight:500;color:#374151}.widget-card-hover{position:absolute;top:50%;right:20px;transform:translateY(-50%);opacity:0;transition:opacity .2s ease;color:#667eea}.widget-card:hover .widget-card-hover{opacity:1}.loading-state{text-align:center;padding:60px 20px;color:#6b7280;font-size:15px}.widget-cards-empty{text-align:center;padding:80px 20px;max-width:400px;margin:0 auto}.widget-cards-empty-icon{width:64px;height:64px;margin:0 auto 20px;color:#d1d5db}.widget-cards-empty-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.widget-cards-empty-desc{font-size:14px;color:#6b7280;line-height:1.6}@media(max-width:768px){.widget-cards-grid{grid-template-columns:1fr;gap:16px;padding:16px}.widget-card-preview{padding:24px 16px;min-height:140px}.widget-card-content{padding:14px 16px}.widget-card-title{font-size:14px}.widget-stat{font-size:13px}}.widget-card[data-color=blue] .widget-card-preview{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.widget-card[data-color=green] .widget-card-preview{background:linear-gradient(135deg,#84fab0 0,#8fd3f4 100%)}.widget-card[data-color=orange] .widget-card-preview{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.widget-card[data-color=purple] .widget-card-preview{background:linear-gradient(135deg,#a8edea 0,#fed6e3 100%)}.widget-card[data-color=pink] .widget-card-preview{background:linear-gradient(135deg,#ff9a9e 0,#fecfef 100%)}