.templates-page.svelte-1ijgw3b{min-height:100vh;background:var(--bg-primary, #f5f5f5);color:var(--text-primary, #000);padding:2rem 1rem}.container.svelte-1ijgw3b{max-width:960px;margin:0 auto;background:var(--bg-secondary, #fff);padding:3rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.back-nav.svelte-1ijgw3b{display:inline-block;color:#3498db;text-decoration:none;font-weight:600;margin-bottom:1.5rem;font-size:.95rem;border-bottom:1px solid transparent;transition:border-color .2s}.back-nav.svelte-1ijgw3b:hover{border-bottom-color:#3498db}h1.svelte-1ijgw3b{color:var(--text-header, #2c3e50);margin-bottom:.5rem;font-size:2rem}.tagline.svelte-1ijgw3b{color:var(--text-tertiary, #7f8c8d);font-size:1.05rem;margin-bottom:2.5rem;font-style:italic;line-height:1.6}.templates-list.svelte-1ijgw3b{display:flex;flex-direction:column;gap:2.5rem}.template-card.svelte-1ijgw3b{border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.template-card.svelte-1ijgw3b:hover{box-shadow:0 4px 16px #3498db1f}.template-header.svelte-1ijgw3b{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem;background:var(--bg-primary, #f9f9f9);border-bottom:1px solid #e8e8e8}.template-meta.svelte-1ijgw3b{display:flex;gap:1rem;align-items:flex-start;flex:1;min-width:0}.template-emoji.svelte-1ijgw3b{font-size:2rem;flex-shrink:0;line-height:1.2}h2.svelte-1ijgw3b{color:var(--text-header, #2c3e50);font-size:1.25rem;margin:0 0 .4rem;border:none;padding:0}.template-desc.svelte-1ijgw3b{color:var(--text-tertiary, #666);font-size:.9rem;margin:0 0 .6rem;line-height:1.6}.tags.svelte-1ijgw3b{display:flex;flex-wrap:wrap;gap:.4rem}.tag.svelte-1ijgw3b{background:#eaf4fb;color:#2980b9;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:12px;border:1px solid #bee3f8}.template-actions.svelte-1ijgw3b{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.btn-primary.svelte-1ijgw3b,.btn-secondary.svelte-1ijgw3b{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;white-space:nowrap;transition:transform .15s,box-shadow .15s}.btn-primary.svelte-1ijgw3b{background:#3498db;color:#fff}.btn-primary.svelte-1ijgw3b:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 8px #3498db4d}.btn-secondary.svelte-1ijgw3b{background:#fff;color:#2c3e50;border:1px solid #ddd}.btn-secondary.svelte-1ijgw3b:hover{border-color:#3498db;color:#3498db;transform:translateY(-1px)}.template-preview.svelte-1ijgw3b{background:#1e1e1e}.preview-label.svelte-1ijgw3b{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;padding:.6rem 1.25rem 0}.template-code.svelte-1ijgw3b{margin:0;padding:.75rem 1.25rem 1.25rem;background:transparent;border:none;border-radius:0;overflow-x:auto;max-height:320px}.template-code.svelte-1ijgw3b code:where(.svelte-1ijgw3b){font-family:Fira Code,Cascadia Code,Menlo,monospace;font-size:.82rem;color:#d4d4d4;white-space:pre;background:none;padding:0}.cta-box.svelte-1ijgw3b{text-align:center;background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;border-radius:10px;padding:2.5rem;margin:3rem 0 2rem}.cta-box.svelte-1ijgw3b p:where(.svelte-1ijgw3b){font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.cta-button.svelte-1ijgw3b{display:inline-block;background:#fff;color:#3498db;font-weight:700;padding:.85rem 2rem;border-radius:30px;text-decoration:none;font-size:1rem;transition:transform .2s,box-shadow .2s}.cta-button.svelte-1ijgw3b:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;text-decoration:none}.back-link.svelte-1ijgw3b{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.back-link.svelte-1ijgw3b a:where(.svelte-1ijgw3b){color:#3498db;font-weight:600;text-decoration:none}.back-link.svelte-1ijgw3b a:where(.svelte-1ijgw3b):hover{text-decoration:underline}@media (max-width: 768px){.container.svelte-1ijgw3b{padding:1.5rem 1rem}h1.svelte-1ijgw3b{font-size:1.6rem}.template-header.svelte-1ijgw3b{flex-direction:column}.template-actions.svelte-1ijgw3b{flex-direction:row;width:100%}.btn-primary.svelte-1ijgw3b,.btn-secondary.svelte-1ijgw3b{flex:1}.template-meta.svelte-1ijgw3b{flex-direction:column;gap:.5rem}}