:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;width:100%;height:100vh;box-sizing:border-box;overflow:hidden}@media(max-width:768px){body{height:auto;overflow:auto}}h1{font-size:3.2em;line-height:1.1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.app-container{display:flex;width:100%;height:100vh;padding:1rem;box-sizing:border-box;gap:1rem;background-color:#242424}@media(max-width:768px){.app-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto;padding:.5rem}}.input-section{flex:1;display:flex;flex-direction:column;height:100%;min-width:0}@media(max-width:768px){.input-section{flex:none;height:50vh}}.input-section h2{margin-top:0;margin-bottom:.5rem;color:#fff;font-size:1.2rem}#input{flex:1;min-height:0;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column}.cm-editor{height:100%}.output-section{flex:1;border:1px solid #444;border-radius:4px;padding:1rem;overflow:auto;background:#fff;display:flex;align-items:center;justify-content:center;min-width:0;height:100%;box-sizing:border-box;position:relative}@media(max-width:768px){.output-section{flex:none;height:50vh}}.download-button{position:absolute;top:1rem;right:1rem;z-index:10;padding:.5rem 1rem;background-color:#646cff;color:#fff;border:none;border-radius:4px;cursor:pointer}.download-button:hover{background-color:#535bf2}.output-section svg{max-width:100%;max-height:100%}.alert i{font-size:1.3rem}.hide-box{opacity:0;visibility:hidden;transition:opacity .5s,visibility 1s}.alert-box{display:flex;align-items:center;padding:1rem;margin-bottom:1rem;box-shadow:0 0 5px #999;border:1px solid transparent;border-radius:.25rem;color:#333;gap:.5rem;line-height:1.5}.alert-box i{font-size:1.3rem}.alert-box p{cursor:pointer;color:#d4d4d4;margin-left:auto}.alert-box-error{border-left:5px solid #e74c3c}.fa-times-circle{color:#e74c3c}