.create-page.svelte-skmh9a{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-header.svelte-skmh9a{text-align:center;margin-bottom:2rem;position:relative}.page-header.svelte-skmh9a:before{content:"";pointer-events:none;background:radial-gradient(#d4b89608,#0000 60%);width:300px;height:200px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.page-title.svelte-skmh9a{color:var(--color-accent);letter-spacing:.04em;margin-bottom:.35rem;font-size:1.8rem;font-weight:400}.page-subtitle.svelte-skmh9a{color:var(--color-text-faint);font-size:.95rem;font-style:italic}.template-grid.svelte-skmh9a{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.template-card.svelte-skmh9a{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-serif);transition:transform var(--transition-smooth), border-color var(--transition-smooth), box-shadow var(--transition-smooth);flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 12px #0003}.template-card.svelte-skmh9a:hover{border-color:var(--color-accent-dim);transform:translateY(-3px);box-shadow:0 8px 28px #00000059,0 0 20px #d4b89614}.template-card.selected.svelte-skmh9a{border-color:var(--color-accent);box-shadow:0 8px 28px #00000073,0 0 28px #e8d5b72e}.template-hero.svelte-skmh9a{height:120px;position:relative;overflow:hidden}.hero-svg.svelte-skmh9a{width:100%;height:100%;display:block}.template-tags.svelte-skmh9a{flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;top:.55rem;left:.6rem;right:.6rem}.tag.svelte-skmh9a{font-family:var(--font-serif);color:var(--card-accent,var(--color-accent));letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);background:#0a0a14bf;border:1px solid #ffffff1f;border-radius:2px;padding:.15rem .5rem;font-size:.62rem}.tag.locked.svelte-skmh9a{color:#ff9a9a;border-color:#ff9a9a4d}.tag.neutral.svelte-skmh9a{color:var(--color-text-muted)}.template-body.svelte-skmh9a{flex-direction:column;flex:1;gap:.25rem;padding:1rem 1.1rem 1.15rem;display:flex}.template-name.svelte-skmh9a{color:var(--color-text);letter-spacing:.03em;font-size:1rem}.template-desc.svelte-skmh9a{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.setup-section.svelte-skmh9a{background:var(--color-surface);border:1px solid var(--color-accent-dim);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.75rem;display:flex;box-shadow:0 4px 20px #00000040}.name-field.svelte-skmh9a{flex-direction:column;gap:.35rem;width:100%;max-width:360px;display:flex}.name-label.svelte-skmh9a{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.name-input.svelte-skmh9a{font-family:var(--font-serif);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);text-align:center;transition:border-color var(--transition-fast);border-radius:2px;outline:none;padding:.6rem .9rem;font-size:1rem}.name-input.svelte-skmh9a:focus{border-color:var(--color-accent-dim)}.create-btn.svelte-skmh9a{font-family:var(--font-serif);background:var(--color-accent);color:var(--color-bg);border:1px solid var(--color-accent);cursor:pointer;letter-spacing:.04em;transition:all var(--transition-smooth);border-radius:2px;padding:.75rem 2.5rem;font-size:.95rem;box-shadow:0 4px 16px #d4b89633}.create-btn.svelte-skmh9a:hover:not(:disabled){background:var(--color-accent-bright);transform:translateY(-1px);box-shadow:0 6px 22px #d4b8964d}.create-btn.svelte-skmh9a:disabled{opacity:.5;cursor:not-allowed}.divider.svelte-skmh9a{background:var(--color-border);width:60px;height:1px;margin:0 auto 1.5rem}.quick-btn.svelte-skmh9a{font-family:var(--font-serif);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin:0 auto;font-size:.85rem;display:block}.quick-btn.svelte-skmh9a:hover{color:var(--color-accent)}@media (width<=480px){.create-page.svelte-skmh9a{padding:1.5rem 1rem 3rem}.template-grid.svelte-skmh9a{grid-template-columns:1fr;gap:1rem}.template-hero.svelte-skmh9a{height:100px}.page-title.svelte-skmh9a{font-size:1.4rem}.setup-section.svelte-skmh9a{padding:1.25rem}}
