*{box-sizing:border-box}body{color:#182230;background:#f8fafc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Arial,sans-serif}a{color:inherit;text-decoration:none}.hidden[data-astro-cid-u5lyekio]{display:none!important}.wide[data-astro-cid-u5lyekio]{width:min(1180px,100% - 40px);margin:auto}.container[data-astro-cid-u5lyekio]{width:min(960px,100% - 40px);margin:auto}header[data-astro-cid-u5lyekio]{background:#fff;border-bottom:1px solid #e7ebf0;align-items:center;height:74px;display:flex}.nav[data-astro-cid-u5lyekio]{align-items:center;gap:30px;display:flex}.logo[data-astro-cid-u5lyekio]{font-size:28px;font-weight:850}.logo[data-astro-cid-u5lyekio] span[data-astro-cid-u5lyekio]{color:#ff7200}nav[data-astro-cid-u5lyekio]{gap:23px;margin-left:auto;display:flex}nav[data-astro-cid-u5lyekio] a[data-astro-cid-u5lyekio]{font-size:14px;font-weight:650}.right[data-astro-cid-u5lyekio]{align-items:center;gap:16px;display:flex}.language[data-astro-cid-u5lyekio]{gap:7px;font-size:13px;display:flex}.language[data-astro-cid-u5lyekio] a[data-astro-cid-u5lyekio].active{color:#ff7200;font-weight:800}.back[data-astro-cid-u5lyekio]{border:1px solid #e1e6ed;border-radius:9px;padding:11px 15px;font-size:13px;font-weight:700}.hero[data-astro-cid-u5lyekio]{padding:45px 0 80px}.breadcrumb[data-astro-cid-u5lyekio]{color:#8390a2;flex-wrap:wrap;gap:8px;margin-bottom:42px;font-size:12px;display:flex}.breadcrumb[data-astro-cid-u5lyekio] strong[data-astro-cid-u5lyekio]{color:#ff7200}.heading[data-astro-cid-u5lyekio]{text-align:center;max-width:780px;margin:0 auto 35px}.badge[data-astro-cid-u5lyekio]{color:#08764d;background:#e5f8ef;border-radius:9px;margin-bottom:15px;padding:8px 12px;font-size:11px;font-weight:850;display:inline-block}.heading[data-astro-cid-u5lyekio] h1[data-astro-cid-u5lyekio]{letter-spacing:-2px;margin:0;font-size:clamp(38px,5vw,51px)}.heading[data-astro-cid-u5lyekio] p[data-astro-cid-u5lyekio]{color:#697587;margin:17px auto 0;line-height:1.7}.tool-shell[data-astro-cid-u5lyekio]{background:#fff;border:1px solid #e5eaf0;border-radius:22px;padding:30px;box-shadow:0 22px 70px #23334914}.drop-zone[data-astro-cid-u5lyekio]{cursor:pointer;text-align:center;border:2px dashed #ced7e3;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:370px;padding:30px;display:flex}.upload-icon[data-astro-cid-u5lyekio]{color:#1677ff;background:#edf5ff;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:15px;font-size:32px;display:grid}.choose[data-astro-cid-u5lyekio]{color:#fff;background:#1677ff;border-radius:10px;padding:13px 22px;font-weight:750}.drop-zone[data-astro-cid-u5lyekio] p[data-astro-cid-u5lyekio]{color:#8a95a5;font-size:12px}.preview-box[data-astro-cid-u5lyekio]{border:1px solid #e7ebf0;border-radius:14px;align-items:center;gap:18px;padding:17px;display:flex}.preview-box[data-astro-cid-u5lyekio] img[data-astro-cid-u5lyekio]{object-fit:contain;background:#f5f7f9;border-radius:9px;width:135px;height:100px}.preview-box[data-astro-cid-u5lyekio] p[data-astro-cid-u5lyekio]{color:#7b8696;margin:7px 0 0;font-size:12px}.crop-controls[data-astro-cid-u5lyekio]{grid-template-columns:repeat(2,1fr);gap:14px;margin:25px 0;display:grid}.crop-controls[data-astro-cid-u5lyekio] label[data-astro-cid-u5lyekio] span[data-astro-cid-u5lyekio]{margin-bottom:7px;font-size:12px;font-weight:750;display:block}.crop-controls[data-astro-cid-u5lyekio] input[data-astro-cid-u5lyekio]{border:1px solid #dde4ec;border-radius:9px;width:100%;padding:13px;font-size:15px}.rotate-controls[data-astro-cid-u5lyekio]{margin:25px 0}.rotate-controls[data-astro-cid-u5lyekio]>strong[data-astro-cid-u5lyekio]{margin-bottom:12px;display:block}.angle-buttons[data-astro-cid-u5lyekio]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.angle[data-astro-cid-u5lyekio]{cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:14px;font-weight:750}.angle[data-astro-cid-u5lyekio].active{color:#ff7200;background:#fff6ef;border-color:#ff7200}.primary[data-astro-cid-u5lyekio]{color:#fff;text-align:center;cursor:pointer;background:#1677ff;border:0;border-radius:11px;width:100%;padding:16px;font-size:15px;font-weight:800;display:block}.download[data-astro-cid-u5lyekio]{margin-top:22px}.text-button[data-astro-cid-u5lyekio]{color:#697587;cursor:pointer;background:0 0;border:0;width:100%;margin-top:13px;font-weight:700}.compare[data-astro-cid-u5lyekio]{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.compare[data-astro-cid-u5lyekio] article[data-astro-cid-u5lyekio]{background:#f8fafc;border-radius:14px;padding:16px}.compare[data-astro-cid-u5lyekio] article[data-astro-cid-u5lyekio]>span[data-astro-cid-u5lyekio]{margin-bottom:10px;font-size:12px;font-weight:800;display:block}.compare[data-astro-cid-u5lyekio] img[data-astro-cid-u5lyekio]{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:260px}.compare[data-astro-cid-u5lyekio] strong[data-astro-cid-u5lyekio]{margin-top:12px;display:block}.arrow[data-astro-cid-u5lyekio]{color:#1677ff;background:#edf5ff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.trust-grid[data-astro-cid-u5lyekio]{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.trust-grid[data-astro-cid-u5lyekio] article[data-astro-cid-u5lyekio]{background:#fff;border:1px solid #e7ebf0;border-radius:15px;gap:14px;padding:21px;display:flex}.trust-grid[data-astro-cid-u5lyekio] h3[data-astro-cid-u5lyekio]{margin:0 0 7px;font-size:14px}.trust-grid[data-astro-cid-u5lyekio] p[data-astro-cid-u5lyekio]{color:#707c8d;margin:0;font-size:12px;line-height:1.7}.error[data-astro-cid-u5lyekio]{color:#bc332d;background:#fff2f1;border:1px solid #ffc8c4;border-radius:10px;margin-top:15px;padding:13px 15px}@media (width<=850px){nav[data-astro-cid-u5lyekio]{display:none}.right[data-astro-cid-u5lyekio]{margin-left:auto}.compare[data-astro-cid-u5lyekio]{grid-template-columns:1fr}.arrow[data-astro-cid-u5lyekio]{margin:auto;transform:rotate(90deg)}.trust-grid[data-astro-cid-u5lyekio]{grid-template-columns:1fr}}@media (width<=600px){.wide[data-astro-cid-u5lyekio],.container[data-astro-cid-u5lyekio]{width:calc(100% - 26px)}.back[data-astro-cid-u5lyekio]{display:none}.tool-shell[data-astro-cid-u5lyekio]{padding:14px}.crop-controls[data-astro-cid-u5lyekio]{grid-template-columns:1fr}.compare[data-astro-cid-u5lyekio] img[data-astro-cid-u5lyekio]{height:220px}}