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}body{background-color:#f5f5f7;color:#000;font-family:Arial,sans-serif;padding:20px;text-align:center}.container{margin:auto;max-width:800px}.tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tabs button{background:#fff;border:2px solid #ccc;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.tabs button.active{background:#007bff;color:#fff}.code-pad{background:#fff;border:2px solid #ccc;border-radius:5px;color:#000;font-family:monospace;margin:auto;max-width:800px;min-height:120px;overflow-y:auto;padding:10px;text-align:left;white-space:pre-wrap;width:100%}.code-line{animation:fadeIn .1s forwards;opacity:0;white-space:pre-wrap}.code-line:empty:before{content:"\00a0"}.slider-container{margin:20px 0;text-align:center}.slider-container label{display:block;font-size:16px;margin-bottom:5px}.slider-container input{cursor:pointer;width:50%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.172f2baf.css.map*/