:root{--primary-color: #6d5dfc;--secondary-color: #8c7ae6;--background-color: #f0f2f5;--surface-color: #ffffff;--text-color: #333333;--border-color: #e0e0e0;--accent-color: #ff9ff3}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{display:flex;height:100vh;margin:0;padding:2rem;box-sizing:border-box}#received-text-container{flex:6;overflow-y:auto;padding:1.5rem;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;margin-right:2rem;box-shadow:0 10px 20px #0000000d}.controls{flex:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.input-group input,.input-group textarea,.input-group select{border-radius:12px;border:1px solid var(--border-color);padding:.8em 1.2em;font-size:1em;font-weight:400;font-family:inherit;background-color:var(--surface-color);color:var(--text-color);margin-bottom:.5rem;transition:all .3s ease}.input-group input:hover,.input-group textarea:hover,.input-group select:hover{border-color:var(--primary-color)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus,.input-group input:focus-visible,.input-group textarea:focus-visible,.input-group select:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6d5dfc33}.button-group{display:flex;gap:1rem;margin-bottom:1.5rem}.toggle-group{display:flex;align-items:center;margin-bottom:1rem}.toggle-group label{margin-right:1rem}button{border-radius:12px;border:none;padding:.8em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}button:hover{background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px #6d5dfc80}button:disabled,button[disabled]{background:var(--border-color);color:#888;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.container{flex-direction:column;padding:1rem}#received-text-container{margin-right:0;margin-bottom:2rem}.controls{width:100%}}