@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#25223a;background:#f8f6f2}*{box-sizing:border-box}body{margin:0}header{height:78px;border-bottom:1px solid #e9e4df;display:flex;align-items:center;padding:0 7%;gap:22px;background:#fbfaf7}.brand{text-decoration:none;color:#392668;font-weight:700;font-size:19px;letter-spacing:-.6px}.brand:first-letter{font-size:30px}.tag{font-size:10px;letter-spacing:1.7px;color:#a29baa;margin-left:auto}.minor{background:transparent;border:1px solid #ded8e5;padding:11px 18px;border-radius:100px;font:inherit;color:#4a4260;cursor:pointer}main{max-width:1280px;margin:auto;padding:0 6%}.intro{padding:74px 0 60px;display:flex;justify-content:space-between;align-items:end}.eyebrow,.intro-note,.format,.preview-head,.footnote{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#8a8094}.eyebrow{color:#8b6bc2}h1{font:normal 62px/1.04 'DM Serif Display',serif;letter-spacing:-1.8px;margin:18px 0;color:#29233a}h1 em{font-weight:normal;color:#8e6bbc}.intro p,.top p{color:#817b87;line-height:1.7;margin:0;font-size:15px}.intro-note{display:flex;gap:26px;padding-bottom:9px}.workspace{background:white;border:1px solid #ede8ee;border-radius:22px;padding:34px;box-shadow:0 15px 45px #3e25400a}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.top h2{font:normal 30px 'DM Serif Display',serif;margin:7px 0}.format{letter-spacing:.5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.drop{height:300px;border:1.5px dashed #d5c8e3;border-radius:16px;background:#fbf9fd;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.drop .icon{background:#ede5f8;width:53px;height:53px;border-radius:17px;display:grid;place-items:center;color:#8b61c1;font-size:25px;margin-bottom:18px}.drop strong{font-size:17px}.drop small{color:#a49ba9;margin-top:8px}.choose{margin-top:23px;background:#fff;border:1px solid #e7e0ed;padding:10px 17px;border-radius:30px;font-size:12px;font-weight:700}.actions{display:flex;gap:10px;margin-top:20px}button{cursor:pointer}#erase{border:0;border-radius:30px;padding:14px 21px;color:white;background:#8c68bd;font:600 14px 'DM Sans';flex:1;display:flex;justify-content:space-between}button:disabled{opacity:.4;cursor:not-allowed}.hint{color:#96909c;font-size:12px;line-height:1.5}.preview{border:1px solid #f0ecf1;border-radius:16px;overflow:hidden;background:#f9f8f7;display:flex;flex-direction:column}.preview-head{padding:17px 18px;border-bottom:1px solid #eeebee;display:flex;justify-content:space-between;letter-spacing:.8px}.canvas{min-height:300px;display:grid;place-items:center;padding:18px;flex:1}.canvas img{max-width:100%;max-height:360px;object-fit:contain;box-shadow:0 5px 20px #2a203018}.paper{height:75px;width:59px;background:#fff;border:1px solid #eee5f0;box-shadow:0 7px 20px #81748a18;color:#c4b4d4;display:grid;place-items:center;font-size:27px;transform:rotate(-5deg);margin:auto}.canvas p{font-size:12px;color:#afa7b1}.result-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #eeebee}.result-actions[hidden]{display:none}.download{color:#7655a5;font-size:13px;font-weight:700;text-decoration:none}.footnote{display:flex;justify-content:space-between;align-items:center;padding:55px 0;color:#aaa2aa;font-size:9px}.footnote p{font:italic 21px 'DM Serif Display';color:#9d8ba3}@media(max-width:700px){header{padding:0 5%}.tag{display:none}header .minor{margin-left:auto}.intro{padding:52px 0 34px}.intro-note{display:none}h1{font-size:46px}.workspace{padding:21px}.top{display:block}.format{display:block;margin-top:15px}.grid{grid-template-columns:1fr}.drop{height:225px}.footnote{gap:15px}.footnote span:last-child{display:none}}
.navlinks{margin-left:auto;display:flex;gap:26px}.navlinks a{color:#746a7b;text-decoration:none;font-size:13px}.tag{margin-left:0}.plans-section{padding:82px 0}.plans-heading h2,dialog h2{font:normal 38px 'DM Serif Display';margin:10px 0}.plans-heading p,dialog p{color:#817b87;line-height:1.65;font-size:14px}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.plan{border:1px solid #ebe5ed;border-radius:18px;padding:29px;background:#fff}.plan.featured{background:#f0e9f9;border-color:#e4d8f0}.plan-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#9675bc}.plan h3{font:normal 28px 'DM Serif Display';margin:15px 0 5px}.plan p{color:#817b87;font-size:14px}.plan ul{list-style:none;padding:12px 0;margin:0;color:#5c5366;font-size:14px;line-height:2.2}.plan li:before{content:'✓';color:#9b78c4;margin-right:12px}.plan-button{display:block;text-decoration:none;text-align:center;width:100%;border:0;border-radius:25px;background:#8c68bd;color:white;font:600 13px 'DM Sans';padding:14px;cursor:pointer}.plan-button.secondary{background:#f4eff8;color:#725094}dialog{border:0;border-radius:20px;max-width:440px;width:calc(100% - 32px);padding:34px;box-shadow:0 25px 70px #32233c35}dialog::backdrop{background:#30263d99}.dialog-close{float:right;border:0;background:none;font-size:24px;color:#8c8194}.google{width:100%;background:white;border:1px solid #e5dfea;border-radius:25px;padding:12px;font:600 13px 'DM Sans'}.divider{text-align:center;margin:18px;color:#a49aa8;font-size:12px}#auth-form label{display:block;color:#645a6b;font-size:12px;margin-bottom:12px}#auth-form input{display:block;width:100%;border:1px solid #ddd6e1;border-radius:9px;padding:12px;margin-top:5px;font:14px 'DM Sans'}#auth-message{font-size:12px;color:#8b5697}.auth-links{display:flex;justify-content:space-between;margin-top:18px}.auth-links button{border:0;background:none;color:#7655a5;font:12px 'DM Sans'}@media(max-width:700px){.navlinks{gap:12px}.navlinks a{font-size:12px}.plans-section{padding:55px 0}.plans-grid{grid-template-columns:1fr}header .minor{margin-left:0}}
@media(max-width:700px){header{gap:10px;height:68px}.brand{font-size:15px;white-space:nowrap}.brand:first-letter{font-size:21px}.navlinks{gap:10px}.navlinks a{white-space:nowrap}.minor{padding:9px 12px}header .minor{font-size:12px;white-space:nowrap}}
.privacy-note{color:#827887;font-size:11px;line-height:1.6}.privacy-note a{color:#7655a5}@media(max-width:700px){.navlinks a[href="/app.html"]{display:none}}
.footnote a{color:inherit;text-decoration:none}