styles.css

*{box-sizing:border-box}body{margin:0;background:#050505;color:#33ff66;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button,textarea{font:inherit}.terminal-shell{max-width:1500px;margin:0 auto;padding:24px}.terminal-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{color:#ff9900;font-size:12px;margin:0 0 8px}.subtitle{color:#9ad8a7}.cursor{animation:blink 1s steps(1) infinite}.status-pill{border:1px solid #33ff66;padding:8px 12px}.notice,.panel{border:1px solid #143d1e;background:#081108}.notice{padding:12px;margin:18px 0}.lab-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:16px}.panel{padding:16px}.panel-title{color:#ff9900;font-size:12px;margin-bottom:10px}.script-input{width:100%;min-height:220px;background:#000;color:#33ff66;border:1px solid #1f5a2d;padding:12px}.controls,.samples{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn,.samples button,.opcode-card{background:#0c180c;color:#33ff66;border:1px solid #1f5a2d;padding:10px 12px;cursor:pointer}.btn.primary{border-color:#ff9900;color:#ff9900}.btn.ghost{color:#9ad8a7}.trace-container,.stack-container{min-height:340px;max-height:340px;overflow:auto;border:1px solid #143d1e;padding:10px;background:#000}.trace-row,.stack-item{padding:8px;border-bottom:1px solid #0f2c16}.trace-row.active{background:#102710}.trace-row.error{color:#ff6666}.opcodes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.opcode-card{text-align:left}.status-line{margin-top:12px;color:#9ad8a7}.sr-only{position:absolute;left:-9999px}@keyframes blink{50%{opacity:0}}@media(max-width:1100px){.lab-grid{grid-template-columns:1fr}}