:root{--primary-color: #444df5;--primary-hover: #646cff;--bg-light: #f5f5f5;--bg-input: #ffffff;--text-color: #333333;--border-radius: 8px;--spacing-unit: 1rem}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text-color);background-color:var(--bg-light);line-height:1.5}.container{display:flex;min-height:100vh;padding:var(--spacing-unit);gap:2rem;max-width:1600px;margin:0 auto;box-sizing:border-box}#received-text-container{flex:6;overflow-y:auto;padding:1.5rem;background-color:var(--bg-input);border:1px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;height:calc(100vh - 2rem)}.controls{flex:2;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background-color:var(--bg-input);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;height:fit-content}.input-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-group label{font-weight:500;color:var(--text-color);margin-bottom:.25rem}.input-group input,.input-group textarea,.input-group select{border-radius:var(--border-radius);border:1px solid #ddd;padding:.8em 1em;font-size:.95em;background-color:var(--bg-input);transition:all .2s ease;width:100%;box-sizing:border-box}.input-group input:hover,.input-group textarea:hover,.input-group select:hover{border-color:var(--primary-hover)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #444df51a}.button-group{display:flex;gap:1rem;margin:.5rem 0}.toggle-group{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.toggle-group label{font-weight:500}button{border-radius:var(--border-radius);border:none;padding:.8em 1.5em;font-size:.95em;font-weight:600;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .2s ease;flex:1}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus{outline:none;box-shadow:0 0 0 2px #444df533}button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none}@media (max-width: 768px){.container{flex-direction:column}#received-text-container{height:50vh}.controls{width:100%}}