@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap";body{margin:0;font-family:Fira Code,monospace;background:linear-gradient(135deg,#0f172a,#d1cece);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.window-controls{display:flex;gap:10px;padding-bottom:10px;align-items:center}.red{width:12px;height:12px;border-radius:50%;background-color:#ff5f56}.yellow{width:12px;height:12px;border-radius:50%;background-color:#ffbd2e}.green{width:12px;height:12px;border-radius:50%;background-color:#27c93f}.carbon-card{width:fit-content;border-radius:12px;box-shadow:0 20px 68px #0000008c;padding:16px;min-width:300px;transition:all .3s ease}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#fff;gap:30px;padding:20px}.app-container h1{margin:0;color:#333;font-size:3rem}.app-container p{max-width:900px;text-align:center;color:#555;font-size:1.2rem;line-height:1.5;padding-bottom:20px;margin:0;font-size:1.1rem;font-family:Fira Code,monospace;font-weight:500;font-style:normal}.controls{display:flex;gap:15px;background:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;align-items:center}.cm-editor,.cm-content,.cm-line{font-family:Fira Code,monospace!important;font-size:14px}.cm-scroller::-webkit-scrollbar{display:none}.cm-scroller{-ms-overflow-style:none;scrollbar-width:none}CodeMirror{font-size:"16px";font-family:'"Fira Code", monospace'}@media(max-width:768px){*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}.app-container{padding:10px!important;width:100%;align-items:center;overflow:hidden}.app-container h1{font-size:1.8rem;text-align:center;margin:10px 0}.controls{flex-direction:column;width:100%;max-width:100%;padding:15px;margin-bottom:20px}.control-group{width:100%;align-items:flex-start}.control-group select,.control-group input{width:100%;height:40px}.card-wrapper{width:100%!important;margin:0!important;padding:0!important;display:flex;justify-content:center}.carbon-card{width:100%!important;min-width:0!important;margin:0!important}.carbon-card>div:last-child{min-width:0!important;width:auto!important;max-width:100%!important;resize:horizontal!important}.cm-editor{font-size:11px!important}}