*{box-sizing:border-box;margin:0 auto;padding:0 auto}body{background-color:#f0f2f5;color:#333;font-family:Roboto,sans-serif;margin:0;padding:0}.App{padding:20px;text-align:center}.title{color:#007bff;font-size:2.5rem;font-weight:700;margin:20px 0}.container{display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.editor,.preview{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 10px #0000001a;flex:1 1;height:400px;overflow-y:auto;padding:15px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.editor:hover,.preview:hover{box-shadow:0 6px 15px #0003;transform:translateY(-3px)}.editor{border:2px solid #e0e0e0;font-family:Courier New,monospace;font-size:1rem;resize:none}.editor:focus{border-color:#007bff;box-shadow:0 0 10px #007bff40;outline:none}.preview{word-wrap:break-word;color:#555;font-size:1rem;overflow-wrap:break-word;text-align:left}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.d8258eec.css.map*/