.visual-wrapper[data-astro-cid-5r4iadsk]{display:flex;justify-content:center;padding:calc(var(--spacing-unit) * 2)}.ds-card[data-astro-cid-5r4iadsk]{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);border-radius:var(--radius-xl);overflow:hidden;width:100%;max-width:400px;box-shadow:0 25px 50px #8b5cf626;transform:perspective(1000px) rotateY(5deg) rotateX(2deg);transition:transform .4s ease}.ds-card[data-astro-cid-5r4iadsk]:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.ds-header[data-astro-cid-5r4iadsk]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 2);background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.ds-icon[data-astro-cid-5r4iadsk]{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-700));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.ds-title[data-astro-cid-5r4iadsk]{color:var(--color-gray-200);font-size:var(--font-size-sm);font-weight:600}.version-badge[data-astro-cid-5r4iadsk]{margin-left:auto;padding:var(--space-1) var(--space-3);background:#8b5cf626;color:var(--color-accent-300);border-radius:var(--radius-lg);font-size:var(--font-size-2xs);font-family:SF Mono,monospace}.component-preview[data-astro-cid-5r4iadsk]{padding:calc(var(--spacing-unit) * 2);border-bottom:1px solid rgba(255,255,255,.05)}.preview-label[data-astro-cid-5r4iadsk]{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)}.button-samples[data-astro-cid-5r4iadsk]{display:flex;gap:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 1.5)}.sample-btn[data-astro-cid-5r4iadsk]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-2xs);font-weight:500;cursor:default}.sample-btn[data-astro-cid-5r4iadsk].primary{background:var(--color-light-blue);color:#fff}.sample-btn[data-astro-cid-5r4iadsk].secondary{background:#ffffff1a;color:var(--color-gray-400)}.sample-btn[data-astro-cid-5r4iadsk].outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-gray-400)}.input-sample[data-astro-cid-5r4iadsk] input[data-astro-cid-5r4iadsk]{width:100%;padding:var(--space-2) var(--space-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-gray-400);font-size:var(--font-size-xs)}.input-sample[data-astro-cid-5r4iadsk] input[data-astro-cid-5r4iadsk]::-moz-placeholder{color:var(--color-gray-400)}.input-sample[data-astro-cid-5r4iadsk] input[data-astro-cid-5r4iadsk]::placeholder{color:var(--color-gray-400)}.components-list[data-astro-cid-5r4iadsk]{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2)}.component-item[data-astro-cid-5r4iadsk]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1) 0;border-bottom:1px solid rgba(255,255,255,.05)}.component-item[data-astro-cid-5r4iadsk]:last-child{border-bottom:none}.comp-icon[data-astro-cid-5r4iadsk]{font-size:var(--font-size-sm)}.comp-name[data-astro-cid-5r4iadsk]{color:var(--color-gray-200);font-size:var(--font-size-sm);flex:1}.comp-variants[data-astro-cid-5r4iadsk]{color:var(--color-gray-400);font-size:var(--font-size-2xs)}.ds-footer[data-astro-cid-5r4iadsk]{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:#0003;border-top:1px solid rgba(255,255,255,.1)}.color-dots[data-astro-cid-5r4iadsk]{display:flex;gap:var(--space-1)}.dot[data-astro-cid-5r4iadsk]{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.2)}.footer-text[data-astro-cid-5r4iadsk]{color:var(--color-gray-400);font-size:var(--font-size-2xs)}@media(max-width:768px){.ds-card[data-astro-cid-5r4iadsk]{transform:none;max-width:100%}.ds-card[data-astro-cid-5r4iadsk]:hover{transform:none}}@media(prefers-reduced-motion:reduce){.ds-card[data-astro-cid-5r4iadsk]{transform:none;transition:none}}.dark .ds-title[data-astro-cid-5r4iadsk]{color:var(--color-gray-100)}.dark .version-badge[data-astro-cid-5r4iadsk]{color:var(--color-accent-200, var(--color-accent-200))}.dark .preview-label[data-astro-cid-5r4iadsk]{color:var(--color-gray-400)}.dark .sample-btn[data-astro-cid-5r4iadsk].secondary,.dark .sample-btn[data-astro-cid-5r4iadsk].outline,.dark .input-sample[data-astro-cid-5r4iadsk] input[data-astro-cid-5r4iadsk]{color:var(--color-gray-300)}.dark .input-sample[data-astro-cid-5r4iadsk] input[data-astro-cid-5r4iadsk]::-moz-placeholder{color:var(--color-gray-400)}.dark .input-sample[data-astro-cid-5r4iadsk] input[data-astro-cid-5r4iadsk]::placeholder{color:var(--color-gray-400)}.dark .comp-name[data-astro-cid-5r4iadsk]{color:var(--color-gray-100)}.dark .comp-variants[data-astro-cid-5r4iadsk],.dark .footer-text[data-astro-cid-5r4iadsk]{color:var(--color-gray-400)}