.preview-page.svelte-15bpv15{min-height:100vh;background:var(--color-grey-10, #f9f9f9);padding:2rem;font-family:Lexend Deca Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-header.svelte-15bpv15{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.preview-header.svelte-15bpv15 h1:where(.svelte-15bpv15){font-size:1.5rem;font-weight:700;color:var(--color-grey-100, #000);margin:0}.header-actions.svelte-15bpv15{display:flex;gap:.75rem;align-items:center}.figma-link.svelte-15bpv15{font-size:.8125rem;font-weight:600;color:var(--color-primary-start, #4867cd);text-decoration:none}.figma-link.svelte-15bpv15:hover{text-decoration:underline}.theme-toggle.svelte-15bpv15{padding:.375rem .75rem;border:.0625rem solid var(--color-grey-30, #e3e3e3);border-radius:.5rem;background:var(--color-grey-0, #fff);color:var(--color-grey-100, #000);font-size:.8125rem;font-weight:500;cursor:pointer}.preview-container.svelte-15bpv15{max-width:32rem;margin:0 auto}.element-section.svelte-15bpv15{margin-bottom:3rem}.section-title.svelte-15bpv15{font-size:1.25rem;font-weight:700;color:var(--color-grey-100, #000);margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:.125rem solid var(--color-grey-30, #e3e3e3)}.section-description.svelte-15bpv15{font-size:.875rem;color:var(--color-grey-60, #888);margin:0 0 1.5rem}.section-description.svelte-15bpv15 code:where(.svelte-15bpv15){background:var(--color-grey-20, #f3f3f3);padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem}.element-block.svelte-15bpv15{margin-bottom:2rem;padding:1.25rem;background:var(--color-grey-20, #f3f3f3);border-radius:.75rem}.element-header.svelte-15bpv15{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.element-header.svelte-15bpv15 h3:where(.svelte-15bpv15){font-size:1rem;font-weight:700;color:var(--color-grey-100, #000);margin:0}.element-tag.svelte-15bpv15{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:1rem;white-space:nowrap}.element-tag.existing.svelte-15bpv15{background:var(--color-grey-30, #e3e3e3);color:var(--color-grey-70, #666)}.element-tag.new.svelte-15bpv15{background:#d4edda;color:#155724}.element-purpose.svelte-15bpv15{font-size:.8125rem;color:var(--color-grey-60, #888);margin:0 0 1rem;line-height:1.4}.element-demo.svelte-15bpv15{background:var(--color-grey-20, #f3f3f3);border-radius:.5rem;padding:.5rem 0}.element-demo.svelte-15bpv15+.element-demo:where(.svelte-15bpv15){margin-top:1rem;padding-top:1rem;border-top:.0625rem solid var(--color-grey-30, #e3e3e3)}.variant-label.svelte-15bpv15{font-size:.75rem;font-weight:600;color:var(--color-grey-60, #888);margin:0 0 .5rem .625rem;text-transform:uppercase;letter-spacing:.04em}.state-display.svelte-15bpv15{font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,monospace;color:var(--color-grey-50, #a6a6a6);padding:.5rem .625rem 0}.quote-scroll-group.svelte-15bpv15{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem .625rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quote-scroll-group.svelte-15bpv15::-webkit-scrollbar{display:none}.quote-scroll-group.svelte-15bpv15 .settings-quote{flex-shrink:0;width:14rem}.tab-content-panel.svelte-15bpv15{background:var(--color-grey-10, #f9f9f9);border-radius:.75rem;margin-top:-1.4rem;padding:2.4rem .625rem .5rem;font-size:.875rem;color:var(--color-grey-70, #666);line-height:1.4}