.component-preview[data-v-242f9e8a]{border:1px solid var(--neutrals-50);border-radius:var(--radius-base);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);overflow:hidden}.component-preview[data-v-242f9e8a]:last-child{margin-bottom:0}.tabs[data-v-242f9e8a]{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--neutrals-50);background:var(--neutrals-white)}.tabs button[data-v-242f9e8a]{margin-right:var(--spacing-4);padding:var(--spacing-2) 0;cursor:pointer;color:var(--neutrals-500);font-weight:var(--font-weight-medium)}.tabs button.active-tab[data-v-242f9e8a]{font-weight:var(--font-weight-bold);color:var(--neutrals-black);border-bottom:2px solid var(--neutrals-black)}.preview-content[data-v-242f9e8a]{padding:var(--spacing-8);background:var(--neutrals-white);display:flex;flex-direction:column;gap:var(--spacing-4)}.code-content[data-v-242f9e8a]{padding:var(--spacing-4);background:var(--neutrals-25);border-radius:0 0 var(--radius-base) var(--radius-base);position:relative}.code-content .code-highlight[data-v-242f9e8a] pre.shiki{margin:0;padding:var(--spacing-2);white-space:pre-wrap}.code-header[data-v-242f9e8a]{display:flex;align-items:center;justify-content:flex-end;margin-bottom:var(--spacing-2)}.code-header .copy-button[data-v-242f9e8a]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--state-hover-strong);border:1px solid var(--border-default);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-b3);color:var(--content-primary);transition:background .2s}.code-header .copy-button[data-v-242f9e8a]:hover{background:var(--state-hover)}