:root{color:#181935;background:#f7f7fc;font-family:system-ui,-apple-system,sans-serif;line-height:1.7;--accent:#4932a2;--edge:#d9d8e9}
*{box-sizing:border-box}body{margin:0}a{color:#42298d;text-underline-offset:.23em}header,footer{background:white}.bar{max-width:1140px;padding:16px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header{border-bottom:1px solid var(--edge)}footer{margin-top:48px;border-top:1px solid var(--edge)}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{font-size:.9rem}.brand{font-weight:850;letter-spacing:.12em;text-decoration:none}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:8px;background:white;padding:8px;z-index:2}main{max-width:1140px;margin:auto;padding:30px 24px}.hero{padding:clamp(24px,6vw,68px);border-radius:24px;background:linear-gradient(125deg,#e9e1ff,#eef8ff)}h1{line-height:1.15;font-size:clamp(2rem,6vw,4rem);margin:10px 0 24px;letter-spacing:-.035em}h2{line-height:1.4}.hero p:not(.eyebrow){max-width:42rem}.eyebrow,.num{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:#4e36a4}.button,button{display:inline-block;background:var(--accent);color:white;padding:10px 17px;border:0;border-radius:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:default}.secondary{background:#efecfb;color:#392475;margin-top:6px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.card,.panel{padding:22px;background:white;border:1px solid var(--edge);border-radius:16px}.card h2{font-size:1.25rem}.intro,.reading{max-width:740px}.reading{margin:40px 0}.reading li{margin:.7em 0}.workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;margin-top:24px}.panel label{display:block;font-weight:650;margin-top:10px}.panel input,.panel select{max-width:100%;font:inherit}.panel select,.panel input[type=number]{width:100%;padding:6px 8px;border:1px solid #88869f;border-radius:6px;background:white}.panel input[type=color]{display:block;margin:4px 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}#save{margin-top:16px}.preview{min-height:260px;background:#ebeaf5}.preview canvas{max-width:100%;max-height:680px;width:auto;height:auto;object-fit:contain;display:block;margin:auto}.preview canvas[hidden]{display:none}dt{font-weight:750}dd{margin:0 0 1em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7144cf;outline-offset:3px}@media(max-width:720px){.cards,.workspace{grid-template-columns:1fr}.bar,main{padding-left:16px;padding-right:16px}nav{gap:12px}.hero{border-radius:14px}.preview{min-height:150px}}

[hidden]{display:none!important}