@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";body{font-family:Roboto,Segoe UI,sans-serif;background-color:#f4b471;margin:0;padding:0}.container{max-width:760px;margin:0 auto;padding:30px;background:#fef0dc;border-radius:12px;box-shadow:0 8px 20px #0000000d}.header{display:flex;justify-content:space-between;align-items:flex-end;max-width:760px;margin:0 auto;padding:0 30px}.titleBlock{display:flex;flex-direction:column;align-items:flex-start}.titleBlock h1{font-family:Roboto,sans-serif;font-size:2.2em;font-weight:700;margin:0;display:flex;align-items:center;color:#2f2f2f}.titleBlock .pdr{height:1em;margin-left:6px}.subtitle{font-family:Roboto,sans-serif;font-size:.95em;font-weight:400;margin-top:4px;color:gray}.perroquet{height:120px}label{font-weight:700;display:block;margin-bottom:6px}textarea,select{width:100%;padding:10px;font-size:1em;margin-bottom:1rem;border:1px solid #ddd;border-radius:6px}button{width:100%;background-color:#3f83f8;color:#fff;border:none;border-radius:6px;padding:12px;font-size:1em;cursor:pointer;transition:background .3s}button:hover{background-color:#316bd8}.result{margin-top:20px;background:#f9f9f9;padding:15px;border-radius:6px;min-height:80px;white-space:pre-line}button.translate{background-color:#028174;color:#fff}button.translate:hover{background-color:#02695f}button.clear{background-color:#f44336;color:#fff}button.clear:hover{background-color:#d7352a}