.logo-text.svelte-6tr2dc,.logo-figure.svelte-6tr2dc{animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.logo-text.svelte-6tr2dc{letter-spacing:.04em;animation:svelte-6tr2dc-logo-text-cycle 20s ease-in-out infinite,svelte-6tr2dc-logo-text-wiggle 2.4s ease-in-out infinite alternate}.logo-figure.svelte-6tr2dc{opacity:0;animation-name:svelte-6tr2dc-logo-figure-cycle}@keyframes svelte-6tr2dc-logo-text-cycle{0%,92%{opacity:1}93%,95%{opacity:0}97%,to{opacity:1}}@keyframes svelte-6tr2dc-logo-figure-cycle{0%,92%{opacity:0}93%,95%{opacity:1}96%,98%{opacity:0}}@keyframes svelte-6tr2dc-logo-text-wiggle{0%{letter-spacing:.01em}25%{letter-spacing:.04em}50%{letter-spacing:.02em}75%{letter-spacing:.05em}to{letter-spacing:.02em}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 34%),linear-gradient(180deg,#0f172a,#020617);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1500px;margin:0 auto;padding:2rem}.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.5rem;align-items:stretch}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.16em;color:#38bdf8;font-size:.78rem}h1,h2,p{margin:0}h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;margin-bottom:1rem}.lede{max-width:60ch;color:#cbd5e1}.hero-card,.panel,.pattern-tabs button{border:1px solid rgba(148,163,184,.18);background:#0f172abd;box-shadow:0 24px 80px #02061757;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card{padding:1.25rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:.85rem;justify-content:center}.pattern-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.75rem 0}.pattern-tabs button{text-align:left;border-radius:1rem;padding:1rem 1.1rem;color:#e2e8f0;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pattern-tabs button:hover,.pattern-tabs button.active{transform:translateY(-1px);border-color:#38bdf899;background:#0f172aeb}.pattern-tabs span,.field span{display:block;font-weight:650}.pattern-tabs small,.field small,.panel-header p{color:#94a3b8}.workspace{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:1.5rem;align-items:start}.panel{border-radius:1.5rem;padding:1.25rem}.panel-header{margin-bottom:1.2rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.45rem}.field input,.field select{width:100%;border-radius:.9rem;border:1px solid rgba(148,163,184,.25);background:#0f172ae0;color:#f8fafc;padding:.82rem .9rem}.field input:focus,.field select:focus{outline:2px solid rgba(56,189,248,.55);border-color:#38bdf8bf}.export-settings{margin-top:1rem}.export-summary{margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.16);background:#0f172a73}.export-summary p+p{margin-top:.35rem;color:#94a3b8}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.actions button{border:0;border-radius:999px;padding:.85rem 1.15rem;color:#020617;background:#38bdf8;font-weight:650}.actions button.secondary{background:#e2e8f0}.actions button.ghost{background:transparent;color:#e2e8f0;border:1px solid rgba(148,163,184,.25)}.preview-header{display:flex;justify-content:space-between;gap:1rem}.preview-frame{border-radius:1.15rem;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#f8fafc,#e2e8f0);padding:1rem;min-height:70vh}.pattern-svg{display:block;width:100%;height:auto;color:#0f172a}.pattern-svg text{fill:#0f172a;font-family:Inter,system-ui,sans-serif;font-size:13px}.pattern-svg .title-mark{font-size:18px;font-weight:700;letter-spacing:.08em}.landing-shell{max-width:1280px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr);gap:1.5rem;align-items:start}.landing-brand,.landing-cta,.landing-section{display:flex;flex-direction:column;gap:1rem}.landing-logo{display:block;width:100%;height:auto;border-radius:5rem;overflow:hidden}.landing-intro{font-size:1.1rem;color:#e2e8f0}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.landing-actions button,.landing-link-button{border:0;border-radius:999px;padding:.9rem 1.15rem;background:#38bdf8;color:#020617;font-weight:650;text-decoration:none}.landing-link-button{background:#0f172a4d;color:#e2e8f0;border:1px solid rgba(148,163,184,.25)}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.landing-history{grid-column:1 / -1}.landing-section h3,.landing-cta h2{margin:0}.landing-section p,.landing-brand p,.landing-cta p{color:#cbd5e1}.landing-section a,.landing-brand a,.landing-cta a,.hero-card a{color:#7dd3fc}@media(max-width:1080px){.hero,.workspace,.landing-hero,.landing-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{padding:1rem}.pattern-tabs,.field-grid{grid-template-columns:1fr}.preview-frame{min-height:50vh;padding:.6rem}}