:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#142841;background:#f7fbff}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.mast{background:#fff;box-shadow:0 2px 10px #153a6112;border-bottom:1px solid #dce9f7;padding:14px max(18px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:22px;font-weight:800}.brand span{color:#058cb5}.mast nav{display:flex;gap:7px;flex-wrap:wrap}.mast nav a{font-size:13px;color:#17659e;text-decoration:none;padding:10px 12px;border-radius:9px;font-weight:700}.mast nav a:hover{background:#e5f4ff}.content{width:min(1170px,calc(100% - 34px));margin:auto}.hero{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:35px;padding:45px 0}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:#007da1}.hero h1{font-size:clamp(32px,4.5vw,56px);letter-spacing:-.055em;line-height:1.04;margin:12px 0;color:#10263b;max-width:720px}.hero p{line-height:1.65;max-width:680px;color:#526981}.hero-note{padding:22px 24px;border:1px solid #b8d9ec;border-radius:19px;background:linear-gradient(135deg,#e6f7ff,#e9fbf6);font-size:13px;line-height:1.65;color:#33586c}.hero-note b{display:block;font-size:16px;color:#17436a;margin-bottom:5px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{margin:0;font-size:23px;letter-spacing:-.04em}.section-title p{font-size:13px;color:#60778d}.operation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 34px}.op{appearance:none;display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:8px;min-width:0;min-height:154px;padding:19px;background:#fff;border:1px solid #d8e8f5;border-radius:17px;box-shadow:0 7px 17px #193b6010;cursor:pointer;color:#173654;transition:transform .14s,border-color .14s,box-shadow .14s}.op:hover:not(:disabled){transform:translateY(-3px);border-color:#57b9db;box-shadow:0 13px 25px #1b729e1b}.op:focus-visible{outline:3px solid #26b9cd;outline-offset:3px}.op svg{width:31px;height:31px;stroke:#076db8;stroke-width:1.8;fill:none;background:#e8f7fc;padding:5px;border-radius:10px}.op strong{font-size:14px;font-weight:800}.op small{font-size:11.5px;color:#617a8c;line-height:1.4}.op:disabled{opacity:.56;cursor:not-allowed}.op .availability{font-size:10px;color:#a54c30;font-weight:700}.processing-panel{background:#fff;border:1px solid #c5dceb;border-radius:22px;padding:24px;box-shadow:0 15px 34px #17497e0e;margin:24px 0}.processing-panel[hidden]{display:none}.processing-panel>p{font-size:13px;color:#5b7085;line-height:1.55}.drop{border:2px dashed #9ccde2;background:#f4fbff;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:25px 18px;border-radius:16px;cursor:pointer;min-height:150px;color:#0669a2}.drop svg{width:34px}.drop input{position:absolute;opacity:0;width:1px;height:1px}.drop span{font-size:12px;color:#557189;max-width:100%;overflow-wrap:anywhere}.drop:focus-within{outline:3px solid #13b9c4}.field{display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:13px;font-weight:750}.field input{border:1px solid #aecfe0;border-radius:11px;padding:12px;font-size:15px;color:#193b58;background:#fff;width:100%}.field small{font-size:11px;font-weight:400;color:#63798d}.privacy{padding:12px;background:#f5f8fb;border-radius:10px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 10px}button.primary,button.outline{border-radius:11px;padding:12px 17px;font-weight:800;font-size:13px;cursor:pointer}.primary{border:1px solid #087bbd;background:linear-gradient(115deg,#0865cf,#03a4a7);color:#fff}.outline{background:#fff;border:1px solid #bad8e9;color:#17639d}button:disabled{opacity:.6;cursor:wait}#operation-status{font-size:13px;color:#176e8e;min-height:1.2em}#operation-status[data-error="true"]{color:#a23830}.guides{margin:40px 0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.guide-grid a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #dae7f0;padding:15px 16px;border-radius:13px;text-decoration:none}.guide-grid b{color:#175990;font-size:14px}.guide-grid span{font-size:12px;color:#567287}footer{display:flex;gap:17px;align-items:center;flex-wrap:wrap;padding:22px 0 45px;border-top:1px solid #d9eaf2;color:#62798c;font-size:12px}body.is-processing .mallow-ad-section{display:none!important}#selected-detail{margin:12px 0 18px}#reset-tool{white-space:nowrap}
@media(max-width:950px){.operation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:20px}.mast{padding:14px 18px}}@media(max-width:660px){.mast{align-items:flex-start;flex-direction:column;padding:12px 16px}.mast nav{width:100%;justify-content:space-between}.mast nav a{padding:9px 6px}.hero{grid-template-columns:1fr;padding:24px 0 16px;gap:10px}.hero-note{padding:15px}.section-title{align-items:flex-start;flex-direction:column;gap:3px}.section-title p{margin:3px 0}.operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.op{min-height:145px;padding:13px;gap:6px;border-radius:13px}.op strong{font-size:13px}.op small{font-size:10.5px}.guide-grid{grid-template-columns:1fr}.processing-panel{padding:15px}.brand{font-size:20px}}@media(max-width:350px){.op{min-height:160px;padding:10px}.op strong{font-size:12px}.mast nav{gap:0}}

.engine-feedback{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#eef9ff;border:1px solid #c7e5f5;border-radius:12px;padding:10px 14px;margin:14px 0 0;color:#16577f;font-size:12px}.engine-feedback button{padding:7px 11px;min-height:30px}