:root{--ink:#291b28;--pink:#ed7db2;--rose:#f9d7e7;--gold:#b68b51;--muted:#756b73;--line:#eee2e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:#fffafc}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.top{background:white;display:flex;align-items:center;justify-content:space-between;padding:20px max(5vw,20px);border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;flex-direction:column;line-height:1}.brand-main{font-size:27px;font-weight:900;letter-spacing:-1.5px}.brand-main em{font-style:normal;color:#d75c98}.brand-sub{font-size:10px;letter-spacing:3.4px;margin-top:8px;font-weight:700;color:#966c84}nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:650}nav a:hover{color:#d75c98}nav .store{border:1px solid #d6a6bf;padding:10px 15px;border-radius:30px}.hero{background:linear-gradient(125deg,#2b1b2b 0%,#43283e 100%);color:white;min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px max(7vw,24px);gap:30px}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.07;letter-spacing:-2px;margin:10px 0 22px}.hero h1 span{color:#f5a5cd}.hero-copy>p:not(.eyebrow){color:#f4ddea;max-width:450px}.eyebrow{font-size:12px;letter-spacing:2.8px;font-weight:850;color:#d16d9f}.hero .eyebrow{color:#f4b6d4}.btn{display:inline-block;border:0;border-radius:10px;padding:14px 22px;font-weight:800;cursor:pointer;text-align:center}.primary{background:#f18fbe;color:#281526}.primary:hover{background:#ffc0dd}.hero-copy .btn{margin-top:18px}.hero-art{height:300px;display:grid;place-items:center;position:relative}.demo-tag{width:min(90%,400px);height:142px;border:8px solid #b94f83;background:#f6a3ca;border-radius:70px;box-shadow:12px 16px 0 #9c3869,16px 23px 36px #160d1677;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg);position:relative;color:#632342;font-weight:1000;font-size:clamp(30px,5vw,55px);letter-spacing:2px;text-shadow:1px 3px #fff5}.tag-hole{position:absolute;left:20px;top:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:#2b1b2b;border:5px solid #a33b70}.spark{position:absolute;color:#f5cfe1;font-size:60px}.s1{top:0;right:12%}.s2{bottom:10px;left:8%}.small-label{position:absolute;bottom:-14px;right:8%;font-size:11px;letter-spacing:2px;color:#f3b4d1}.section{padding:75px max(7vw,24px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1px;margin:0 0 12px}.section-head>p,.intro{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.item{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 8px 30px #54233e09}.item-art{height:150px;border-radius:12px;background:#ffe3ef;display:flex;align-items:center;justify-content:center;gap:14px;color:#ab4477;font-size:32px;font-weight:900}.item-art span{font-size:25px;letter-spacing:1px}.item-art.alt{background:#f1e6ee;font-size:90px}.item-art.alt2{background:#f6e8d6;font-size:85px;color:#ad875b}.pill{display:inline-block;font-size:10px;letter-spacing:.7px;font-weight:900;background:#f4edf0;border-radius:99px;padding:6px 10px;margin-top:20px}.pill.free{background:#fce0ed;color:#a43b71}.item h3{margin:10px 0 5px;font-size:20px}.item p{color:var(--muted);font-size:14px;min-height:62px}.item a{font-weight:800;color:#c64f89}.studio{background:#fff}.intro{max-width:700px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:25px;margin-top:26px}.controls,.preview{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}.controls{display:flex;flex-direction:column;gap:10px}.controls label{font-size:13px;font-weight:800;margin-top:6px}.controls input:not([type=checkbox]):not([type=range]),.controls select{border:1px solid #d9cbd4;padding:12px;border-radius:9px;background:white;width:100%}.controls input[type=range]{width:100%;accent-color:#d966a0}.controls output{float:right;color:#b25082}.check{display:flex;align-items:center;gap:10px}.check input{accent-color:#d966a0;width:18px;height:18px}.controls button{margin-top:12px}.controls #status{font-size:12px;color:#756b73;min-height:32px;margin:0}.preview{display:flex;flex-direction:column;min-height:460px}.preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.preview-top span,.preview-foot{font-size:12px;color:var(--muted)}#viewer{position:relative;flex:1;min-height:360px;background:radial-gradient(ellipse,#fff 0%,#fff0f7 90%);border-radius:12px;margin:14px 0;overflow:hidden}#viewer canvas{width:100%;height:100%;display:block}.loading{display:grid;place-items:center;height:100%;color:#9d6785}.preview-foot{text-align:center}.note{font-size:13px;color:var(--muted);max-width:980px}.footer-cta{text-align:center;padding:55px 20px;background:#321f30;color:white}.footer-cta h2{font-size:32px;margin:0}.footer-cta p{color:#f2d4e4}.light{background:#fff;color:#54283f;margin-top:10px}footer{padding:25px max(7vw,24px);font-size:13px;color:#80717a;display:flex;justify-content:space-between;gap:10px}@media(max-width:800px){nav{gap:12px;font-size:12px}.hero{grid-template-columns:1fr}.hero-art{height:220px}.cards{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.section-head{display:block}.top{flex-wrap:wrap}footer{display:block}}@media(max-width:460px){.brand-main{font-size:23px}nav{width:100%;justify-content:space-between}.hero{padding-top:42px}.demo-tag{height:105px;font-size:34px}.section{padding-top:50px;padding-bottom:50px}.preview-top{display:block}.preview{padding:12px}}