.component-preview[data-astro-cid-euo3ppad]{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin:var(--size-16) 0 var(--size-32) 0}.preview-area[data-astro-cid-euo3ppad]{display:flex;flex-wrap:wrap;gap:var(--size-12);padding:var(--size-24);background:var(--background-raised);align-items:center;justify-content:center}.preview-area[data-astro-cid-euo3ppad].preview-column{flex-direction:column;align-items:stretch;gap:var(--size-24)}.mock-empty-state[data-astro-cid-euo3ppad]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--size-32);background:var(--background-base);border:1px dashed var(--border-default);border-radius:var(--radius-lg);min-width:300px}.mock-empty-state[data-astro-cid-euo3ppad].sm{padding:var(--size-16);min-width:150px}.mock-empty-state[data-astro-cid-euo3ppad].md{padding:var(--size-24)}.mock-empty-state[data-astro-cid-euo3ppad].lg{padding:var(--size-48)}.mock-icon[data-astro-cid-euo3ppad]{margin-bottom:var(--size-16);color:var(--foreground-muted)}.mock-icon[data-astro-cid-euo3ppad] svg[data-astro-cid-euo3ppad]{width:48px;height:48px}.mock-empty-state[data-astro-cid-euo3ppad].sm .mock-icon[data-astro-cid-euo3ppad]{margin-bottom:var(--size-8)}.mock-empty-state[data-astro-cid-euo3ppad].sm .mock-icon[data-astro-cid-euo3ppad] svg[data-astro-cid-euo3ppad]{width:24px;height:24px}.mock-title[data-astro-cid-euo3ppad]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground-base);margin:0 0 var(--size-8) 0}.mock-empty-state[data-astro-cid-euo3ppad].sm .mock-title[data-astro-cid-euo3ppad]{font-size:var(--font-size-sm);margin-bottom:0}.mock-empty-state[data-astro-cid-euo3ppad].lg .mock-title[data-astro-cid-euo3ppad]{font-size:var(--font-size-xl)}.mock-description[data-astro-cid-euo3ppad]{font-size:var(--font-size-sm);color:var(--foreground-muted);margin:0 0 var(--size-16) 0;max-width:320px}.mock-action[data-astro-cid-euo3ppad]{display:inline-flex;align-items:center;justify-content:center;padding:var(--size-8) var(--size-16);background:var(--background-interactive-primary);color:var(--foreground-interactive-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.mock-action[data-astro-cid-euo3ppad].secondary{background:var(--background-muted);color:var(--foreground-base)}.size-demo[data-astro-cid-euo3ppad]{background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--size-16);position:relative}.size-label[data-astro-cid-euo3ppad]{position:absolute;top:var(--size-8);left:var(--size-12);font-size:var(--font-size-xs);color:var(--foreground-muted);font-weight:var(--font-weight-medium)}.compact-container[data-astro-cid-euo3ppad]{background:var(--background-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--size-16);width:200px}.preview-code[data-astro-cid-euo3ppad]{background:var(--background-sunken);border-top:1px solid var(--border-default)}.preview-code[data-astro-cid-euo3ppad] pre[data-astro-cid-euo3ppad]{margin:0;padding:var(--size-16);overflow-x:auto;font-size:var(--font-size-sm)}.preview-code[data-astro-cid-euo3ppad] code[data-astro-cid-euo3ppad]{background:transparent}.props-table-wrapper[data-astro-cid-euo3ppad]{overflow-x:auto;margin:var(--size-16) 0}.props-table[data-astro-cid-euo3ppad]{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.props-table[data-astro-cid-euo3ppad] th[data-astro-cid-euo3ppad],.props-table[data-astro-cid-euo3ppad] td[data-astro-cid-euo3ppad]{padding:var(--size-12);text-align:left;border-bottom:1px solid var(--border-default)}.props-table[data-astro-cid-euo3ppad] th[data-astro-cid-euo3ppad]{font-weight:var(--font-weight-semibold);background:var(--background-raised)}.props-table[data-astro-cid-euo3ppad] code[data-astro-cid-euo3ppad]{background:var(--background-muted);padding:var(--size-2) var(--size-6);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.a11y-list[data-astro-cid-euo3ppad]{list-style:none;padding:0}.a11y-list[data-astro-cid-euo3ppad] li[data-astro-cid-euo3ppad]{padding:var(--size-12) 0;border-bottom:1px solid var(--border-default)}.a11y-list[data-astro-cid-euo3ppad] li[data-astro-cid-euo3ppad]:last-child{border-bottom:none}