.container.svelte-1ivcjqu{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}.design-detail.svelte-1ivcjqu{padding:var(--spacing-3xl) 0;min-height:80vh}.back-link.svelte-1ivcjqu{margin-bottom:var(--spacing-xl)}.back-link.svelte-1ivcjqu a:where(.svelte-1ivcjqu){display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm)}.back-link.svelte-1ivcjqu a:where(.svelte-1ivcjqu):hover{color:var(--color-text-primary)}.back-link.svelte-1ivcjqu svg{opacity:.6;transition:transform .18s,opacity .18s}.back-link.svelte-1ivcjqu a:where(.svelte-1ivcjqu):hover svg{opacity:1;transform:translate(-4px)}.design-header.svelte-1ivcjqu{text-align:center;margin-bottom:var(--spacing-3xl)}.design-header.svelte-1ivcjqu h1:where(.svelte-1ivcjqu){font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.design-description.svelte-1ivcjqu{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:720px;margin:0 auto var(--spacing-lg) auto;line-height:1.6}.design-meta.svelte-1ivcjqu{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center;font-size:var(--font-size-md);color:var(--color-text-secondary);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-xl);width:max-content;margin:0 auto}.examples-section.svelte-1ivcjqu{margin-bottom:var(--spacing-4xl)}.examples-section.svelte-1ivcjqu h2:where(.svelte-1ivcjqu){font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2xl) 0;color:var(--color-text-primary);text-align:center}.section-intro.svelte-1ivcjqu{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}.examples-grid.svelte-1ivcjqu{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.example-card.svelte-1ivcjqu{background:var(--color-surface-elevated);border:none;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.example-card.svelte-1ivcjqu:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-thumbnail.svelte-1ivcjqu{width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.card-thumbnail.svelte-1ivcjqu img:where(.svelte-1ivcjqu){width:100%;height:100%;object-fit:cover}.card-info.svelte-1ivcjqu{padding:var(--spacing-lg)}.card-info.svelte-1ivcjqu h3:where(.svelte-1ivcjqu){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary)}.card-info.svelte-1ivcjqu p:where(.svelte-1ivcjqu){font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.features-section.svelte-1ivcjqu{margin-bottom:var(--spacing-4xl);padding:var(--spacing-3xl) 0;background:var(--color-background)}.features-section.svelte-1ivcjqu h2:where(.svelte-1ivcjqu){font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2xl) 0;color:var(--color-text-primary);text-align:center}.features-list.svelte-1ivcjqu{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.feature.svelte-1ivcjqu{background:var(--color-surface-elevated);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:left;display:flex;gap:var(--spacing-md);align-items:flex-start}.feature-icon.svelte-1ivcjqu{font-size:var(--font-size-4xl);border-radius:var(--radius-xl);background:var(--feature-bg);display:grid;padding:var(--spacing-sm2)}.feature.svelte-1ivcjqu h3:where(.svelte-1ivcjqu){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.feature.svelte-1ivcjqu p:where(.svelte-1ivcjqu){font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.back-layouts-section.svelte-1ivcjqu{margin-bottom:var(--spacing-4xl);padding:var(--spacing-3xl) 0;text-align:center}.back-layouts-section.svelte-1ivcjqu h2:where(.svelte-1ivcjqu){font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.back-layouts-cta.svelte-1ivcjqu{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.cta-section.svelte-1ivcjqu{text-align:center;padding:var(--spacing-3xl) 0}.cta-section.svelte-1ivcjqu h2:where(.svelte-1ivcjqu){font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.cta-section.svelte-1ivcjqu p:where(.svelte-1ivcjqu){font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;line-height:1.6}.modal-overlay.svelte-1ivcjqu{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;padding:var(--spacing-xl);cursor:zoom-out}.modal-close.svelte-1ivcjqu{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:#ffffff1a;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10001}.modal-close.svelte-1ivcjqu:hover{background:#fff3}.modal-nav.svelte-1ivcjqu{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:var(--radius-md);padding:var(--spacing-md);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10001}.modal-nav.svelte-1ivcjqu:hover{background:#fff3}.modal-nav-prev.svelte-1ivcjqu{left:var(--spacing-lg)}.modal-nav-next.svelte-1ivcjqu{right:var(--spacing-lg)}.modal-content-wrapper.svelte-1ivcjqu{max-width:95vw;max-height:95vh;cursor:default}.modal-content.svelte-1ivcjqu{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-content.svelte-1ivcjqu img:where(.svelte-1ivcjqu){max-width:95vw;max-height:95vh;height:auto;width:auto;display:block;border-radius:var(--radius-lg);position:absolute}@media (max-width: 768px){.examples-grid.svelte-1ivcjqu,.features-list.svelte-1ivcjqu{grid-template-columns:1fr}}