.page-container.svelte-fdlfd7{max-width:var(--lg-container-2xl);margin:0 auto;padding:var(--lg-space-6) var(--lg-space-4)}.sample-page-header.svelte-fdlfd7{margin-bottom:var(--lg-space-8);border-bottom:1px solid var(--lg-border-light);padding-bottom:var(--lg-space-6)}.sample-header-content.svelte-fdlfd7{max-width:var(--lg-container-xl)}.sample-header-text.svelte-fdlfd7{display:flex;flex-direction:column;gap:var(--lg-space-3)}.sample-page-title.svelte-fdlfd7{font-size:var(--lg-text-3xl);font-weight:var(--lg-font-bold);color:var(--lg-text-primary);margin:0;line-height:var(--lg-leading-tight)}.sample-page-description.svelte-fdlfd7{font-size:var(--lg-text-base);color:var(--lg-text-secondary);margin:0;line-height:var(--lg-leading-relaxed)}.template-selector.svelte-fdlfd7{margin-bottom:var(--lg-space-6)}.template-tabs.svelte-fdlfd7{display:flex;flex-wrap:wrap;gap:var(--lg-space-2);padding:var(--lg-space-4);background:var(--lg-bg-secondary);border-radius:var(--lg-radius-lg);border:1px solid var(--lg-border-light)}.template-tab.svelte-fdlfd7{flex:1 1 auto;min-width:-moz-fit-content;min-width:fit-content;padding:var(--lg-space-3) var(--lg-space-5);background:var(--lg-bg-primary);border:1px solid var(--lg-border-primary);border-radius:var(--lg-radius-md);cursor:pointer;font-weight:var(--lg-font-medium);font-size:var(--lg-text-sm);color:var(--lg-text-secondary);transition:all var(--lg-transition-fast);text-align:center;white-space:nowrap}.template-tab.svelte-fdlfd7:hover,.template-tab.svelte-fdlfd7:focus,.template-tab.svelte-fdlfd7:active{background:var(--lg-bg-hover);border-color:var(--lg-border-secondary);color:var(--lg-text-primary);transform:translateY(-1px);box-shadow:var(--lg-shadow-sm)}.template-tab.active.svelte-fdlfd7{background:var(--lg-primary);border-color:var(--lg-primary);color:var(--lg-text-white);font-weight:var(--lg-font-semibold);box-shadow:var(--lg-shadow-md)}.template-tab.active.svelte-fdlfd7:hover,.template-tab.active.svelte-fdlfd7:focus,.template-tab.active.svelte-fdlfd7:active{background:var(--lg-primary-hover);border-color:var(--lg-primary-hover);transform:translateY(-1px)}.tab-name.svelte-fdlfd7{display:block}.preview-section.svelte-fdlfd7{background:var(--lg-bg-primary);border-radius:var(--lg-radius-lg);border:1px solid var(--lg-border-light);box-shadow:var(--lg-shadow-md);overflow:hidden}.preview-header.svelte-fdlfd7{padding:var(--lg-space-6);background:var(--lg-bg-secondary);border-bottom:1px solid var(--lg-border-light)}.preview-info.svelte-fdlfd7{display:flex;flex-direction:column;gap:var(--lg-space-2)}.preview-title.svelte-fdlfd7{margin:0;font-size:var(--lg-text-2xl);font-weight:var(--lg-font-semibold);color:var(--lg-text-primary);line-height:var(--lg-leading-tight)}.preview-description.svelte-fdlfd7{margin:0;color:var(--lg-text-secondary);font-size:var(--lg-text-base);line-height:var(--lg-leading-normal)}.preview-content.svelte-fdlfd7{padding:var(--lg-space-8);background:var(--lg-gray-100);min-height:600px;display:flex;justify-content:center;align-items:flex-start}.email-preview.svelte-fdlfd7{width:100%;max-width:600px;margin:0 auto;background:var(--lg-bg-primary);box-shadow:var(--lg-shadow-lg);border-radius:var(--lg-radius-md);overflow:hidden}.email-preview.svelte-fdlfd7>div{width:100%;max-width:600px}@media (max-width: 768px){.page-container.svelte-fdlfd7{padding:var(--lg-space-4) var(--lg-space-3)}.template-tabs.svelte-fdlfd7{padding:var(--lg-space-3);gap:var(--lg-space-1-5, .375rem)}.template-tab.svelte-fdlfd7{flex:1 1 calc(50% - var(--lg-space-1));font-size:var(--lg-text-xs);padding:var(--lg-space-2) var(--lg-space-3)}.preview-header.svelte-fdlfd7{padding:var(--lg-space-4)}.preview-title.svelte-fdlfd7{font-size:var(--lg-text-xl)}.preview-description.svelte-fdlfd7{font-size:var(--lg-text-sm)}.preview-content.svelte-fdlfd7{padding:var(--lg-space-4)}}@media (max-width: 480px){.template-tab.svelte-fdlfd7{flex:1 1 100%}}