.feature-demo{padding:var(--tw-space-6);background:var(--tw-panel);border:1px solid var(--tw-gray-200);border-radius:var(--tw-radius-xl);justify-content:center;align-items:center;min-height:200px;display:flex}.feature-demo-ai{gap:var(--tw-space-4);flex-direction:column}.feature-demo-prompt{text-align:center;padding:var(--tw-space-4);background:var(--tw-gray-50);border-radius:var(--tw-radius-lg);width:100%}.feature-demo-label{font-size:var(--tw-text-xs);color:var(--tw-gray-500);text-transform:uppercase;letter-spacing:var(--tw-tracking-wide);margin-bottom:var(--tw-space-2);font-weight:600;display:block}.feature-demo-prompt p{font-size:var(--tw-text-sm);color:var(--tw-gray-700);margin:0;font-style:italic}.feature-demo-arrow{color:var(--tw-amber-500);animation:1.5s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.feature-demo-result{padding:var(--tw-space-4);background:var(--tw-gray-100);border-radius:var(--tw-radius-lg)}.feature-demo-result-img{object-fit:cover;border-radius:var(--tw-radius-md);width:128px;height:128px;box-shadow:var(--tw-shadow-md);display:block}.feature-demo-editor{padding:var(--tw-space-8)}.feature-demo-grid{background:var(--tw-gray-200);border-radius:var(--tw-radius-md);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.feature-demo-grid span{background:var(--tw-gray-100);width:36px;height:36px;transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);border-radius:2px}.feature-demo-grid span.selected{background:var(--tw-amber-400);box-shadow:0 0 0 2px var(--tw-amber-500)}.feature-demo-textures{gap:var(--tw-space-3);align-items:center}.texture-step{flex-shrink:0}.texture-preview{border-radius:var(--tw-radius-lg);width:110px;height:110px;box-shadow:var(--tw-shadow-md);position:relative;overflow:hidden}.texture-preview img{object-fit:cover;width:100%;height:100%;display:block}.texture-badge{letter-spacing:.02em;justify-content:center;align-items:center;gap:4px;padding:5px 0;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.texture-badge-fail{color:var(--tw-gray-50);background:#c2410ce0}.texture-badge-pass{color:var(--tw-gray-50);background:#5a8a5ee0}.texture-step-arrow{color:var(--tw-gray-400);flex-shrink:0}@media (max-width:600px){.feature-demo-textures{flex-wrap:wrap}.texture-step-arrow{transform:rotate(90deg)}}.feature-demo-refs{gap:var(--tw-space-4)}.ref-card{align-items:center;gap:var(--tw-space-2);padding:var(--tw-space-4);background:var(--tw-gray-50);border-radius:var(--tw-radius-lg);flex-direction:column;display:flex}.ref-image{object-fit:cover;border-radius:var(--tw-radius-md);width:88px;height:88px}.ref-card span{font-size:var(--tw-text-xs);color:var(--tw-gray-600)}.features-grid{gap:var(--tw-space-4);margin-top:var(--tw-space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{padding:var(--tw-space-5);background:var(--tw-panel);border:1px solid var(--tw-gray-200);border-radius:var(--tw-radius-lg);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft)}.feature-card:hover{border-color:var(--tw-amber-300);box-shadow:var(--tw-shadow-md);transform:translateY(-2px)}.feature-card-icon{background:var(--tw-amber-50);border:1px solid var(--tw-amber-200);border-radius:var(--tw-radius-md);width:40px;height:40px;color:var(--tw-amber-600);margin-bottom:var(--tw-space-3);justify-content:center;align-items:center;display:flex}.feature-card h3{font-size:var(--tw-text-base);color:var(--tw-gray-900);margin:0 0 var(--tw-space-2)0;font-weight:600}.feature-card p{font-size:var(--tw-text-sm);color:var(--tw-gray-600);line-height:var(--tw-leading-normal);margin:0}