:root{--ink:#102a2a;--muted:#637b78;--paper:#f5f3ec;--cream:#ebe8dc;--mint:#c9f26d;--green:#164d43;--line:#d7d8cd;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px)}.brand{color:var(--ink);text-decoration:none;font-weight:700;font-size:21px;display:flex;align-items:center;gap:10px}.brand span span{color:#4d706a}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--mint)}.local-pill{border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:12px;font-weight:600;background:#ffffff80}.local-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#71b94a;margin-right:7px}.hero{max-width:1120px;margin:0 auto;padding:74px 24px 34px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#598077;margin-bottom:14px}.hero>h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(52px,7vw,88px);line-height:.92;letter-spacing:-.035em;margin:0}.hero>h1 em{color:#5c8079}.lede{color:var(--muted);font-size:17px;line-height:1.7;max-width:680px;margin:25px 0 38px}.workspace{display:grid;grid-template-columns:1.3fr .7fr;border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden;box-shadow:0 24px 80px #20453c12}.upload-panel{min-height:378px;margin:16px;padding:54px 28px;border:1.5px dashed #aebdb7;border-radius:12px;text-align:center;display:flex;align-items:center;flex-direction:column;cursor:pointer;transition:.25s;background:#fbfcf9}.upload-panel:hover,.upload-panel.drag{border-color:var(--green);background:#f4f8ef;transform:translateY(-1px)}.file-icon{position:relative;width:55px;height:64px;margin-bottom:20px}.file-icon svg{width:100%;height:100%;fill:none;stroke:var(--green);stroke-width:1.5}.file-icon span{position:absolute;z-index:1;left:-7px;top:29px;background:var(--mint);font-size:9px;font-weight:800;padding:4px 6px}.upload-panel h2,.result-panel h2,.progress-panel h2{font-family:'Instrument Serif',Georgia,serif;font-size:29px;font-weight:400;margin:0 0 7px}.upload-panel>p{color:var(--muted);margin:0 0 22px}.choose{border:1px solid var(--ink);background:transparent;border-radius:30px;padding:11px 20px;font-weight:700;color:var(--ink);cursor:pointer}.upload-panel small,.first-run,.progress-panel small{font-size:11px;color:#84928f;margin-top:14px}.file-meta{display:flex;flex-direction:column;margin:0 0 18px}.file-meta strong{max-width:350px;overflow:hidden;text-overflow:ellipsis}.file-meta span{color:var(--muted);font-size:12px;margin-top:4px}.action-panel{background:var(--cream);padding:34px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.route{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #d2d2c6}.route>div:not(.arrow){display:flex;flex-direction:column;gap:4px}.route span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.route b{font-size:14px}.arrow{font-size:24px;color:#77908b}.privacy-card{display:flex;gap:14px;padding:25px 0}.shield{min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dbe8d6;color:var(--green);font-weight:700}.privacy-card b{font-size:13px}.privacy-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:6px 0}.translate,.download{margin-top:auto;border:0;border-radius:8px;background:var(--green);color:white;padding:15px 18px;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:space-between;text-decoration:none;cursor:pointer;transition:.2s}.translate:hover:not(:disabled),.download:hover{background:#0e3c35;transform:translateY(-1px)}.translate:disabled{opacity:.35;cursor:not-allowed}.translate i{font-style:normal;font-size:18px}.first-run{text-align:center;line-height:1.4}.progress-panel,.result-panel{grid-column:1/-1;min-height:390px;padding:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.spinner{width:45px;height:45px;border:2px solid #d8dfd9;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:23px}@keyframes spin{to{transform:rotate(360deg)}}.progress-panel p,.result-panel p{color:var(--muted)}.progress-track{width:min(420px,80%);height:5px;background:#e4e7e1;border-radius:10px;overflow:hidden;margin:14px}.progress-track div{height:100%;width:12%;background:var(--green);transition:width 1s ease}.success{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:24px;margin-bottom:20px}.result-panel .download{min-width:240px;margin:24px 0 8px}.again{border:0;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;padding:9px}.error{margin-top:14px;border:1px solid #dbaaa0;background:#fff1ed;color:#893b2d;padding:14px 17px;border-radius:8px;font-size:13px}.features{max-width:1120px;margin:42px auto;display:grid;grid-template-columns:repeat(3,1fr);padding:0 24px}.features article{border-left:1px solid var(--line);padding:8px 30px 16px}.features article:first-child{padding-left:0;border-left:0}.features span{font-size:10px;color:#7b928d;letter-spacing:.15em}.features h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:21px;margin:15px 0 7px}.features p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.note{max-width:1072px;margin:24px auto 60px;border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:180px 1fr;gap:30px;font-size:12px}.note p{color:var(--muted);line-height:1.6;margin:0}footer{border-top:1px solid var(--line);padding:25px max(5vw,24px);display:flex;justify-content:space-between;color:#7a8b88;font-size:11px}@media(max-width:760px){.local-pill{display:none}.hero{padding-top:45px}.workspace{grid-template-columns:1fr}.action-panel{border-left:0;border-top:1px solid var(--line)}.features{grid-template-columns:1fr}.features article,.features article:first-child{border-left:0;border-top:1px solid var(--line);padding:20px 0}.note{margin-inline:24px;grid-template-columns:1fr;gap:8px}.progress-panel,.result-panel{padding:45px 20px}footer{flex-direction:column;gap:8px}}