:root{font-family:"DM Sans","Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b2440;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:280px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;padding:0 28px;margin:auto}.brand{text-decoration:none;color:#1b2440;font-size:20px;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border-radius:10px;background:#5b64e8;color:#fff;display:inline-grid;place-items:center;font-size:17px}.brand-sub{font-size:9px;letter-spacing:.13em;color:#828aa0;margin-left:2px}.language{display:flex;gap:6px}.language a{padding:8px 12px;border-radius:8px;color:#586079;text-decoration:none;font-size:13px}.language a[aria-current=page]{background:#ebedff;color:#4d56d1;font-weight:600}main{max-width:920px;margin:0 auto;padding:0 24px}.hero{text-align:center;padding:56px 0 28px}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6570d9;font-weight:700;margin:0 0 14px}.hero h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.045em;line-height:1.18;margin:0 0 16px}.lead{font-size:16px;line-height:1.8;color:#727b92;margin:0}.card{background:#fff;border:1px solid #e9ebf2;border-radius:16px;box-shadow:0 8px 28px #28365a0a}.ad-slot{height:100px;max-width:728px;margin:0 auto 24px;border:1px dashed #d9dce6;border-radius:10px;background:#f3f4f8;display:grid;place-items:center;color:#969bad;font-size:11px;letter-spacing:.08em}.converter{max-width:700px;margin:0 auto;padding:32px 36px 24px}.converter h2,.info-grid h2,.privacy h2{font-size:18px;margin:0 0 22px;letter-spacing:-.02em}.dropzone{min-height:225px;border:2px dashed #cfd3e8;border-radius:12px;background:#fafaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.is-dragging{border-color:#6972e8;background:#f3f4ff}.dropzone[aria-disabled=true]{opacity:.65;cursor:wait}.dropzone strong{font-size:16px}.dropzone>span:not(.upload-icon){color:#7f879c;font-size:13px}.dropzone small{color:#9da3b3;font-size:11px;margin-top:4px}.upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#5b64e8;background:#ebedff;font-size:23px;margin-bottom:4px}.options{margin:24px 0 18px}.options label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:10px}.options label span{color:#626be0}.options input{width:100%;accent-color:#626be0}.privacy-note{font-size:12px;color:#758098;text-align:center;margin:21px 0 0}.privacy-note span{color:#3b9a70;font-weight:700;margin-right:5px}.status{min-height:20px;text-align:center;font-size:13px;color:#59627b;margin:14px 0 0}.results{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.result-item{display:flex;justify-content:center;color:#9b4e4e;font-size:13px}.download-button{display:inline-block;padding:10px 16px;border:0;border-radius:9px;background:#5964de;color:white;text-decoration:none;font:600 13px inherit;cursor:pointer}.download-button:hover{background:#4752c7}.ad-slot--lower{margin-top:24px;margin-bottom:28px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.info-grid .card,.privacy{padding:24px}.info-grid h2,.privacy h2{margin-bottom:12px}.info-grid p,.info-grid ol,.privacy p{font-size:13px;line-height:1.85;color:#6d768d;margin:0}.info-grid ol{padding-left:20px}.info-grid li+li{margin-top:5px}.privacy{margin-bottom:40px}footer{border-top:1px solid #e8eaf1;max-width:920px;margin:auto;padding:22px 24px 32px;display:flex;justify-content:space-between;gap:16px;color:#858da0;font-size:11px}footer nav{display:flex;flex-wrap:wrap;gap:18px}footer a{color:#747d93;text-decoration:none}footer a:hover,.language a:hover{text-decoration:underline}@media(max-width:620px){.site-header{height:66px;padding:0 18px}.brand-sub{display:none}main{padding:0 16px}.hero{padding:42px 0 24px}.hero h1{font-size:34px}.lead{font-size:14px}.converter{padding:24px 18px 20px}.dropzone{min-height:205px;padding:14px}.info-grid{grid-template-columns:1fr}.ad-slot{height:80px}footer{padding:20px 18px 28px;flex-direction:column}footer nav{gap:14px}}