*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;color:#d4d4d4}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{background-color:#0a131a;color:#fff;padding:1rem 2rem;box-shadow:0 4px 6px #0000001a}.header-content{display:flex;align-items:center;justify-content:center;gap:1rem}.header-logo{width:60px;height:60px;object-fit:contain}.header-text{text-align:left}.header h1{font-size:1.5rem;margin-bottom:.25rem;font-weight:700}.header p{font-size:.9rem;opacity:.95}.status-bar{background-color:#252526;padding:.75rem 2rem;border-bottom:1px solid #3e3e42;min-height:50px;display:flex;align-items:center;justify-content:center}.status-message{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;font-family:monospace;max-width:90%}.status-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.status-text{flex:1;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;line-height:1.4}.status-error{background-color:#3f1f1f;border:1px solid #f87171;color:#fca5a5}.status-warning{background-color:#3f2f1f;border:1px solid #fb923c;color:#fdba74}.status-success{background-color:#1f3f2f;border:1px solid #4ade80;color:#86efac}.status-ready{background-color:#1a2942;border:1px solid #3c8dd5;color:#93c5fd}.examples-bar{display:none}.examples-bar label{font-weight:600;color:#ccc}.examples-bar select{padding:.5rem 1rem;background-color:#3c3c3c;color:#ccc;border:1px solid #555;border-radius:4px;font-size:.95rem;cursor:pointer;min-width:250px}.examples-bar select:hover{border-color:#667eea}.editor-container{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;min-height:0;height:100%}.editor-panel{display:flex;flex-direction:column;background-color:#1e1e1e;border-right:1px solid #3e3e42;min-height:0;overflow:hidden}.editor-panel:last-child{border-right:none}.editor-wrapper{flex:1;min-height:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#252526;border-bottom:1px solid #3e3e42}.panel-header h3{font-size:1.1rem;font-weight:600;color:#ccc}.button-group{display:flex;gap:.75rem}button{padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-validate{background-color:#3c8dd5;color:#fff}.btn-validate:hover:not(:disabled){background-color:#2d7bc4;transform:translateY(-1px);box-shadow:0 4px 8px #3c8dd54d}.btn-run{background-color:#4ade80;color:#1e1e1e}.btn-run:hover:not(:disabled){background-color:#22c55e;transform:translateY(-1px);box-shadow:0 4px 8px #4ade804d}.error-box{margin:1rem 1.5rem;padding:1rem;background-color:#3f1f1f;border:1px solid #f87171;border-radius:6px;color:#fca5a5}.error-box h4{margin-bottom:.5rem;color:#f87171;font-size:1rem}.error-box pre{white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.success-box{margin:1rem 1.5rem;padding:1rem;background-color:#1f3f2f;border:1px solid #4ade80;border-radius:6px;color:#86efac}.success-box h4{margin-bottom:.5rem;color:#4ade80;font-size:1rem}.success-box p{margin:0;font-size:.9rem}.validation-errors{background-color:#3f2f1f;border-color:#fb923c}.validation-errors h4{color:#fb923c}.validation-errors ul{list-style:none;padding:0}.validation-errors li{padding:.25rem 0;color:#fdba74;font-size:.9rem}.footer{background-color:#252526;padding:1rem;text-align:center;border-top:1px solid #3e3e42;color:#888;flex-shrink:0}.footer a{color:#667eea;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.error-line{background-color:#ff000026!important;border-left:3px solid #ff0000!important}.error-glyph{background-color:red!important;width:5px!important;margin-left:3px!important}@media(max-width:1200px){.editor-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}.editor-panel{border-right:none;border-bottom:1px solid #3e3e42}.editor-panel:last-child{border-bottom:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}