@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;600&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1eb;--ink:#1c1a17;--muted:#5b5752;--accent:#d2783d;--accent-2:#356a5b;--card:#ffffffc7;--border:#1c1a171f;--shadow:0 20px 60px #1c1a1724}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at top,#fefaf4 0%,#f4f1eb 45%,#efe7dc 100%);margin:0;font-family:Space Grotesk,sans-serif}.page{min-height:100vh;padding:72px clamp(20px,6vw,80px) 90px;position:relative;overflow:hidden}.page:before,.page:after{content:"";filter:blur();opacity:.35;z-index:0;border-radius:50%;width:480px;height:480px;position:absolute}.page:before{background:radial-gradient(circle,#d2783d73,#0000 65%);top:-120px;right:-140px}.page:after{background:radial-gradient(circle,#356a5b59,#0000 70%);bottom:-160px;left:-120px}main>section{z-index:1;position:relative}.hero{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:32px;display:grid}.hero-copy h1{margin:10px 0 18px;font-family:Fraunces,serif;font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.05}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);font-size:.75rem;font-weight:600}.lead{color:var(--muted);max-width:520px;font-size:1.05rem}.hero-controls{gap:16px;margin-top:28px;display:grid}.hero-controls .primary{background:var(--ink);color:#fff;cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:999px;padding:14px 22px;font-weight:600;transition:transform .2s,box-shadow .2s}.hero-controls .primary:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 25px 60px #1c1a1733}.hero-controls .theme,.hero-controls .ascii{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-controls select,.hero-controls input[type=range]{flex:1}.hero-controls select{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px}.hero-controls label{font-weight:600}.hero-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:22px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.card-header h3{margin:0;font-size:1.2rem}.card-header p{color:var(--muted);margin:4px 0 0}.export{flex-wrap:wrap;gap:10px;display:flex}.export button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.export button:disabled{opacity:.5;cursor:not-allowed}.preview{border:1px dashed var(--border);background:#fff;border-radius:20px;justify-content:center;align-items:center;min-height:320px;margin-top:20px;padding:18px;display:flex}.diagram{justify-content:center;width:100%;display:flex}.diagram svg{max-width:100%;height:auto}.error{color:#b24a2d;font-weight:600}.workspace{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:64px;display:grid}.panel{border:1px solid var(--border);background:#ffffffdb;border-radius:22px;padding:20px;box-shadow:0 16px 40px #1c1a171f}.panel-header h2{margin:0 0 6px;font-size:1.3rem}.panel-header p{color:var(--muted);margin:0 0 12px}textarea{border:1px solid var(--border);resize:vertical;background:#fff;border-radius:16px;width:100%;min-height:320px;padding:14px;font-family:Space Grotesk,sans-serif;font-size:.95rem}.ascii-preview{color:#f7eadb;background:#14120f;border-radius:16px;min-height:320px;padding:16px;font-family:JetBrains Mono,Space Grotesk,monospace;font-size:.7rem;line-height:1.2;overflow:auto}@media (max-width:900px){.hero{gap:20px}.hero-controls{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}}