*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:#0a0e14}html,body,#root{color:#e8ecf2;background:#0a0e14;height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.45;overflow:hidden}canvas{display:block}button{appearance:none;color:#e8ecf2;cursor:pointer;background:#788cb42e;border:1px solid #ffffff1f;border-radius:6px;padding:6px 12px;font-size:12px;transition:background .15s}button:hover{background:#8caadc47}button.active{color:#1a1408;background:#e8b46a;border-color:#e8b46a}button.primary{color:#fff;background:#4a8de8;border-color:#4a8de8}button.primary:hover{background:#5a9bf2}button.danger{color:#ff8b8b;background:#e04e4e2e;border-color:#e04e4e66}button.danger:hover{background:#e04e4e52}input,select,textarea{color:#e8ecf2;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#4a8de8;outline:none}label{color:#9aa7bc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.panel{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e141ee0;border:1px solid #ffffff14;border-radius:10px;padding:14px 16px;position:fixed;box-shadow:0 10px 32px #0006}.panel h3{text-transform:uppercase;letter-spacing:1px;color:#9aa7bc;margin:0 0 10px;font-size:13px}.panel .row{gap:8px;margin-bottom:8px;display:flex}.panel .row>*{flex:1}.panel .row.tight{gap:6px}.connection-panel{width:300px;top:16px;left:16px}.control-panel{width:280px;top:16px;right:16px}.stats-panel{width:280px;bottom:16px;left:16px}.executor-list{max-height:200px;margin-top:8px;overflow-y:auto}.executor-list .executor-row{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;font-size:11px;display:flex}.executor-list .executor-row .name{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.executor-list .executor-row .type{color:#9aa7bc;font-size:10px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.connected{background:#87c66d;box-shadow:0 0 6px #87c66d}.dot.disconnected{background:#6a6a6a}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:#ffffff08;border-radius:6px;padding:8px 10px}.stat .label{color:#9aa7bc;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.stat .value{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:600}.stat.waiting .value{color:#ffd66b}.stat.running .value{color:#ffb347}.stat.success .value{color:#87c66d}.stat.failed .value{color:#e04e4e}.error-banner{color:#ff8b8b;background:#e04e4e26;border:1px solid #e04e4e66;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:11px}.welcome{color:#9aa7bc;pointer-events:none;place-items:center;font-size:14px;display:grid;position:fixed;inset:0}.small{font-size:11px}.dim{color:#7a869d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}