@charset "UTF-8";.container{width:94%;max-width:100%}.input-section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.text-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:48%;min-width:300px;gap:10px}.text-field label{font-weight:700;color:#555}.text-field textarea{width:100%;height:200px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-size:1em;-webkit-transition:border-color .3s ease;-o-transition:border-color .3s ease;transition:border-color .3s ease}.options-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.diff-output{padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;min-height:100px;white-space:pre-wrap;word-wrap:break-word;font-family:Consolas,monospace;overflow:auto;font-size:14px;line-height:1.25}.diff-output .diff-highlight{background-color:#f2ff00;padding:2px 4px;border-radius:3px}@media (max-width:800px){.input-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-field{width:90%}}@media (max-width:500px){.text-field textarea{height:150px}.diff-output{min-height:80px}}