*{box-sizing:border-box}body{margin:0;background:#f9f8ff;color:#17142e;font:16px system-ui,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.top{background:#161331;color:white;padding:16px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:20px;flex-wrap:wrap}.logo{font-weight:800;font-size:21px;white-space:nowrap}nav{display:flex;gap:12px;flex-wrap:wrap;margin-inline-start:auto}nav a{font-size:13px;padding:4px 9px;border:1px solid #8179b1;border-radius:20px}nav [aria-current]{background:#8758e9}main{max-width:1100px;margin:auto;padding:35px 20px 80px}.hero{background:linear-gradient(120deg,#231d51,#6837ba);color:white;padding:44px;border-radius:22px}.hero h1{font-size:clamp(27px,5vw,45px);margin:0 0 12px}.hero p{max-width:700px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card{background:white;border:1px solid #ded7eb;border-radius:14px;padding:17px;display:block}.card:hover{border-color:#8758e9}.card strong{display:block}.card small{color:#67617d}.button{display:inline-block;background:#7741d3;color:white;padding:12px 22px;border-radius:12px;font-weight:700;margin:14px 0}.guide{background:white;padding:24px;border-radius:16px;border:1px solid #ded7eb;margin-top:28px}select{font:inherit;padding:6px;border-radius:8px}h2{margin-top:32px}footer{border-top:1px solid #ddd;padding:20px;text-align:center}@media(max-width:600px){.hero{padding:25px}.top{padding:14px 20px}}
.tool-page .hero{min-height:0;margin-top:26px;padding:45px;border-radius:20px}.tool-page .hero h1{font-size:clamp(28px,5vw,48px);color:white}.tool-page .hero p{color:#eee}.tool-page .guide{max-width:1100px;margin:24px auto}.tool-page main{max-width:none;padding:0 20px 70px}.tool-page .locale-alt{display:flex;justify-content:center;gap:12px;padding:20px}.tool-page .locale-alt a{padding:3px 9px;border:1px solid #ddd;border-radius:12px}

.top .brand-image,.tool-page header .brand-image{display:block;width:190px;max-width:100%;height:auto;background:white;border-radius:12px;padding:5px}.top .logo{display:block}.tool-page .brand{font-size:0}@media(max-width:600px){.top .brand-image,.tool-page header .brand-image{width:150px}}

.tool-page dialog[open]{display:block;position:static;inset:auto;width:min(1050px,calc(100% - 30px));max-width:none;max-height:none;overflow:visible;margin:22px auto 40px;padding:26px;border-radius:18px;box-shadow:0 12px 35px #21163d15}.tool-page dialog .close{display:none}.tool-page .embedded-editor-wrap{margin:22px auto 40px}.tool-page .embedded-editor{display:block;width:100%;height:1000px;border:1px solid #dcd4eb;border-radius:18px;background:white}@media(max-width:650px){.tool-page dialog[open]{width:100%;padding:16px}.tool-page .embedded-editor{height:1100px}}

.tool-page:has(.embedded-editor) dialog{display:none}