/* Dedicated browser tool; the phone/screen lens on the home page remains a demo. */
.translator-topbar{position:relative}.translator{max-width:1200px;margin:auto;padding:68px 28px 50px}
.translator-intro{max-width:690px;margin-bottom:28px}.translator-intro h1{font-size:clamp(39px,6vw,72px);line-height:1.06;margin:10px 0 18px}.translator-intro p:not(.eyebrow){font-size:16px;color:#b4c2c2;line-height:1.65}
.availability{border:1px solid rgba(255,196,107,.3);background:rgba(255,196,107,.07);border-radius:12px;padding:13px 18px;margin-bottom:20px;color:#f8d69f}
.availability.ready{background:rgba(124,245,213,.07);border-color:rgba(124,245,213,.3);color:#c3f5e6}
.translator-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-card{min-width:0;padding:28px;border-radius:22px;border:1px solid var(--line-strong);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:0 20px 55px rgba(0,0,0,.13)}
.work-head{margin-bottom:24px}.work-index{font:11px var(--mono);letter-spacing:.15em;color:var(--mint)}.work-head h2{font-size:23px;margin:9px 0 0}
.work-card label{display:block;color:#eef3f2;font-size:13px;font-weight:600;margin:19px 0 8px}.work-card label small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}
.file-row{display:flex;align-items:center;gap:10px}.file-row input{min-width:0;width:100%;color:#bec8c8;font-size:12px}.file-row input::file-selector-button{background:#1a2425;border:1px solid #455654;border-radius:9px;padding:10px;color:#e7f3ef;margin-right:10px;cursor:pointer}
.work-card textarea,.work-card select{width:100%;background:#0c1315;color:#edf5f3;border:1px solid #30403f;border-radius:12px;font:14px/1.6 var(--sans);outline:none}.work-card textarea{resize:vertical;min-height:235px;padding:15px}.work-card textarea:focus,.work-card select:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(124,245,213,.11)}.work-card textarea[readonly]{color:#cae8e2}
.subtle,.count{font-size:11px;color:var(--muted);line-height:1.6}.subtle{margin:9px 0 0}.count{display:flex;justify-content:space-between;gap:12px}.language-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.language-row label{margin:0}.work-card select{margin-top:8px;padding:11px 8px;min-height:44px}
.work-card button{cursor:pointer;white-space:nowrap;border-radius:10px;padding:11px 17px;font-weight:650;font-family:var(--sans)}.work-card button:disabled{opacity:.45;cursor:not-allowed}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--mint);color:#07140f;border:0;margin-top:24px;font-size:14px}.secondary{background:transparent;color:#dcf5ec;border:1px solid #455654;font-size:12px}.work-card button:hover:not(:disabled){filter:brightness(1.12)}
#message{min-height:26px;margin:10px 0;color:#b7e8d7;font-size:12px}#message.error{color:#ffb9ab}
.privacy-note{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);margin-top:22px;padding:20px 24px}.privacy-note strong{color:var(--mint)}.privacy-note p{color:#aababb;margin:9px 0 0;font-size:12px;line-height:1.7}.translator-footer{max-width:1200px;padding:0 28px 40px;margin:auto;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
@media(max-width:820px){.translator{padding:36px 18px}.translator-grid{grid-template-columns:1fr}.work-card{padding:22px}.translator-footer{padding:0 18px 30px;flex-direction:column}.translator-topbar .topnav{display:none}}
@media(max-width:390px){.file-row{align-items:stretch;flex-direction:column}.language-row{grid-template-columns:1fr}}