@charset "utf-8";body{font-family:sans-serif;line-height:1.6;margin:0;padding:20px;background-color:#f4f4f4;color:#333}.container{max-width:1200px;margin:auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}h1,h2{text-align:center;color:#333;margin-bottom:20px}.converter-area{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ccc}.textarea-container{display:flex;gap:20px;margin-bottom:15px}.textarea-wrapper{flex:1;display:flex;flex-direction:column}label{margin-bottom:5px;font-weight:bold;color:#555}textarea{width:100%;height:250px;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:14px;box-sizing:border-box;resize:vertical}#output-textarea{background-color:#e9e9e9}.controls,.rule-buttons{display:flex;gap:10px;margin-top:10px;justify-content:center}button{padding:10px 15px;background-color:#007bff;color:white;border:0;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:active{background-color:#004085}.customization{margin-top:30px}.customization p{margin-bottom:15px;font-size:.9em;color:#555;line-height:1.5}#rules-textarea{width:100%;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:13px;box-sizing:border-box;margin-bottom:10px}#rule-status{margin-top:10px;font-style:italic;color:green;min-height:1.2em;text-align:center}#rule-status.error{color:red}@media (max-width:768px){.textarea-container{flex-direction:column}.controls,.rule-buttons{flex-direction:column;align-items:stretch}button{width:100%}}