:root{--ink:#173438;--muted:#6d8183;--accent:#007f79;--soft:#eaf5f2;--line:#dfe9e6;--paper:#fff;--bg:#f7faf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #65bfb6;outline-offset:4px}.container{max-width:1120px;margin:auto;padding:0 28px}.home-nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:760;letter-spacing:-1px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--accent);color:white;display:grid;place-items:center;font-size:17px;letter-spacing:-3px;padding-right:3px}.home-nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:550}.home-nav-links a:hover{color:var(--accent)}.preview-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--soft);border:1px solid #d4e9e3;padding:5px 10px;border-radius:30px}.intro{text-align:center;padding:43px 0 27px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:8px}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(32px,4.5vw,51px);letter-spacing:-2px;line-height:1.12;font-weight:700;margin:13px 0 16px}h1 span{color:var(--accent)}.intro p{color:var(--muted);margin:0;font-size:15px}.workspace{max-width:924px;margin:auto;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 44px #193c3510;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;padding:17px 24px;border-bottom:1px solid var(--line)}.language{display:flex;flex:1;align-items:center;gap:15px}.language label{font-size:12px;color:var(--muted);white-space:nowrap}.language select{color:var(--ink);border:0;background:#f5f8f6;border-radius:8px;padding:9px 30px 9px 12px;min-width:150px;max-width:100%;font-size:14px;font-weight:600}.swap{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--accent);font-size:19px;margin-right:5px}.toolbar-note{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.upload{margin:22px;background:#fbfdfc;border:1.5px dashed #bcd6ce;border-radius:14px;min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;transition:.2s}.upload.drag{border-color:var(--accent);background:var(--soft)}.upload-icon{width:53px;height:53px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:15px;margin-bottom:13px}.upload h2{font-size:19px;font-weight:650;letter-spacing:-.5px;margin:0 0 4px}.upload p{color:var(--muted);font-size:12px;margin:0 0 17px}.primary{background:var(--accent);border:1px solid var(--accent);color:white;border-radius:10px;font-size:13px;font-weight:600;padding:11px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 9px #007f7916}.primary:hover{background:#006d68}.secondary{background:white;border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:9px 14px;font-size:12px}.secondary:hover{background:var(--soft)}.upload .formats{font-size:10px;margin:12px 0 0;color:#8a9a98}.workspace-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 24px 19px;font-size:11px;color:var(--muted);gap:12px}.demo-link{border:0;background:none;color:var(--accent);font-size:12px;font-weight:600;padding:3px}.demo-link:hover{text-decoration:underline}.trust{display:flex;justify-content:center;gap:29px;margin:20px auto 0;font-size:11px;color:var(--muted)}.trust span{display:flex;gap:7px;align-items:center}.tick{color:var(--accent);font-size:14px}.section{padding-top:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-heading h2{font-size:27px;letter-spacing:-1px;line-height:1.2;margin:0}.section-heading p{color:var(--muted);font-size:12px;margin:8px 0 0}.section-index{font-size:10px;color:#93a5a0;letter-spacing:.1em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:24px}.step-number{font-size:11px;color:var(--accent);font-weight:700}.steps h3{font-size:15px;margin:12px 0 7px;font-weight:600}.steps p{font-size:12px;color:var(--muted);margin:0;max-width:260px}.example{background:#eaf2ed;border-radius:18px;padding:29px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.example-text{padding:10px 14px}.example-text h2{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.example-text p{font-size:13px;color:var(--muted);max-width:320px}.mini-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.example-paper{background:white;border-radius:12px;padding:25px 29px;box-shadow:0 8px 20px #2443390a;transform:rotate(-2deg)}.paper-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px}.example-paper h3{font-size:20px;font-weight:550;font-family:Georgia,serif;margin:16px 0}.example-paper p{font-size:12px;color:#53625d}.paper-translation{border-left:2px solid #64a393;margin-top:20px;padding-left:14px}.paper-translation b{font-size:13px}.paper-translation p{margin:5px 0}.faq{max-width:750px;margin:auto}.faq .section-heading{justify-content:center;text-align:center}.faq details{border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}.faq summary{list-style:none;cursor:pointer;font-weight:550;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:19px;color:var(--accent);line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:12px;max-width:650px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article{border:1px solid var(--line);border-radius:13px;padding:22px;background:white;transition:transform .2s}.article:hover{transform:translateY(-3px);border-color:#a7c9bc}.article small{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.article h3{font-size:16px;line-height:1.45;letter-spacing:-.3px;margin:13px 0}.article span{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;margin-top:65px;padding:25px 0 32px;border-top:1px solid var(--line);gap:20px;font-size:11px;color:var(--muted)}.result{padding:23px;display:none}.result.visible{display:block}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.result-head h2{font-size:19px;margin:0}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-pane{background:#f6f9f7;border:1px solid var(--line);border-radius:12px;padding:20px}.result-pane.translated{background:#edf7f2;border-color:#cce2d8}.result-pane h3{font-size:11px;font-weight:600;color:var(--muted);margin:0 0 18px}.result-pane p{font-size:15px;line-height:1.8;margin:0}.result-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.local-preview{max-height:145px;max-width:100%;object-fit:contain;border-radius:8px;margin-bottom:12px}.notice{font-size:11px;color:var(--muted);margin:15px 0 0}.hidden{display:none!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:10px;padding:12px 20px;font-size:13px;z-index:10;box-shadow:0 5px 20px #0002}.home-nav-mobile{display:none}
@media(min-width:1000px){.language:nth-of-type(2){padding-left:10px}}
@media(max-width:760px){.container{padding:0 18px}.home-nav{height:68px}.home-nav-links{gap:14px}.home-nav-links a{display:none}.brand{font-size:20px}.intro{padding:32px 0 23px}h1{letter-spacing:-1.3px}.intro p{font-size:13px;max-width:300px;margin:auto}.toolbar{padding:13px 14px;gap:8px}.language{display:block;min-width:0}.language label{display:block;font-size:10px;margin:0 0 4px}.language select{width:100%;min-width:0;padding:8px;font-size:12px}.toolbar-note{display:none}.swap{flex-shrink:0;margin:17px 0 0;width:30px;height:30px}.upload{margin:14px;min-height:240px;padding:22px 12px}.upload h2{font-size:17px}.workspace-bottom{padding:0 15px 16px;flex-direction:column;gap:6px}.trust{gap:13px;font-size:10px;flex-wrap:wrap}.section{padding-top:46px}.section-heading h2{font-size:24px}.steps{gap:18px}.steps p{font-size:11px}.example{padding:20px;gap:20px}.example-text{padding:0}.example-text h2{font-size:24px}.example-paper{padding:18px;transform:none}.articles{grid-template-columns:1fr}.article{padding:19px}.article h3{margin:9px 0}.result-columns{grid-template-columns:1fr}.result{padding:16px}.result-head h2{font-size:16px}.result-head .preview-label{font-size:9px}.result-actions{justify-content:stretch}.result-actions button{flex:1}footer{align-items:flex-start;flex-direction:column;margin-top:45px;gap:8px}.section-index{display:none}}
@media(max-width:480px){.steps{grid-template-columns:1fr;gap:19px}.step{display:grid;grid-template-columns:28px 1fr;column-gap:9px}.step-number{padding-top:3px}.steps h3{margin:0 0 4px}.steps p{grid-column:2;max-width:none;font-size:12px}.example{grid-template-columns:1fr}.example-text p{max-width:none}.example-paper{margin:2px 5px 7px}.preview-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Live translator: shared behavior and IDs, home-only presentation. */
.home .app-controls{flex-direction:row}.home .app-controls__group{width:auto}
body.home{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.home .container{width:100%;max-width:1120px}.home .home-nav{position:static;background:transparent}
.home main{display:block}.home .intro{padding-top:43px}.home .section{background:transparent}
.home .app-card{max-width:924px;margin:auto;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 12px 44px #193c3510;overflow:hidden;scroll-margin-top:20px}
.home .app-controls{display:flex;gap:12px;margin:0;padding:17px 24px;border-bottom:1px solid var(--line);align-items:center}
.home .app-controls__group{flex:1;min-width:0;display:flex;align-items:center;gap:15px}
.home .app-controls__group label{font-size:12px;color:var(--muted);font-weight:400;white-space:nowrap;margin:0}
.home .app-controls__select-wrap{flex:1;min-width:0}.home .app-controls select{background:var(--bg);color:var(--ink);border:0;border-radius:8px;padding:10px 30px 10px 12px;font-size:14px}
.home .app-controls__swap{margin:0;width:34px;height:34px;flex-shrink:0;background:var(--paper);border:1px solid var(--line);border-radius:50%;color:var(--accent)}
.home .upload-area{margin:22px;padding:24px;background:var(--paper);border:1.5px dashed #bcd6ce;border-radius:14px;min-height:250px;display:flex;justify-content:center;align-items:center;cursor:pointer}
.home .upload-area.drag-over{background:var(--soft);border-color:var(--accent)}.home .upload-area__empty{text-align:center}
.home .upload-icon{margin:0 auto 13px}.home .upload-area h2{font-size:19px;letter-spacing:-.5px;margin:0 0 4px}
.home .upload-area__empty p{font-size:12px;color:var(--muted);margin:0 0 17px}.home .upload-area__empty .upload-area__hint{margin:12px 0 0;font-size:10px}
.home .upload-area.has-image{padding:14px;min-height:0}.home .upload-area__preview{width:100%}
.home #imagePreview{max-height:240px;object-fit:contain;max-width:100%;display:block;margin:auto}
.home .upload-area__actions{top:8px;right:8px;gap:8px}.home .upload-area__actions .btn-icon{width:auto;padding:7px 12px;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;font-size:12px}
.home .upload-area__crop-hint{font-size:11px;color:var(--muted);margin-bottom:0}
.home .run-row{padding:0 24px 21px;display:flex;justify-content:space-between;gap:18px;align-items:center}.home .run-row p{color:var(--muted);font-size:11px;max-width:440px;margin:0}
.home .run-row p a{text-decoration:underline}.home .btn--primary{background:var(--accent);border-color:var(--accent);box-shadow:none}.home .btn:disabled{opacity:.45;cursor:not-allowed}
.home #translateBtn{font-size:13px;padding:11px 23px;border-radius:10px;min-width:150px}.home .app-progress{margin:0;padding:18px 24px;border-top:1px solid var(--line)}
.home .app-results{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:24px;border-top:1px solid var(--line)}
.home .app-result{min-width:0;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.home .app-result--translated{background:var(--soft);border-color:#cce2d8}.home .app-result__header{flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:0;border:0}
.home .app-result__label{color:var(--muted);font-size:11px;letter-spacing:.04em}.home .app-result__lang{font-size:10px}
.home .app-result__actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.home .app-result__actions button{width:auto;height:auto;font-size:11px;padding:5px 8px;color:var(--accent);gap:5px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.home .app-result__text{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;padding:0;margin:0;max-height:480px;overflow:auto;color:var(--ink)}
.home .app-result__text--editable{min-height:130px;padding:5px}.home .app-result__badge{font-size:10px;margin-top:16px}
.home .app-results__crop-tip{grid-column:1/-1}.home .app-error{margin:0 24px 24px;border-radius:10px}
.home .home-languages{border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:32px}.home .home-languages summary{cursor:pointer;font-size:14px;font-weight:600}
.home .langs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.home .lang-card{padding:10px;background:var(--paper);border-color:var(--line);font-size:11px}
.home .theme-btn{color:var(--ink);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;padding:6px;background:var(--paper)}
.home .cookie-bar{font-size:11px}.home .cookie-bar__inner{padding:12px 20px;max-width:1120px}.home footer{margin-bottom:60px}
.home .cookie-bar{background:var(--paper);color:var(--muted);border-top:1px solid var(--line);box-shadow:0 -4px 20px #193c3508}.home .cookie-bar__text{color:var(--muted)}.home .cookie-bar__btn{background:var(--accent);color:var(--paper)}
.home .example-demo{margin-top:15px}.home .example-paper{color:#173438}.home .example-paper p{color:#53625d}
[data-theme="dark"] .home{--ink:#e2efea;--muted:#a2b8b0;--accent:#4dbaa8;--soft:#203d35;--line:#365049;--paper:#1a2e28;--bg:#12241f}
[data-theme="dark"] .home .primary,[data-theme="dark"] .home .btn--primary{color:#102820}
[data-theme="dark"] .home .example{background:#20372e}[data-theme="dark"] .home .example-paper{background:#f6f9f5}
[data-theme="dark"] .home .article{background:var(--paper)}[data-theme="dark"] .home .brand-mark{color:#102820}
@media(max-width:760px){.home .intro{padding-top:30px}.home .app-controls{padding:13px 14px;gap:8px}.home .app-controls__group{display:block}.home .app-controls__group label{font-size:10px;margin-bottom:4px}.home .app-controls select{font-size:12px;padding:9px 24px 9px 9px}.home .app-controls__swap{margin-top:17px}.home .upload-area{margin:14px;padding:20px 12px;min-height:225px}.home .upload-area h2{font-size:17px}.home .run-row{padding:0 15px 17px;flex-direction:column-reverse;align-items:stretch;gap:10px}.home .run-row p{font-size:10px;text-align:center;max-width:none}.home .app-results{grid-template-columns:1fr;padding:14px;gap:14px}.home .app-result{padding:16px}.home .langs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home .home-nav-links a{display:none}.home .home-nav-links a:last-of-type{display:inline}.home .home-nav-links{gap:14px}.home .upload-area__actions{position:static;justify-content:center;margin-top:10px}.home .app-error{margin:0 14px 14px}}