body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;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{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.App-header{background-color:#282c34;border-bottom:4px solid #61dafb;color:#fff;padding:30px 20px}.App-header h1{font-size:2.5rem;margin:0}.App-header p{color:#ccc;font-size:1.2rem;margin-top:8px}.App-footer{background-color:#282c34;color:#aaa;margin-top:40px;padding:20px}.container{margin:30px auto;max-width:1200px;padding:0 20px}.io-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}@media (min-width:800px){.io-grid{grid-template-columns:1fr 1fr}}.card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:25px;text-align:left}.card h2{border-bottom:2px solid #f0f0f0;color:#282c34;margin-bottom:15px;margin-top:0;padding-bottom:10px}.card p{color:#555;line-height:1.6}.textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-family:Consolas,Menlo,monospace;font-size:1rem;margin-bottom:15px;padding:12px;resize:vertical;width:100%}.textarea:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb4d;outline:none}.btn{background-color:#61dafb;border:none;border-radius:6px;color:#282c34;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:auto;padding:12px 20px;transition:background-color .2s ease,transform .2s ease}.btn:hover:not(:disabled){background-color:#38b2ac;transform:translateY(-2px)}.btn:disabled{background-color:#ccc;cursor:not-allowed}.results-card{margin-top:30px}.result-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.full-width{grid-column:1/-1}.error-card{background-color:#fff5f5;border-left:5px solid #e53e3e;margin-top:30px}.error-card p{color:#c53030;font-weight:700;margin:0}.code-block{word-wrap:break-word;background-color:#f7f7f7;border:1px solid #eee;border-radius:6px;color:#333;font-family:Consolas,Menlo,monospace;padding:15px;white-space:pre-wrap}.scrollable{max-height:200px;overflow-y:auto}
/*# sourceMappingURL=main.f2f7c6ff.css.map*/