:root{--bg-color: #282828;--header-bg: rgba(30, 30, 30, .8);--card-bg: #333333;--border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-sub: #a3a3a3;--accent: #9a00d7;--accent-glow: rgba(168, 85, 247, .2);--font-family: "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6}body{overflow-x:hidden}a{text-decoration:none;color:inherit;transition:.3s}.btn{display:inline-block;padding:16px 40px;background-color:var(--accent);color:var(--text-main);font-weight:700;border-radius:8px;font-size:1.1rem;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.1);cursor:pointer}.btn-sm{padding:8px 20px;font-size:.9rem}.btn:hover{transform:translateY(-2px);background-color:#8b2fc9;box-shadow:0 6px 20px var(--accent-glow)}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.ouen{width:170px;height:34px;font-size:13px;font-weight:700;background:#000;border:1px solid rgb(89,89,89);box-shadow:0 0 2px #00000094;display:flex;align-items:center;justify-content:center;aspect-ratio:483 / 168;margin:20px auto 0;transition:.4s}.ouen-icon{width:24px;height:22px;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20height='73.336815'%20viewBox='0%20-960%203196.8848%202933.4726'%20width='79.922119'%20fill='%23b7b7b7'%20version='1.1'%20id='svg4'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs8'%20/%3e%3cpath%20d='m%201598.4424,1971.4772%20-231.485,-207.5406%20C%201098.2214,1521.8104%20876.05136,1312.9405%20700.44136,1137.3323%20524.83336,961.72229%20385.14336,804.07419%20281.37436,664.38449%20177.60536,524.69659%20105.09936,396.31329%2063.858363,279.24169%2022.617363,162.17019%201.9963625,42.436386%201.9963625,-79.957814%20c%200,-250.111096%2083.8140005,-458.979196%20251.4389975,-626.606096%20167.629,-167.6269%20376.497,-251.4404%20626.606,-251.4404%20138.35904,0%20270.06504,29.2683%20395.12004,87.805%20125.056,58.5367%20232.815,141.0208%20323.281,247.4489%2090.465,-106.4281%20198.226,-188.9122%20323.283,-247.4489%20125.052,-58.5367%20256.761,-87.805%20395.119,-87.805%20250.11,0%20458.9779,83.8135%20626.6066,251.4404%20167.6251,167.6269%20251.4386,376.495%20251.4386,626.606096%200,122.3942%20-20.6206,242.128004%20-61.8618,359.199504%20-41.2412,117.0716%20-113.7464,245.4549%20-217.5158,385.1428%20-103.7694,139.6897%20-243.4591,297.3378%20-419.0676,472.94781%20-175.61,175.6082%20-397.78,384.4781%20-666.516,626.6043%20z'%20id='path7592-7-1-0'%20style='fill:%23ffffff;fill-opacity:1;stroke:%23ffffff;stroke-width:3.99168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20height='73.336815'%20viewBox='0%20-960%203196.8848%202933.4726'%20width='79.922119'%20fill='%23b7b7b7'%20version='1.1'%20id='svg4'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs8'%20/%3e%3cpath%20d='m%201598.4424,1971.4772%20-231.485,-207.5406%20C%201098.2214,1521.8104%20876.05136,1312.9405%20700.44136,1137.3323%20524.83336,961.72229%20385.14336,804.07419%20281.37436,664.38449%20177.60536,524.69659%20105.09936,396.31329%2063.858363,279.24169%2022.617363,162.17019%201.9963625,42.436386%201.9963625,-79.957814%20c%200,-250.111096%2083.8140005,-458.979196%20251.4389975,-626.606096%20167.629,-167.6269%20376.497,-251.4404%20626.606,-251.4404%20138.35904,0%20270.06504,29.2683%20395.12004,87.805%20125.056,58.5367%20232.815,141.0208%20323.281,247.4489%2090.465,-106.4281%20198.226,-188.9122%20323.283,-247.4489%20125.052,-58.5367%20256.761,-87.805%20395.119,-87.805%20250.11,0%20458.9779,83.8135%20626.6066,251.4404%20167.6251,167.6269%20251.4386,376.495%20251.4386,626.606096%200,122.3942%20-20.6206,242.128004%20-61.8618,359.199504%20-41.2412,117.0716%20-113.7464,245.4549%20-217.5158,385.1428%20-103.7694,139.6897%20-243.4591,297.3378%20-419.0676,472.94781%20-175.61,175.6082%20-397.78,384.4781%20-666.516,626.6043%20z'%20id='path7592-7-1-0'%20style='fill:%23ffffff;fill-opacity:1;stroke:%23ffffff;stroke-width:3.99168;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1'%20/%3e%3c/svg%3e");-webkit-mask-size:cover;mask-size:cover;background:gray;background-size:contain;margin:0 6px 0 0}.ouen:hover{box-shadow:0 0 20px #686868}.ouen img{width:26px;height:26px;margin:0 6px 0 0;fill:gray}a .ouen,a:visited .ouen{color:silver}header{position:fixed;top:0;width:100%;padding:15px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border)}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.05em}.logo span{color:var(--accent)}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 5% 60px;position:relative}.hero:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:80%;height:600px;aspect-ratio:1 / 1;background:radial-gradient(circle,var(--accent-glow) 0%,rgba(40,40,40,0) 70%);z-index:-1;filter:blur(50px)}.hero h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;margin-bottom:24px}.hero p{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--text-sub);margin-bottom:48px}.editor-mockup{width:95%;max-width:1000px;background:#1a1a1a;border-radius:12px;border:1px solid var(--border);box-shadow:0 30px 80px #0009;overflow:hidden;margin-top:40px}.editor-mockup-inner img{width:100%;height:auto;display:block}.how-to{padding:100px 5%;background:#0003}.section-title{text-align:center;font-size:clamp(2rem,5vw,2.5rem);font-weight:900;margin-bottom:60px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1100px;margin:0 auto}.step-card{background:var(--card-bg);padding:50px 30px 40px;border-radius:16px;border:1px solid var(--border);position:relative;transition:.3s}.step-num{position:absolute;top:4px;left:20px;font-size:2rem;font-weight:900;color:var(--accent);letter-spacing:.2em;font-family:serif}.step-card h3{font-size:1.5rem;margin-bottom:15px;font-weight:700}.step-card p{color:var(--text-sub);font-size:1rem;line-height:1.7}.tutorial-link{color:#bc00eb;text-decoration:underline;margin:0 8px}.features{padding:100px 5%}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:var(--card-bg);padding:40px;border-radius:16px;border:1px solid var(--border);transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:#ffffff26}.feature-icon{font-size:2.5rem;margin-bottom:20px}.free-app{font-size:14px;color:silver;margin-top:8px}.free-app a{text-decoration:underline;color:#87ceeb}.free-app a:visited{color:#c32bc3}.cta{padding:120px 5%;text-align:center}.cta h2{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:40px}.faq{padding:100px 5%;background-color:var(--bg-color)}.faq-container{max-width:800px;margin:0 auto}.faq-item{margin-bottom:40px;border-bottom:1px solid var(--border);padding-bottom:30px}.faq-item:last-child{border-bottom:none}.faq-item h3{font-size:1.2rem;font-weight:700;margin-bottom:15px;display:flex;align-items:flex-start}.faq-item h3 span{color:var(--accent);margin-right:12px;font-family:serif;font-weight:900}.faq-item p{color:var(--text-sub);font-size:1rem;line-height:1.8;padding-left:28px}@media(max-width:768px){.faq{padding:60px 5%}.faq-item h3{font-size:1.1rem}.faq-item p{padding-left:0;margin-top:10px}}.spec{padding:80px 5%;background-color:#0000004d}.spec-container{max-width:800px;margin:0 auto;text-align:center}.spec-content h3{font-size:1.4rem;margin-bottom:10px;color:var(--text-main)}.spec-content p strong{color:#4285f4;font-size:1.3rem}.spec-warning{margin-top:40px;text-align:left;background:#eab3080d;border:1px solid rgba(234,179,8,.3);padding:25px;border-radius:12px}.spec-warning h4{color:#eab308;margin-bottom:10px;font-size:1.1rem}.spec-warning p{font-size:.9rem;color:var(--text-sub);line-height:1.6;margin-bottom:0}footer{padding:60px 5%;border-top:1px solid var(--border);text-align:center;color:var(--text-sub)}@media(max-width:768px){.hero{padding-top:100px}.steps-grid{grid-template-columns:1fr}}