:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12100e;--bg-raised:#1c1916;--bg-hover:#27211c;--ink:#f4ebe0;--muted:#9a8f82;--line:#3a322c;--accent:#e4572e;--accent-2:#c9a227;--good:#8fbf7a;--font:"Segoe UI", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.site-header,.site-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.site-footer{border-bottom:0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.brand{color:var(--ink);letter-spacing:.04em;align-items:center;gap:.6rem;font-weight:700;display:flex}.brand img{width:32px;height:32px}.nav{align-items:center;gap:1rem;display:flex}.hero{max-width:960px;margin:0 auto;padding:4rem 1.5rem 3rem}.hero h1{margin:0 0 1rem;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05}.lede{color:var(--muted);max-width:40rem;font-size:1.2rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.btn{border:1px solid var(--line);background:var(--bg-raised);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.55rem .9rem;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem;display:grid}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:1.2rem}.price{margin:.3rem 0;font-size:2rem}.editor-shell{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.editor-top,.editor-bottom{border-bottom:1px solid var(--line);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.editor-bottom{border-bottom:0;border-top:1px solid var(--line)}.editor-main{grid-template-columns:220px 1fr 260px;min-height:0;display:grid}.glyph-grid{border-right:1px solid var(--line);grid-template-columns:repeat(4,1fr);align-content:start;gap:.35rem;padding:.5rem;display:grid;overflow:auto}.glyph-cell{border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:6px;min-height:48px}.glyph-cell.active{border-color:var(--accent);background:var(--bg-hover)}.canvas-wrap{background:#161311;min-width:0;min-height:360px;position:relative}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.side-panel{border-left:1px solid var(--line);padding:.75rem;overflow:auto}.side-panel label,.editor-top label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.side-panel input,.editor-top input,.side-panel select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.35rem .45rem}.preview-sample{padding:.2rem .5rem;font-size:42px;line-height:1.2}.tour{z-index:20;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.tour-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;width:min(420px,100% - 2rem);padding:1.2rem}.legal{max-width:720px;color:var(--muted);margin:0 auto;padding:2rem 1.5rem 4rem}@media (width<=900px){.editor-main{grid-template-rows:88px minmax(360px,1fr) auto;grid-template-columns:1fr}}