.translator-page{max-width:880px;padding-top:30px;padding-bottom:60px}.translator-page h1{font-size:clamp(30px,5vw,44px);margin:20px 0 10px}.translator-page p{line-height:1.65}.translator-page label{font-size:16px;display:block}.translator-page select,.translator-page textarea,.translator-page input[type=file]{font:inherit;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #bac4d8;border-radius:10px;padding:12px;background:white;color:#182139}.translator-page textarea{resize:vertical;min-height:130px}.translator-page :focus-visible{outline:3px solid #2451e6;outline-offset:3px}.translator-languages{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end}.translator-languages .btn{min-height:48px}.translator-modes{border:0;padding:0;margin:24px 0 18px;display:flex;gap:22px}.translator-modes legend{font-size:14px;padding-bottom:10px;color:#526079}.translator-modes label{display:flex;align-items:center;gap:6px;min-height:40px}.translator-modes input{accent-color:#2451e6;width:18px;height:18px}.translator-notice{background:#eef3ff;border-left:3px solid #2451e6;padding:12px 16px;margin:20px 0}.translator-notice p{margin:0}.translator-result{background:#f3f6ff;border:1px solid #cfdbff;border-radius:16px;padding:24px;margin-top:28px}.translator-result h2{margin-top:0}.translator-actions{display:flex;gap:10px;flex-wrap:wrap}.translator-page button:disabled{opacity:.55;cursor:not-allowed}.translator-page .small-note{font-size:14px}.translator-result details{margin-top:20px}.translator-result summary{cursor:pointer;padding:12px 0;font-weight:600}.translator-result textarea{margin-bottom:12px}#translate-output{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px;line-height:1.8}#translate-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:16px auto}#translate-preview[hidden],.translator-page [hidden]{display:none!important}@media(max-width:520px){.translator-languages{gap:8px}.translator-languages select{padding:10px 5px;font-size:14px}.translator-languages .btn{padding:10px}.translator-result{padding:18px}.translator-page .translator-actions .btn{flex:1}.translator-page{padding-top:22px}}