:root{--bg:#f5f7ff;--ink:#1c2645;--muted:#6a7894;--primary:#5145db;--line:#dfe6f3;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 9% 3%,#e9e7ff,transparent 36%),radial-gradient(ellipse at 90% 5%,#e2f6fa,transparent 31%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,'Noto Sans Thai','Segoe UI',Tahoma,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}a{color:inherit}.container{width:min(1130px,calc(100% - 34px));margin:auto}.topbar{padding:28px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;font-size:23px;letter-spacing:-.7px}.brand small{font-weight:600;color:#8a95ae;font-size:13px;letter-spacing:0}.brandicon{background:linear-gradient(135deg,#6255ed,#41b8c5);box-shadow:0 8px 22px #5348ea39;color:white;font-size:28px;font-weight:600;width:43px;height:43px;border-radius:14px;display:grid;place-items:center}.topright{color:#687589;font-size:12px;font-weight:750;display:flex;align-items:center;gap:7px}.gooddot{background:#20ad76;width:8px;height:8px;border-radius:50%;display:inline-block}.hero{text-align:center;padding:48px 16px 47px}.eyebrow{font-size:12px;color:var(--primary);font-weight:850;letter-spacing:.07em}.hero h1{font-size:clamp(35px,5.5vw,58px);letter-spacing:-1.6px;line-height:1.22;margin:11px 0 15px}.hero h1 span{color:#5145db}.hero>p{color:#68758f;font-size:16px;line-height:1.8;margin:0 auto;max-width:690px}.hero-tags{margin-top:24px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.hero-tags span{background:white;border:1px solid #e3e8f5;padding:7px 14px;border-radius:30px;font-size:12px;font-weight:800;color:#52617f}.headline{display:flex;justify-content:space-between;gap:15px;align-items:center}.headline h2{margin:0 0 5px;font-size:25px}.headline p{margin:0;color:var(--muted);font-size:13px}.headline>span{color:#8a94a9;font-weight:750;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 18px}.filter{border:1px solid #dce3f2;color:#53617b;border-radius:24px;padding:9px 18px;background:white;font-size:12px;font-weight:800}.filter.active,.filter:hover{background:#5549e3;border-color:#5549e3;color:#fff}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tool{background:white;border:1.5px solid #e3e8f3;border-radius:16px;text-align:left;padding:18px 15px;min-height:132px;display:flex;flex-direction:column;align-items:flex-start;transition:.16s;box-shadow:0 5px 18px #5f6c9510}.tool:hover{transform:translateY(-3px);box-shadow:0 12px 25px #5052a724}.tool.active{border-color:#7469f4;box-shadow:0 0 0 2px #7469f420,0 10px 25px #6964cc16}.tool-emoji{font-size:25px;margin-bottom:9px}.tool strong{font-size:14px;letter-spacing:-.1px}.tool span:last-child{font-size:11px;color:#77839d;line-height:1.5;margin-top:5px}.workspace{background:#fff;border:1px solid var(--line);border-radius:25px;margin:37px 0 25px;padding:26px;box-shadow:0 15px 50px #3e498e14;scroll-margin-top:22px}.workspace-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid #eef1f6}.workspace-head h2{font-size:25px;letter-spacing:-.6px;margin:5px 0}.workspace-head p{font-size:13px;color:var(--muted);margin:4px 0}.tool-mark{font-size:39px}.workcols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.workcard{padding:3px 4px 10px}.step{font-size:11px;color:#5549d9;font-weight:850}.workcard h3{margin:4px 0 18px;font-size:18px}.drop{background:#f8f9ff;border:2px dashed #b9c4e5;border-radius:18px;min-height:224px;display:flex;gap:9px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer;outline:none}.drop:hover,.drop.dragover,.drop:focus-visible{background:#efefff;border-color:#5349df}.upload-icon{display:grid;place-items:center;background:#e6e7ff;width:55px;height:55px;border-radius:15px;color:#5145db;font-size:37px;line-height:1}.drop strong{font-size:15px}.drop span{color:#7b87a0;font-size:12px}.choose{border:0;background:#edeafe;color:#554ad1;font-weight:850;border-radius:10px;padding:10px 17px;font-size:13px;margin-top:4px}.picked{margin-top:12px;font-size:12px;background:#f4f7fc;border:1px solid #e3e8f3;border-radius:10px;color:#6b7b96;padding:11px 13px;min-height:42px;line-height:1.65;overflow-wrap:anywhere}.picked.success{background:#edfbf2;border-color:#bee8cf;color:#23684b}.picked.error{background:#fff2f1;border-color:#f2c2c1;color:#a13232}.small{font-size:11px;color:#77839b;line-height:1.7}.setting{margin-bottom:17px}.setting label{display:block;font-weight:800;font-size:13px;margin-bottom:8px}.setting select,.setting input[type=number]{width:100%;border-radius:10px;border:1px solid #dce3f0;background:white;color:#303d5b;padding:12px 13px}.setting input[type=range]{width:100%;accent-color:#574be3}.setting .value{font-weight:850;color:#5145db;float:right}.notice{font-size:12px;line-height:1.7;background:#f0f5ff;border:1px solid #dbe5f9;color:#516587;border-radius:12px;padding:13px 14px;margin:8px 0 17px}.convert{border:0;width:100%;padding:14px 17px;display:flex;justify-content:center;gap:12px;align-items:center;background:#5549e3;color:white;font-size:14px;font-weight:850;border-radius:12px;box-shadow:0 5px 13px #5549e329}.convert:hover:not(:disabled){background:#4335ce}.progress{height:8px;background:#e9ecf6;border-radius:99px;overflow:hidden;margin-top:14px}.progress>div{width:0%;height:100%;background:linear-gradient(90deg,#6d63ee,#3bc2ac);transition:width .2s}.status{font-size:12px;color:#687693;line-height:1.7;margin-top:11px;min-height:21px}.status.error{color:#b8373d}.results{border-top:1px solid #e4eafa;margin-top:20px;padding-top:18px}.result-title{font-size:16px;font-weight:850;color:#087a52;margin-bottom:9px}.downloaditem{background:#f8fbff;border:1px solid #e1eaf3;display:flex;align-items:center;gap:12px;justify-content:space-between;border-radius:11px;padding:12px;margin:8px 0}.downloaditem span{font-size:12px;overflow-wrap:anywhere}.downloaditem a{background:#e8e9ff;color:#4d44d4;padding:8px 14px;text-decoration:none;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:850}.bundle{margin-top:6px;background:#5549e3;color:white;border:0;border-radius:10px;font-size:12px;font-weight:850;padding:11px 18px}.infogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:29px 0 39px}.infobox{border:1px solid #e0e6f1;border-radius:17px;background:#ffffffb7;padding:23px}.infobox span{font-size:24px}.infobox h3{font-size:15px;margin:11px 0 7px}.infobox p{font-size:12px;line-height:1.7;color:#718099;margin:0}.faq{margin:14px 0 47px}.faq h2{font-size:22px}.faq details{background:white;border:1px solid #e0e6f1;margin-top:9px;border-radius:12px;padding:15px 18px}.faq summary{font-size:13px;font-weight:800;cursor:pointer}.faq p{color:#63718c;line-height:1.8;font-size:12px;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e8f2;padding:23px 0 40px;color:#7c889c;font-size:12px}footer strong{color:#415071}footer div div{margin-top:5px}[hidden]{display:none!important}@media(max-width:900px){.tools{grid-template-columns:repeat(3,minmax(0,1fr))}.workcols{grid-template-columns:1fr}}@media(max-width:630px){.container{width:calc(100% - 24px)}.topbar{padding-top:16px}.brand{font-size:19px}.brandicon{width:39px;height:39px}.brand small{font-size:11px}.topright{font-size:10px}.hero{padding:38px 4px 34px}.hero h1{letter-spacing:-.8px}.hero>p{font-size:14px}.headline h2{font-size:22px}.tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool{padding:15px 12px;min-height:124px}.tool strong{font-size:12px}.tool span:last-child{font-size:10px}.filter{padding:8px 13px;font-size:11px}.workspace{margin-top:25px;padding:18px 14px}.workspace-head h2{font-size:22px}.infogrid{grid-template-columns:1fr;gap:9px}footer{display:block}footer>div+div{margin-top:13px}}