.container.svelte-16em2av{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}.designs-page.svelte-16em2av{padding:var(--spacing-3xl) 0;min-height:80vh}.page-header.svelte-16em2av{text-align:center;margin-bottom:var(--spacing-3xl)}.page-header.svelte-16em2av h1:where(.svelte-16em2av){font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.intro.svelte-16em2av{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto;line-height:1.6}.designs-grid.svelte-16em2av{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.design-card.svelte-16em2av{background:var(--color-surface-elevated);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s;text-decoration:none;display:flex;flex-direction:column}.design-card.svelte-16em2av:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.design-image.svelte-16em2av{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.new-badge.svelte-16em2av{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background:#ff4500;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);z-index:1}.design-image.svelte-16em2av img:where(.svelte-16em2av){width:100%;height:100%;object-fit:cover}.design-info.svelte-16em2av{padding:var(--spacing-lg)}.design-info.svelte-16em2av h3:where(.svelte-16em2av){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.back-layouts-section.svelte-16em2av{margin:var(--spacing-2xl) 0;padding-top:var(--spacing-2xl)}.back-layouts-section.svelte-16em2av h2:where(.svelte-16em2av){font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary);text-align:center}.section-intro.svelte-16em2av{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto var(--spacing-2xl) auto;line-height:1.6;text-align:center}.back-layouts-cta.svelte-16em2av{display:flex;justify-content:center;margin-top:var(--spacing-lg)}@media (max-width: 768px){.designs-grid.svelte-16em2av{grid-template-columns:1fr}}