.component-showcase-wrapper:where(.astro-i3vpni5x){@apply w-full;}.component-showcase{@apply space-y-8;}.showcase-header{@apply border-b border-gray-200 pb-6 dark:border-gray-700;}.component-title{@apply text-3xl font-bold text-gray-900 dark:text-white mb-2;}.component-description{@apply text-lg text-gray-600 dark:text-gray-300 mb-4 leading-relaxed;}.component-meta{@apply flex items-center gap-3 text-sm;}.file-path{@apply font-mono text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded;}.default-export-badge{@apply bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 px-2 py-1 rounded text-xs font-medium;}.examples-section{@apply space-y-4;}.section-header{@apply flex items-center justify-between mb-4;}.section-header h2{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.example-tabs{@apply flex space-x-1 bg-gray-100 dark:bg-gray-800 p-1 rounded-lg;}.example-tab{@apply px-4 py-2 rounded-md text-sm font-medium transition-colors;@apply text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white;}.example-tab.active{@apply bg-white dark:bg-gray-700 text-gray-900 dark:text-white shadow-sm;}.example-content{@apply space-y-4;}.example-header{@apply flex items-start justify-between;}.example-header h3{@apply text-xl font-semibold text-gray-900 dark:text-white;}.example-description{@apply text-gray-600 dark:text-gray-300 mt-1;}.example-controls{@apply flex items-center gap-2;}.toggle-code-btn{@apply px-3 py-1 text-sm font-medium rounded-md border transition-colors;@apply border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700;}.toggle-code-btn.active{@apply bg-blue-50 border-blue-300 text-blue-700 dark:bg-blue-900 dark:border-blue-600 dark:text-blue-200;}.example-demo{@apply space-y-4;}.demo-container{@apply p-6 bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg;@apply shadow-sm;}.code-container{@apply border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden;}.code-header{@apply flex items-center justify-between px-4 py-2 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700;}.code-label{@apply text-sm font-medium text-gray-700 dark:text-gray-300;}.copy-code-btn{@apply px-2 py-1 text-xs font-medium rounded border transition-colors;@apply border-gray-300 text-gray-600 hover:bg-gray-100 dark:border-gray-600 dark:text-gray-400 dark:hover:bg-gray-700;}.code-block{@apply p-4 bg-gray-900 text-gray-100 overflow-x-auto text-sm;@apply font-mono leading-relaxed;}.storybook-section{@apply space-y-4;}.storybook-section h2{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.storybook-description{@apply text-gray-600 dark:text-gray-300;}.storybook-container{@apply border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden;@apply h-96;}.storybook-iframe{@apply w-full h-full border-0;}.storybook-links{@apply flex justify-center;}.storybook-link{@apply inline-flex items-center px-4 py-2 text-sm font-medium rounded-md;@apply bg-blue-600 text-white hover:bg-blue-700 transition-colors;@apply no-underline;}.props-section{@apply space-y-4;}.jsdoc-examples-section{@apply space-y-4;}.jsdoc-examples-section h2{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.jsdoc-examples-description{@apply text-gray-600 dark:text-gray-300;}.jsdoc-example{@apply space-y-2;}.jsdoc-example h4{@apply text-lg font-medium text-gray-900 dark:text-white;}.example-code{@apply p-4 bg-gray-900 text-gray-100 rounded-lg overflow-x-auto text-sm;@apply font-mono;}.source-section{@apply space-y-4 pt-6 border-t border-gray-200 dark:border-gray-700;}.source-section h2{@apply text-2xl font-semibold text-gray-900 dark:text-white;}.source-links{@apply flex flex-wrap gap-3;}.source-link{@apply inline-flex items-center px-4 py-2 text-sm font-medium rounded-md;@apply bg-gray-100 text-gray-700 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700;@apply transition-colors no-underline;}.props-table-container:where(.astro-rnatf6qj){@apply space-y-4;}.props-table-title:where(.astro-rnatf6qj){@apply text-xl font-semibold text-gray-900 dark:text-white;}.props-table-wrapper:where(.astro-rnatf6qj){@apply overflow-x-auto border border-gray-200 dark:border-gray-700 rounded-lg;}.props-table:where(.astro-rnatf6qj){@apply w-full text-sm;}.props-table:where(.astro-rnatf6qj) thead:where(.astro-rnatf6qj){@apply bg-gray-50 dark:bg-gray-800;}.props-table:where(.astro-rnatf6qj) th:where(.astro-rnatf6qj){@apply px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider;}.props-table:where(.astro-rnatf6qj) tbody:where(.astro-rnatf6qj){@apply bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700;}.props-table:where(.astro-rnatf6qj) td:where(.astro-rnatf6qj){@apply px-6 py-4 whitespace-nowrap;}.prop-name:where(.astro-rnatf6qj) code:where(.astro-rnatf6qj){@apply font-mono text-sm font-medium text-blue-600 dark:text-blue-400;}.prop-type:where(.astro-rnatf6qj){@apply max-w-xs;}.type-code:where(.astro-rnatf6qj){@apply font-mono text-xs text-gray-600 dark:text-gray-300 bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded;@apply break-words;}.required-badge:where(.astro-rnatf6qj){@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;@apply bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200;}.optional-badge:where(.astro-rnatf6qj){@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;@apply bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200;}.default-code:where(.astro-rnatf6qj){@apply font-mono text-xs text-green-600 dark:text-green-400 bg-green-50 dark:bg-green-900 px-2 py-1 rounded;}.no-default:where(.astro-rnatf6qj),.no-description:where(.astro-rnatf6qj){@apply text-gray-400 dark:text-gray-500 italic;}.prop-description:where(.astro-rnatf6qj){@apply text-gray-600 dark:text-gray-300 max-w-md;}.props-table-empty:where(.astro-rnatf6qj){@apply text-center py-8;}