:root{--navy:#08255d;--blue:#1264dc;--pink:#f23569;--orange:#ff8517;--green:#138b52;--paper:#fffdf8}*{box-sizing:border-box}body{margin:0;background:#eef8fc;color:var(--navy);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700}main{max-width:1000px;margin:auto;background:#fff;overflow:hidden}.hero{position:relative;overflow:hidden;padding:26px 24px 35px;text-align:center;background:linear-gradient(135deg,#b5efff,#3ec7ed 48%,#c9f4ff)}.hero:before{content:"";position:absolute;left:-20px;top:15px;width:470px;height:120px;border-radius:50%;background:repeating-radial-gradient(ellipse at 42% 100%,transparent 0 12px,#fa6582 13px 23px,#ffbd51 24px 34px,#ffe65d 35px 45px,#64d9b2 46px 56px,#6bb7f2 57px 67px,transparent 68px 84px);transform:rotate(-11deg);opacity:.8}.eyebrow,.hero h1,.hero-lead{position:relative}.eyebrow{margin:0 0 4px;font-size:clamp(15px,2.4vw,24px);color:#17213e}.hero h1{margin:0;color:#062866;font-size:clamp(34px,6.2vw,65px);line-height:1.05;letter-spacing:-.06em;text-shadow:2px 3px #fff}.hero h1 span{color:#ed1e57}.hero-lead{margin:15px 0 0;font-size:clamp(14px,2vw,19px);line-height:1.55}.hero-suu{position:absolute;right:-15px;bottom:-50px;width:170px;height:150px;object-fit:contain;transform:scale(3.2);transform-origin:center;filter:drop-shadow(0 5px 3px #0002)}.section-shell{margin:20px 22px}.ai-section{text-align:center;padding:18px;border:2px solid #a6d4ff;border-radius:16px;background:#fbfdff}.ai-section h2,.tips h2{margin:0;color:var(--blue);font-size:clamp(22px,3vw,30px)}.ai-tools{display:flex;justify-content:center;gap:18px;margin:12px}.ai-chip{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0b326b1e;font-size:18px}.ai-chip b{font-size:29px}.chatgpt b{color:#058a50}.gemini b{color:#6849d7}.ai-section p{margin:0;font-size:14px}.steps{border:2px solid #1d67e8;border-radius:16px;padding:0 14px 14px}.ribbon{width:max-content;max-width:calc(100% + 20px);margin:-19px auto 12px;padding:7px 29px;background:linear-gradient(90deg,#0656d5,#2c70ed);color:#fff;text-align:center;font-size:clamp(18px,3vw,29px);line-height:1.2;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%)}.ribbon.pink{background:linear-gradient(90deg,#e82460,#ff6390)}.step{display:flex;align-items:center;gap:16px;padding:10px 16px;margin-top:6px;border:1px solid #d8e8ff;border-radius:12px;background:linear-gradient(90deg,#fff,#f7fbff)}.step>b{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;font-size:32px}.step:nth-of-type(3)>b{background:#098c54}.step h3{margin:0;color:#095bd5;font-size:clamp(17px,2.45vw,24px)}.step p{margin:2px 0 0;font-size:clamp(12px,1.8vw,16px);line-height:1.4}.step>span{margin-left:auto;font-size:38px}.adjust{display:flex;align-items:center;gap:12px;padding:16px 24px;border:2px solid #ffd083;border-radius:16px;background:#fffaf1}.adjust>img{width:100px;height:80px;object-fit:contain;transform:scale(3.2);transform-origin:center}.adjust h2{margin:0;color:#ee6810;font-size:22px}.adjust p{margin:3px 0;font-size:14px}.quick-prompts{display:flex;flex-wrap:wrap;gap:5px}.quick-prompts span{padding:3px 8px;border-radius:20px;background:#fff;color:#c95b00;font-size:12px}.templates{border:2px solid #ff4c78;border-radius:16px;padding:0 14px 14px}.template-intro{text-align:center;margin:-3px 0 10px;font-size:14px}.template-intro strong{color:#f2285c}.template-list{display:grid;gap:9px}.template{display:grid;grid-template-columns:190px 1fr;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0b326b14}.template header{padding:14px 8px;background:linear-gradient(135deg,#fd5079,#dd1950);color:#fff;text-align:center}.template.dream header{background:linear-gradient(135deg,#ffad25,#f47700)}.template.family header{background:linear-gradient(135deg,#20a75b,#007844)}.template.easy header{background:linear-gradient(135deg,#3d8dff,#0756d5)}.template.gentle header{background:linear-gradient(135deg,#a786dd,#6543ac)}.template.photo header{background:linear-gradient(135deg,#50c9ee,#0c91bf)}.template small{font-size:15px}.template h3{margin:4px 0;font-size:22px}.prompt{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff8fa}.template:nth-child(even) .prompt{background:#fffdfa}.prompt p{flex:1;margin:0;font-size:clamp(12px,1.65vw,16px);line-height:1.35}.prompt img{width:180px;max-width:32%;height:94px;object-fit:cover;border-radius:8px}.copy-button{flex:none;padding:10px 14px;border:0;border-radius:99px;background:#0759d9;color:#fff;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 3px #063a93}.copy-button:active{transform:translateY(2px);box-shadow:none}.copy-button.copied{background:#078b50}.tips{padding:18px;border:2px solid #c5e3a3;border-radius:16px;background:#fbfff6}.tips>p{margin:5px 0 12px;font-size:14px}.tip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tip-grid span{display:grid;place-items:center;min-height:58px;padding:7px;border-radius:9px;background:#eaf8dd;color:#177f47;text-align:center;font-size:15px}.tip-grid small{font-size:10px;line-height:1.2}.example{margin-top:12px;padding:11px 14px;border-radius:10px;background:#fff6e7}.example h3{margin:0;color:#ed6d11;font-size:18px}.example p{margin:4px 0 0;font-size:14px;line-height:1.5}.closing{text-align:center}.footer{padding:16px 20px;background:linear-gradient(90deg,#ed2867,#ff5e85);color:#fff;text-align:center}.footer p{margin:0;font-size:clamp(18px,2.7vw,28px);text-shadow:1px 1px #b21b49}.footer p span{color:#ffe74e}.footer a{display:block;max-width:520px;margin:9px auto 0;padding:8px 14px;border-radius:99px;background:#ffe54c;color:#17213e;text-decoration:none;font-size:clamp(14px,2vw,20px)}.footer a strong{float:right;width:24px;border-radius:50%;background:#fff;color:#e95056}@media(max-width:620px){.hero{padding:18px 10px 26px}.hero h1{font-size:clamp(31px,9.1vw,52px)}.hero-suu{width:80px;height:70px;right:-20px;bottom:-19px}.section-shell{margin:16px 8px}.ai-section{padding:14px}.step{gap:9px;padding:8px}.step>b{width:39px;height:39px;font-size:24px}.step>span{font-size:26px}.adjust{padding:12px}.adjust>img{display:none}.adjust h2{font-size:18px}.adjust p{font-size:12px}.quick-prompts span{font-size:10px}.template{grid-template-columns:105px 1fr}.template header{padding:10px 3px}.template h3{font-size:17px}.template small{font-size:11px}.prompt{display:block;padding:9px}.prompt p{font-size:12px}.prompt img{display:block;width:145px;max-width:55%;height:78px;margin:7px 0 0 auto}.copy-button{display:block;margin:7px 0 0 auto;padding:7px 10px;font-size:12px}.tip-grid{grid-template-columns:repeat(2,1fr)}.tip-grid span{font-size:13px}.tips>p,.example p{font-size:12px}}