:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#17243b;background:#fafbfd;font-synthesis:none;--blue:#2459ed;--muted:#5d6b80;--line:#e1e7f0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}[hidden]{display:none!important}:focus-visible{outline:3px solid #7799ff;outline-offset:4px}.header{max-width:1160px;margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:7px;font-size:23px;font-weight:750;letter-spacing:-.8px}.brand-light{font-weight:450}.brand-mark{position:relative;background:var(--blue);color:white;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;width:33px;height:36px;font-size:23px;margin-right:5px}.brand-mark span{font-size:14px;align-self:flex-end;margin-bottom:5px}.header nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}nav a:hover,.text-button:hover{color:var(--blue)}main{max-width:1104px;margin:auto;padding:0 28px}.intro{text-align:center;padding:48px 0 38px}.eyebrow{font-size:13px;color:var(--blue);font-weight:650;letter-spacing:1.5px;margin:0 0 14px}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;line-height:1.25;margin:0 0 18px;font-weight:750}h1 span{color:var(--blue)}.lead{font-size:16px;color:var(--muted);line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:1.7fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 40px #1b386308}.work-main{padding:32px}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-label h2{font-size:16px;margin:0}.small{font-size:13px;color:var(--muted);line-height:1.6}.section-label .small{margin-left:auto}.step{font-size:12px;color:var(--blue);background:#edf2ff;border-radius:6px;padding:5px 6px}.dropzone{border:1.5px dashed #b9c9e5;border-radius:12px;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbfcff;gap:10px;padding:24px;text-align:center}.dropzone.drag{background:#eef3ff;border-color:var(--blue)}.dropzone svg{color:#6182ca;margin-bottom:2px}.dropzone strong{font-size:17px;overflow-wrap:anywhere;max-width:100%}.dropzone p{font-size:14px;color:var(--muted);margin:0}.file-button{position:relative;display:block;overflow:hidden;background:#eaf0ff;border:1px solid #d4dfff;color:#1748cb;font-weight:600;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer}.file-button:focus-within{outline:3px solid #7799ff;outline-offset:3px}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.target-label{margin-top:28px}fieldset{display:flex;border:0;padding:0;gap:8px;margin:0 0 20px}fieldset label{flex:1;position:relative;min-width:0}fieldset input{position:absolute;opacity:0}fieldset span{display:block;text-align:center;border:1px solid var(--line);border-radius:8px;padding:12px 2px;font-size:14px;cursor:pointer}fieldset input:checked+span{background:#eef3ff;border-color:var(--blue);color:#1748cb;font-weight:650}fieldset input:focus-visible+span{outline:3px solid #7799ff;outline-offset:3px}#custom-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;font-size:14px}#custom{padding:9px;width:100px;border:1px solid var(--line);border-radius:6px}#custom-wrap small{width:100%;color:var(--muted)}.primary{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:#fff;border:0;border-radius:9px;min-height:50px;font-size:16px;font-weight:650;padding:12px 24px}.primary:hover:not(:disabled){background:#1748ce}#compress{width:100%}.status{min-height:20px;font-size:13px;text-align:center;line-height:1.6;color:var(--muted);margin:13px 0 0}.status.error{color:#aa2632}.status.busy:before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #cbd8fb;border-top-color:var(--blue);border-radius:50%;margin-right:8px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.work-note{background:#f2f6fd;border-left:1px solid var(--line);padding:36px 30px}.note-kicker{font-size:12px;color:#617596;letter-spacing:1px}.work-note h2{font-size:27px;line-height:1.6;letter-spacing:-.6px;margin:14px 0}.size-visual{display:flex;align-items:flex-end;height:76px;margin:16px 0 28px;gap:14px;color:#6583b8}.size-old,.size-new{border:1px solid #a9bfdf;border-radius:5px;width:52px;height:70px;display:flex;align-items:center;justify-content:center;font-size:12px}.size-new{height:43px;width:35px;background:#dde8fc;color:#2759b9}.size-line{width:65px;border-top:1px solid #b7c9e3;align-self:center}.work-note ul{padding:0;list-style:none;margin:0}.work-note li{margin-bottom:20px}.work-note strong{font-size:14px}.work-note p{font-size:14px;line-height:1.8;color:var(--muted);margin:5px 0 0}.privacy-link{font-size:13px;color:#315996}.result{margin-top:24px;background:white;padding:30px;border:1px solid var(--line);border-radius:16px}.result-heading{display:flex;justify-content:space-between;align-items:center}.result h2{margin:0;font-size:24px}.text-button{border:0;background:none;color:var(--muted);font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.metrics span{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.metrics strong{font-size:24px}.result p{line-height:1.8;color:var(--muted)}.result-actions{display:flex;flex-wrap:wrap;gap:12px}.secondary{background:white;border:1px solid var(--line);border-radius:8px;padding:12px 18px;color:#233b62}.result iframe{width:100%;height:600px;border:1px solid var(--line);border-radius:8px;margin-top:12px}.how{padding:66px 0 48px;border-bottom:1px solid var(--line)}.how h2,.faq h2,.privacy h2{font-size:24px;letter-spacing:-.5px}.how ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:28px 0 0;gap:35px}.how li>span{font-size:13px;color:#6b83a5}.how h3{font-size:16px;margin:9px 0}.how p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.faq{padding:40px 0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:16px}.faq p,.privacy p{font-size:14px;line-height:1.9;color:var(--muted);max-width:800px}.privacy{padding:22px 28px;background:#edf2f9;border-radius:12px;margin:0 0 48px}.privacy h2{font-size:19px}footer{border-top:1px solid var(--line);max-width:1048px;margin:auto;padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}footer .brand{font-size:17px;color:#273b5c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:14px;z-index:5}.skip:focus{top:10px}@media(max-width:700px){.header{height:76px;padding:0 20px}.header nav{gap:18px}.header nav a:first-child{display:none}.brand{font-size:20px}main{padding:0 16px}.intro{padding:32px 0}.intro h1{font-size:34px;letter-spacing:-1px}.lead{font-size:14px}.workspace{display:block;border-radius:14px}.work-main{padding:22px 18px}.work-note{border-left:0;border-top:1px solid var(--line);padding:24px}.work-note h2{font-size:22px}.work-note h2 br{display:none}.size-visual,.note-kicker{display:none}.work-note ul{margin-top:18px}.work-note li{margin-bottom:14px}.dropzone{min-height:210px}.section-label .small{font-size:12px}fieldset{gap:5px}fieldset span{font-size:13px}.how{padding:40px 8px}.how h2,.faq h2{font-size:22px}.how ol{grid-template-columns:1fr;gap:22px}.how li{padding-left:35px;position:relative}.how li>span{position:absolute;left:0;top:10px}.faq{padding:26px 8px}.privacy{padding:18px 22px}.result{padding:22px 18px}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:23px}.result-actions .primary{width:100%}.result iframe{height:450px}footer{margin:0 24px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.language-control select{font:inherit;font-size:14px;color:#334a6d;background:white;border:1px solid var(--line);border-radius:7px;padding:8px;max-width:150px}.header nav{margin-inline-start:auto;margin-inline-end:26px}.language-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;padding:8px 24px 28px;font-size:13px;color:var(--muted)}h1 span{display:inline-block;margin-inline-start:.2em}h1{overflow-wrap:break-word}.brand{direction:ltr}.section-label .small{margin-left:0;margin-inline-start:auto}.work-note{border-left:0;border-inline-start:1px solid var(--line)}[dir=rtl] .eyebrow,[lang=hi] .eyebrow,[lang=bn] .eyebrow{letter-spacing:0}[dir=rtl] h1,[lang=hi] h1,[lang=bn] h1{letter-spacing:0;line-height:1.5}[dir=rtl] #file-title{unicode-bidi:plaintext}[dir=rtl] .how li{padding-left:0;padding-right:35px}[dir=rtl] .how li>span{left:auto;right:0}.metrics strong{unicode-bidi:plaintext}.section-label{flex-wrap:wrap}#targets span{min-height:44px}.work-note h2{overflow-wrap:anywhere}.result-heading{gap:12px}.result-actions>*{min-height:44px}#custom{direction:ltr}.header{gap:16px}.header nav{flex-shrink:0}.work-main,.work-note{min-width:0}.result-heading h2{overflow-wrap:anywhere}@media(max-width:900px){.header nav{display:none}.language-control{margin-inline-start:auto}}@media(max-width:700px){.work-note{border-inline-start:0}.section-label .small{margin-inline-start:0;width:100%;padding-inline-start:37px}.intro h1{font-size:32px}.intro{padding-top:24px}.metrics strong{font-size:21px}.primary{font-size:15px}.language-control select{max-width:145px}#targets span{font-size:12px}.work-note h2{line-height:1.5}.header{height:76px}}
.note-kicker,.size-old,.how li>span{color:#526b91}
#targets label:not(:last-child) span{direction:ltr;unicode-bidi:isolate}

/* Persistent analytics controls; reserve space for the visible bottom surface. */
body.analytics-enabled{padding-bottom:var(--analytics-space,80px)}
#analytics-consent{position:fixed;inset:auto 0 0;z-index:20;margin:0;border-radius:14px 14px 0 0;border:1px solid var(--line);background:#fff;box-shadow:0 -4px 24px #17243b14;padding:16px max(20px,calc((100vw - 1048px)/2)) max(16px,env(safe-area-inset-bottom));max-height:65dvh;overflow:auto}
#analytics-consent h2{margin:0 0 6px;font-size:17px}
#analytics-consent p{margin:0 0 12px;line-height:1.6}
#analytics-preferences{position:fixed;inset-inline-end:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:19;max-width:calc(100vw - 32px);min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 16px #17243b18}
body:has(#analytics-consent:not([hidden])) #analytics-preferences{visibility:hidden}