.visual-wrapper[data-astro-cid-dqjqvq4e]{padding:calc(var(--spacing-unit) * 2);justify-content:center;display:flex}.ui-card[data-astro-cid-dqjqvq4e]{background:linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-800) 100%);border-radius:var(--radius-xl);width:100%;max-width:400px;transition:transform .4s;overflow:hidden;transform:perspective(1000px)rotateY(5deg)rotateX(2deg);box-shadow:0 25px 50px #3b82f626}.ui-card[data-astro-cid-dqjqvq4e]:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.ui-header[data-astro-cid-dqjqvq4e]{align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 2);background:#0003;border-bottom:1px solid #ffffff1a;display:flex}.ui-icon[data-astro-cid-dqjqvq4e]{background:linear-gradient(135deg, var(--color-light-blue), var(--color-primary-700));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ui-title[data-astro-cid-dqjqvq4e]{color:var(--color-gray-200);font-size:var(--font-size-sm);font-weight:600}.comp-badge[data-astro-cid-dqjqvq4e]{padding:var(--space-1) var(--space-3);color:var(--color-light-blue);border-radius:var(--radius-lg);font-size:var(--font-size-2xs);background:#3b82f626;margin-left:auto;font-family:SF Mono,monospace}.component-showcase[data-astro-cid-dqjqvq4e]{padding:calc(var(--spacing-unit) * 2)}.showcase-label[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing-unit) * 1.5)}.variants-grid[data-astro-cid-dqjqvq4e]{gap:calc(var(--spacing-unit) * 1.5);grid-template-columns:repeat(2,1fr);display:grid}.variant-item[data-astro-cid-dqjqvq4e]{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.demo-btn[data-astro-cid-dqjqvq4e]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--timing-fast);border:none;width:100%;font-weight:500}.demo-btn[data-astro-cid-dqjqvq4e].primary{background:var(--color-light-blue);color:#fff}.demo-btn[data-astro-cid-dqjqvq4e].primary:hover{background:var(--color-primary-600,var(--color-primary-600))}.demo-btn[data-astro-cid-dqjqvq4e].secondary{color:var(--color-gray-200);background:#ffffff1a}.demo-btn[data-astro-cid-dqjqvq4e].secondary:hover{background:#ffffff26}.demo-btn[data-astro-cid-dqjqvq4e].outline{color:var(--color-gray-400);background:0 0;border:1px solid #fff3}.demo-btn[data-astro-cid-dqjqvq4e].outline:hover{color:var(--color-gray-200);border-color:#fff6}.demo-btn[data-astro-cid-dqjqvq4e].ghost{color:var(--color-gray-400);background:0 0}.demo-btn[data-astro-cid-dqjqvq4e].ghost:hover{color:var(--color-gray-400);background:#ffffff0d}.variant-name[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400);font-size:var(--font-size-2xs)}.props-section[data-astro-cid-dqjqvq4e]{padding:0 calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2)}.props-header[data-astro-cid-dqjqvq4e]{margin-bottom:calc(var(--spacing-unit) * 1);padding-bottom:calc(var(--spacing-unit) * 1);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.props-header[data-astro-cid-dqjqvq4e] span[data-astro-cid-dqjqvq4e]:first-child{color:var(--color-gray-400);font-size:var(--font-size-xs);font-weight:500}.props-count[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400);font-size:var(--font-size-2xs)}.props-list[data-astro-cid-dqjqvq4e]{gap:calc(var(--spacing-unit) * .5);flex-direction:column;display:flex}.prop-item[data-astro-cid-dqjqvq4e]{padding:calc(var(--spacing-unit) * .5) 0;justify-content:space-between;align-items:center;display:flex}.prop-name[data-astro-cid-dqjqvq4e]{color:var(--color-accent-300);font-size:var(--font-size-xs);font-family:SF Mono,monospace}.prop-type[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400);font-size:var(--font-size-2xs);font-family:SF Mono,monospace}.ui-footer[data-astro-cid-dqjqvq4e]{justify-content:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:#0003;border-top:1px solid #ffffff1a;display:flex}.framework-tag[data-astro-cid-dqjqvq4e]{padding:var(--space-1) var(--space-3);color:var(--color-gray-400);font-size:var(--font-size-2xs);border-radius:var(--radius-sm);background:#ffffff0d}@media (width<=768px){.ui-card[data-astro-cid-dqjqvq4e]{max-width:100%;transform:none}.ui-card[data-astro-cid-dqjqvq4e]:hover{transform:none}}@media (prefers-reduced-motion:reduce){.ui-card[data-astro-cid-dqjqvq4e],.demo-btn[data-astro-cid-dqjqvq4e]{transition:none;transform:none}}.dark .ui-title[data-astro-cid-dqjqvq4e]{color:var(--color-gray-100)}.dark .comp-badge[data-astro-cid-dqjqvq4e]{color:var(--color-light-blue)}.dark .showcase-label[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400)}.dark .demo-btn[data-astro-cid-dqjqvq4e].secondary{color:var(--color-gray-100)}.dark .demo-btn[data-astro-cid-dqjqvq4e].outline{color:var(--color-gray-300)}.dark .demo-btn[data-astro-cid-dqjqvq4e].ghost,.dark .variant-name[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400)}.dark .props-header[data-astro-cid-dqjqvq4e] span[data-astro-cid-dqjqvq4e]:first-child{color:var(--color-gray-300)}.dark .props-count[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400)}.dark .prop-name[data-astro-cid-dqjqvq4e]{color:var(--color-pink-300)}.dark .prop-type[data-astro-cid-dqjqvq4e],.dark .framework-tag[data-astro-cid-dqjqvq4e]{color:var(--color-gray-400)}