.showcase-page[data-astro-cid-xazgg5fl]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.showcase-back-link[data-astro-cid-xazgg5fl]{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .15s}.showcase-back-link[data-astro-cid-xazgg5fl]:hover{color:var(--color-primary)}.showcase-header[data-astro-cid-xazgg5fl]{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.showcase-title[data-astro-cid-xazgg5fl]{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;font-family:var(--font-heading)}.showcase-description[data-astro-cid-xazgg5fl]{color:var(--color-text-secondary);font-size:1.0625rem;margin:0;line-height:1.6}.comp-section[data-astro-cid-xazgg5fl]{padding:2.5rem 0;border-bottom:1px solid var(--color-border)}.comp-section[data-astro-cid-xazgg5fl]:last-child{border-bottom:none}.comp-heading[data-astro-cid-xazgg5fl]{margin-bottom:1.5rem}.comp-name[data-astro-cid-xazgg5fl]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;font-family:var(--font-heading)}.comp-desc[data-astro-cid-xazgg5fl]{color:var(--color-text-secondary);font-size:.9375rem;margin:0;line-height:1.6;max-width:720px}.comp-code[data-astro-cid-xazgg5fl]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;margin-bottom:1.5rem}.comp-code-header[data-astro-cid-xazgg5fl]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border)}.comp-code-label[data-astro-cid-xazgg5fl]{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.comp-copy-btn[data-astro-cid-xazgg5fl]{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .15s}.comp-copy-btn[data-astro-cid-xazgg5fl]:hover{color:var(--color-text-primary);background:var(--color-background-secondary)}.comp-copy-btn[data-astro-cid-xazgg5fl].copied{color:var(--color-primary)}.comp-code-block[data-astro-cid-xazgg5fl]{margin:0;padding:1rem;background:var(--color-code-block-bg);color:var(--color-code-block-text);overflow-x:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;line-height:1.7}.comp-code-block[data-astro-cid-xazgg5fl] code[data-astro-cid-xazgg5fl]{font-family:inherit;color:inherit;background:transparent;padding:0;border:none}.comp-preview[data-astro-cid-xazgg5fl]{display:flex;gap:1.5rem;align-items:flex-start}.comp-preview-frame[data-astro-cid-xazgg5fl]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-background);flex:1;min-width:0;transition:background-color .2s,color .2s}.comp-preview-frame[data-astro-cid-xazgg5fl].dark{background:var(--color-background)}.comp-preview-bar[data-astro-cid-xazgg5fl]{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.comp-preview-label[data-astro-cid-xazgg5fl]{display:flex;align-items:center;gap:.5rem}.comp-theme-toggle[data-astro-cid-xazgg5fl]{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-tertiary);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;transition:all .15s}.comp-theme-toggle[data-astro-cid-xazgg5fl]:hover{color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.comp-theme-icon-light[data-astro-cid-xazgg5fl]{display:block}.comp-theme-icon-dark[data-astro-cid-xazgg5fl],.comp-preview-frame[data-astro-cid-xazgg5fl].dark .comp-theme-icon-light[data-astro-cid-xazgg5fl]{display:none}.comp-preview-frame[data-astro-cid-xazgg5fl].dark .comp-theme-icon-dark[data-astro-cid-xazgg5fl]{display:block}.comp-preview-content[data-astro-cid-xazgg5fl]{padding:1.5rem;overflow:hidden}.comp-preview-content[data-astro-cid-xazgg5fl]>[data-astro-cid-xazgg5fl]:first-child,.comp-preview-content[data-astro-cid-xazgg5fl] [data-astro-cid-xazgg5fl]:first-child{margin-top:0}.comp-preview-content[data-astro-cid-xazgg5fl]>[data-astro-cid-xazgg5fl]:last-child,.comp-preview-content[data-astro-cid-xazgg5fl] [data-astro-cid-xazgg5fl]:last-child{margin-bottom:0}@media(max-width:900px){.comp-preview[data-astro-cid-xazgg5fl]{flex-direction:column}}@media(max-width:640px){.showcase-page[data-astro-cid-xazgg5fl]{padding:1.5rem 1rem 3rem}.showcase-title[data-astro-cid-xazgg5fl]{font-size:1.5rem}.comp-name[data-astro-cid-xazgg5fl]{font-size:1.25rem}}