.container.svelte-1duslf{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}.designs-page.svelte-1duslf{padding:var(--spacing-3xl) 0;min-height:80vh}.page-header.svelte-1duslf{text-align:center;margin-bottom:var(--spacing-3xl)}.page-header.svelte-1duslf h1:where(.svelte-1duslf){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-1duslf{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto;line-height:1.6}.designs-grid.svelte-1duslf{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.design-card.svelte-1duslf{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-1duslf:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.design-image.svelte-1duslf{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.new-badge.svelte-1duslf{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-1duslf img:where(.svelte-1duslf){width:100%;height:100%;object-fit:cover}.design-info.svelte-1duslf{padding:var(--spacing-lg)}.design-info.svelte-1duslf h3:where(.svelte-1duslf){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.design-info.svelte-1duslf p:where(.svelte-1duslf){font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.back-layouts-section.svelte-1duslf{margin:var(--spacing-2xl) 0;padding-top:var(--spacing-2xl)}.back-layouts-section.svelte-1duslf h2:where(.svelte-1duslf){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-1duslf{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-1duslf{display:flex;justify-content:center;margin-top:var(--spacing-lg)}@media (max-width: 768px){.designs-grid.svelte-1duslf{grid-template-columns:1fr}}