*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0d0f14;color:#d7dce5;font:13px/1.45 system-ui,sans-serif}#app{display:flex;height:100vh;width:100vw}#stage{flex:1;min-width:0;position:relative}#stage canvas{display:block}#panel{width:300px;flex:none;padding:14px;overflow-y:auto;background:#161a22;border-left:1px solid #262b36}#panel h1{font-size:15px;margin:0 0 4px}#panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7a8398;margin:18px 0 8px}.row{display:flex;gap:6px;align-items:center;margin:6px 0;flex-wrap:wrap}button{background:#2b3340;color:#e6ebf2;border:1px solid #3a4150;border-radius:6px;padding:6px 10px;cursor:pointer;font:inherit}button:hover{background:#354150}button.primary{background:#2f6fd0;border-color:#3f7fe0}button.active{background:#4a90d9;border-color:#bcd7f5;color:#fff}input[type=number]{width:60px;background:#0f131a;color:#e6ebf2;border:1px solid #3a4150;border-radius:5px;padding:4px 6px;font:inherit}label{display:flex;align-items:center;gap:6px}.status{font-weight:600;padding:2px 8px;border-radius:5px;display:inline-block}.status.idle{background:#2b3340}.status.running{background:#2f6fd0}.status.success{background:#2f9e57}.status.failed{background:#c0392b}.status.stopped{background:#6b5b2f}.telemetry{font-family:ui-monospace,monospace;font-size:12px}.telemetry div{display:flex;justify-content:space-between}#log{font-family:ui-monospace,monospace;font-size:11px;background:#0f131a;border:1px solid #262b36;border-radius:6px;padding:6px;height:140px;overflow-y:auto;white-space:pre-wrap}.hint{color:#7a8398;font-size:11px}