:root{--ink:#142b46;--muted:#8290a6;--blue:#65bfff;--pink:#ff8fb0;--cream:#fffaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 95% 40%,#eaf5ff,transparent 35%),radial-gradient(ellipse at 0 60%,#edf7ff,transparent 30%),var(--cream);color:var(--ink);font-family:system-ui,"Noto Sans SC",sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1400px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:26px;font-weight:900;display:flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;border-radius:50%}nav{display:flex;gap:30px;font-size:14px;font-weight:650}nav a:first-child{background:#daf0ff;border-radius:24px;padding:9px 24px;margin-top:-9px}button,.primary,.secondary{border:0;border-radius:999px;padding:16px 25px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s}button:hover,.primary:hover{transform:translateY(-2px)}button:disabled{opacity:.5;cursor:wait}.primary{background:linear-gradient(135deg,#80d0ff,#48b2ff);color:white;box-shadow:0 7px 16px #6abfff38}.pink{color:white;background:linear-gradient(135deg,#ffa6c0,#ff78a2);box-shadow:0 5px 15px #ffa2bc44}.secondary{background:white;border:1px solid #c9e6ff;color:var(--ink)}main{max-width:1320px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:530px;align-items:center;gap:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:#89a2ba}h1{font-size:clamp(32px,4vw,59px);font-weight:900;line-height:1.3;letter-spacing:-2px;margin:22px 0}h1:after{content:"";display:block;width:210px;height:6px;background:#ffb3cb;border-radius:50%;margin-top:12px}.intro p{font-size:20px}.tag{display:inline-block;background:#ffe2ec;border-radius:24px;padding:7px 18px;font-size:12px;font-weight:650}.actions{display:flex;gap:15px;margin:30px 0 14px}.actions button{font-size:17px}small,.muted{color:var(--muted);font-size:12px;line-height:1.8}.hero-art{position:relative;display:flex;justify-content:center;padding:22px}.wallpaper{width:245px;height:440px;transform:rotate(5deg);border:10px solid white;border-radius:32px;overflow:hidden;box-shadow:0 18px 40px #173c5f14}.wallpaper img{width:100%;height:100%;object-fit:cover}.star{position:absolute;color:#ffd45f;font-size:62px;left:20px;top:65px}.heart{position:absolute;color:#ffaac4;font-size:60px;right:25px;top:30px}.cloud{position:absolute;font-size:110px;color:#d5edff;bottom:12px;right:0}.bubble{position:absolute;bottom:65px;left:0;background:#ffe2ec;padding:12px 18px;border-radius:24px;transform:rotate(-6deg);font-size:13px;font-weight:bold}.devices,.studio{background:#ffffffc9;border:1px solid white;border-radius:26px;padding:24px;box-shadow:0 8px 30px #c8d3e51a}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:23px;margin:0 0 18px}.device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.device-grid button{border-radius:18px;background:white;border:1px solid #e7edf3;padding:18px 10px;gap:12px;font-size:26px}.device-grid span{font-size:13px}.device-grid .selected{background:#eaf6ff;border-color:#8fd0ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.steps article{background:#fff0f5;border:2px solid white;border-radius:24px;padding:22px;display:flex;align-items:center;gap:18px}.steps article:nth-child(2){background:#eaf6ff}.steps b{border-radius:50%;background:#ffd2e2;width:44px;height:44px;display:grid;place-items:center;font-size:24px}.steps h3{margin:0;font-size:19px}.steps p{margin:6px 0 0;font-size:12px;color:var(--muted)}.steps article>span{font-size:38px;color:#7ac2ff;margin-left:auto}.studio{margin:40px 0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:20px}.upload{display:grid;place-items:center;min-height:180px;border:2px dashed #c8e4f7;border-radius:20px;text-align:center;cursor:pointer;background:#f7fbff;overflow:hidden}.upload span{line-height:2;font-size:18px}.upload img{max-width:100%;height:220px;object-fit:contain}input[type=file]{display:none}input,select{width:100%;border:1px solid #d8e5ef;border-radius:12px;padding:12px;background:white;margin:8px 0 12px;color:var(--ink)}label{font-size:13px}details{background:#f7faff;border-radius:16px;padding:16px;margin:20px 0}summary{cursor:pointer;font-size:14px;font-weight:bold}.consent{display:flex;gap:8px;align-items:center}.consent input{width:auto}.result{display:flex;flex-direction:column;align-items:center;gap:18px}.result>img{max-width:100%;width:260px;max-height:500px;object-fit:contain;border-radius:24px;border:8px solid white;box-shadow:0 8px 30px #23374b15}.result small{text-align:center}#generate{width:100%}#status{font-size:13px;line-height:1.8;overflow-wrap:anywhere}footer{display:flex;justify-content:center;gap:22px;align-items:center;margin:35px 0;font-size:12px;color:var(--muted)}footer button{padding:0;background:none;font-weight:400;color:inherit}dialog{border:0;border-radius:24px;padding:32px;max-width:480px;line-height:1.8}dialog::backdrop{background:#122b4666}[hidden]{display:none!important}:focus-visible{outline:3px solid #ff9fbd;outline-offset:4px}@media(max-width:900px){header{padding:20px}.brand{font-size:19px}nav{display:none}main{padding:0 20px}h1{letter-spacing:-1px}.hero{gap:0}.device-grid{grid-template-columns:repeat(3,1fr)}.section-head{align-items:flex-start;flex-direction:column}.steps article{padding:15px;gap:10px}.steps article>span{display:none}.workspace{padding:0;gap:24px}.actions{flex-wrap:wrap}}@media(max-width:600px){header>.pink{font-size:12px;padding:12px}.brand img{width:38px;height:38px}.brand{font-size:16px}.hero{grid-template-columns:1fr;text-align:center;padding-top:24px}.intro p{font-size:15px}h1:after{margin:12px auto}.actions{justify-content:center}.actions button{font-size:14px;padding:15px 20px}.hero-art{padding:32px}.wallpaper{width:195px;height:350px}.bubble{left:5px;font-size:11px}.device-grid{grid-template-columns:repeat(2,1fr)}.device-grid button{font-size:23px}.devices{padding:18px}h2{font-size:19px}.steps{grid-template-columns:1fr;gap:12px}.steps article>span{display:block}.workspace{grid-template-columns:1fr}.studio{padding:20px}.result{margin-top:15px}footer{flex-wrap:wrap}footer span{width:100%;text-align:center}}
.style-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.style-cards button{padding:7px;border:2px solid transparent;border-radius:16px;background:#f1f8ff;display:flex;flex-direction:column;gap:7px}.style-cards img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px}.style-cards span{font-size:11px;line-height:1.5}.style-cards .selected{border-color:#70bfff;background:#e3f3ff}.result>img{object-fit:cover}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}