body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;min-height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{color:#fff;padding:20px;text-align:center}.App-header h1{font-size:2rem;margin:0}.App-main{display:flex;gap:20px;margin:0 auto;min-height:calc(100vh - 300px);overflow:hidden;padding:20px}.editor-container{background-color:#2c313c;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;margin-bottom:0;min-width:0;overflow:hidden;padding:10px}.editor-container:first-child,.editor-container:last-child{flex:1 1}.editor-container h2{color:#fff;margin-bottom:10px;text-align:left}.format-button-container{flex:0 0 60px;margin-top:32px;padding:10px}.format-button,.format-button-container{align-items:center;display:flex;justify-content:center}.format-button{background-color:#61dafb;border:none;border-radius:50%;color:#282c34;cursor:pointer;height:40px;padding:8px;transition:all .3s ease;width:40px}.format-button:hover{background-color:#4fa8d3;transform:scale(1.1)}.format-button svg{height:24px;width:24px}.cm-editor{background-color:#1e2127!important;border:1px solid #3f4555;border-radius:4px;height:calc(100vh - 400px)!important;overflow:auto!important}.cm-editor:hover{border-color:#4fa8d3}.cm-editor .cm-scroller{background-color:#1e2127!important}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cm-editor .cm-content{text-align:left!important}.App-footer{background-color:#1e2127;margin-top:20px;padding:20px}.footer-links{display:flex;margin:0 auto;max-width:1200px;text-align:center}.footer-links h3{color:#fff;margin:0}.footer-links a{color:#61dafb;margin:0 10px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#4fa8d3;text-decoration:underline}.supported-formats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}.format-badge{background-color:#61dafb;border-radius:12px;color:#282c34;cursor:help;font-size:.9rem;padding:4px 12px}.format-badge:hover{background-color:#4fa8d3}.cm-editor .cm-line{white-space:pre!important;word-break:normal!important}.cm-editor::-webkit-scrollbar{height:8px;width:8px}.cm-editor::-webkit-scrollbar-track{background:#1e2127}.cm-editor::-webkit-scrollbar-thumb{background:#4a4f5c;border-radius:4px}.cm-editor::-webkit-scrollbar-thumb:hover{background:#5a6070}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.result-header h2{margin:0}.copy-button{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-size:.9rem;transition:all .3s ease}.copy-button:hover{background-color:#4fa8d3;transform:scale(1.05)}.mobile-buttons{display:none}@media (max-width:768px){.App-main{flex-direction:column;gap:10px}.editor-container{max-width:none;width:100%}.format-button-container{flex:0 0 40px}.App-main{padding:10px}.editor-container{margin:10px 0;width:98%}.format-button-container{display:none;margin:10px 0}.mobile-buttons{display:flex;gap:10px;margin-top:10px}.mobile-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:16px;padding:10px}.clear-button{background-color:#666;color:#fff}.format-button{background-color:#4caf50;color:#fff}}.format-badge{background-color:#977e7e;border-radius:4px;cursor:pointer;margin:4px;padding:4px 8px;position:relative;transition:background-color .2s;-webkit-user-select:none;user-select:none}.format-badge:active{background-color:#555}.format-tooltip{background-color:#333;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #0003;color:#fff;font-size:14px;margin-bottom:8px;padding:8px;white-space:nowrap;z-index:1000}.format-tooltip,.format-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.format-tooltip:after{border:6px solid #0000;border-top-color:#333;content:"";top:100%}.copy-button{font-size:14px;padding:6px 12px}.cm-editor,.editor-container{max-width:100%;overflow-x:auto}.cm-editor{font-size:14px}@media (prefers-color-scheme:dark){.format-tooltip{background-color:#444}.format-tooltip:after{border-color:#444 #0000 #0000}}
/*# sourceMappingURL=main.bf0337cf.css.map*/