.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.feature-demo-shot{padding:0;overflow:hidden}.feature-demo-shot img{border-radius:inherit;width:100%;height:auto;display:block}.feature-demo.feature-demo-tileset-showcase{aspect-ratio:1;background:repeating-conic-gradient(var(--tw-gray-100)0% 25%,white 0% 50%)0 0/16px 16px;width:280px;padding:0;position:relative;overflow:hidden}.feature-demo-tileset-showcase .tileset-showcase-grid{animation:none}.feature-demo-texture-story{align-items:center;gap:var(--tw-space-4);flex-direction:column}.texture-story-row{align-items:center;gap:var(--tw-space-3);display:flex}.feature-demo-texture-story .texture-preview{width:148px;height:148px}.texture-preview-wide{border-radius:var(--tw-radius-lg);width:100%;max-width:344px;box-shadow:var(--tw-shadow-md);position:relative;overflow:hidden}.texture-preview-wide img{width:100%;height:auto;display:block}@media (max-width:420px){.feature-demo-texture-story .texture-preview{width:118px;height:118px}}.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-badge-info{color:var(--tw-gray-50);background:#383024b8}.texture-step-arrow{color:var(--tw-gray-400);flex-shrink:0}.style-match{margin-top:var(--tw-space-8);flex-direction:column;align-items:center;display:flex}.style-match-visual{border-radius:var(--tw-radius-xl);width:100%;max-width:720px;height:auto;box-shadow:var(--tw-shadow-lg)}.style-match-grid{gap:var(--tw-space-4);margin-top:var(--tw-space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%;display:grid}.style-match-item{padding:var(--tw-space-4)var(--tw-space-5);background:var(--tw-panel);border:1px solid var(--tw-gray-200);border-radius:var(--tw-radius-lg)}.style-match-item h3{font-size:var(--tw-text-sm);text-transform:uppercase;letter-spacing:var(--tw-tracking-wide);color:var(--tw-amber-600);margin:0 0 var(--tw-space-2)0;font-weight:600}.style-match-item p{font-size:var(--tw-text-sm);color:var(--tw-gray-600);line-height:var(--tw-leading-normal);margin:0}.style-match-note{margin:var(--tw-space-8)0 0 0;font-family:var(--tw-font-display);font-size:var(--tw-text-lg);color:var(--tw-gray-700);text-align:center;font-style:italic}.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}