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{align-items:center;background-color:#1e1e1e;color:#e0e0e0;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}textarea::placeholder{color:#888;font-style:italic;opacity:1}textarea{background-color:#272822;border:2px solid #444;border-radius:10px;color:#e0e0e0;font-family:Courier New,Courier,monospace;height:200px;line-height:1.6;margin-bottom:10px;margin-top:20px;max-width:600px;overflow-y:auto;padding:15px;resize:none;width:90%}.output-container::-webkit-scrollbar,textarea::-webkit-scrollbar{display:none}button{background-color:#7b9a62;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:10px;padding:10px 20px;transition:transform .1s}button:hover{transform:scale(1.05)}.output-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;max-width:1200px;width:calc(100% - 40px)}@media (max-width:700px){.output-grid{grid-template-columns:1fr}}.output-container{background-color:#272822;border-radius:10px;box-shadow:0 2px 10px #0006;color:#e0e0e0;max-height:250px;overflow-y:auto;padding:20px;position:relative;scrollbar-width:none}.copy-button{background-color:#5a5a5a;border:none;border-radius:5px;color:#fff;font-size:12px;padding:5px 10px;position:absolute;right:10px;top:10px;transition:background-color .5s;z-index:10}.copy-button.copied,.copy-button:hover{background-color:#7b9a62}.copied{color:#fff}.output-non-valid{border:2px solid red}.output-valid{border:2px solid green}.button-container{display:flex;justify-content:start}.scrollable-content{max-height:210px;overflow-y:auto;position:relative;scrollbar-width:none}.scrollable-content::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.f48c014f.css.map*/