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{min-height:100vh;text-align:left}.code-online{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.header{color:#fff;margin-bottom:30px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.header p{font-size:1.1rem;opacity:.9}.main-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.left-panel,.right-panel{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;overflow:hidden}.language-selector{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-bottom:1px solid #e1e8ed;padding:20px}.language-selector label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.language-selector select{background:#fff;border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.language-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-editor{padding:20px}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.editor-header span{color:#2c3e50;font-size:1.1rem;font-weight:600}.clear-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.clear-btn:hover:not(:disabled){background:#c0392b}.clear-btn:disabled{background:#bdc3c7;cursor:not-allowed}.editor-body{align-items:stretch;display:grid;grid-template-columns:auto 1fr}.line-numbers{background:#f8f9fa;border:2px solid #ddd;border-radius:8px 0 0 8px;border-right:none;color:#7f8c8d;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:400px;overflow:hidden;padding:15px 10px;text-align:right;-webkit-user-select:none;user-select:none}.line-numbers-content{will-change:transform}.line-number{height:1.5em}.code-textarea{border:2px solid #ddd;border-left:none;border-radius:0 8px 8px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:400px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.code-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-textarea:disabled{background:#f8f9fa;cursor:not-allowed}.action-buttons{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:15px;padding:20px}.run-btn,.stop-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.run-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.run-btn:hover:not(:disabled){box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.run-btn:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.run-btn.running{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#f57c00)}.stop-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.stop-btn:hover{box-shadow:0 5px 15px #f4433666;transform:translateY(-2px)}.output-container{display:flex;flex-direction:column;height:100%;padding:20px}.output-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.output-header span:first-child{color:#2c3e50;font-size:1.1rem;font-weight:600}.status{background:#667eea;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:6px 12px}.error-output,.success-output{border-radius:8px;flex:1 1;margin-bottom:20px;padding:15px}.error-output{background:#fee;border:1px solid #fcc}.error-output h4{color:#c0392b;margin:0 0 10px}.success-output{background:#efe;border:1px solid #cfc}.success-output h4{color:#27ae60;margin:0 0 10px}.error-output pre,.success-output pre{word-wrap:break-word;background:#ffffffb3;border-radius:6px;color:#2c3e50;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.4;margin:0;max-height:300px;overflow-y:auto;padding:10px;white-space:pre-wrap}.empty-output,.running-output{align-items:center;color:#7f8c8d;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.empty-output p,.running-output p{font-size:16px;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-top:20px;width:40px}.footer{color:#fff;font-style:italic;opacity:.8;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width:1024px){.main-container{gap:20px;grid-template-columns:1fr}.code-textarea,.line-numbers{min-height:300px}}@media (max-width:768px){.code-online{padding:15px}.header h1{font-size:2rem}.action-buttons{flex-direction:column}.code-textarea,.line-numbers{min-height:250px}}@media (max-width:480px){.header h1{font-size:1.8rem}.action-buttons,.code-editor,.language-selector,.output-container{padding:15px}.code-textarea,.line-numbers{font-size:13px;min-height:200px}}
/*# sourceMappingURL=main.efd6592c.css.map*/