html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1e1e;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#181818}::-webkit-scrollbar-thumb{background:#00dfff73;border:2px solid #181818;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00dfffb8}.dashboard-view,.emulator-view{grid-gap:18px;color:#f5fbff;display:grid;gap:18px}.ops-hero{background:linear-gradient(135deg,#00dfff1c,hsla(0,0%,100%,.025));border:1px solid #00dfff33;border-radius:20px;gap:24px;justify-content:space-between;padding:22px}.ops-hero,.ops-hero h3{align-items:center;display:flex}.ops-hero h3{color:#69edff;font-size:24px;gap:10px;margin:4px 0 8px}.ops-hero p{color:#a8b9c7;line-height:1.5;margin:0}.ops-eyebrow{color:#69edff!important;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ops-link-state{align-items:center;background:#0003;border:1px solid #ffffff1f;border-radius:999px;color:#a8b9c7;display:inline-flex;font-size:12px;font-weight:800;gap:8px;padding:9px 12px;white-space:nowrap}.ops-link-state>i,.ops-link-state>span{background:#73808a;border-radius:50%;height:8px;width:8px}.ops-link-state.is-connected{border-color:#3ef18f59;color:#8fffc3}.ops-link-state.is-connected>i,.ops-link-state.is-connected>span{background:#3ef18f;box-shadow:0 0 12px #3ef18fb3}.ops-card{background:hsla(0,0%,100%,.035);border:1px solid #ffffff1a;border-radius:18px;padding:18px}.ops-section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.ops-section-heading small,.ops-section-heading strong{display:block}.ops-section-heading strong{color:#fff;font-size:15px}.ops-section-heading small{color:#8094a3;font-size:12px;margin-top:4px}.ops-badge{background:#00dfff1a;border-radius:8px;color:#69edff;font-size:11px;font-weight:800;padding:6px 9px}.emulator-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(280px,.9fr) minmax(330px,1.1fr)}.emulator-variable-grid{grid-gap:8px;display:grid;gap:8px}.emulator-variable{align-items:center;background:#00000029;border:1px solid #ffffff14;border-radius:12px;display:grid;grid-template-columns:1fr auto;overflow:hidden}.emulator-variable.is-active{background:#00dfff12;border-color:#00dfffa6}.emulator-variable button{background:#0000;border:0;color:#fff;cursor:pointer;padding:11px 12px;text-align:left}.emulator-variable button small,.emulator-variable button strong{display:block}.emulator-variable button small{color:#8094a3;font-size:11px;margin-top:3px}.emulator-variable label{align-items:center;color:#a8b9c7;display:flex;font-size:11px;gap:6px;padding:0 12px}.emulator-variable input{accent-color:#00dfff}.emulator-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.emulator-form-grid label{grid-gap:7px;color:#a8b9c7;display:grid;font-size:12px;font-weight:700;gap:7px}.emulator-form-grid input,.emulator-form-grid select{background:#101a22;border:1px solid #ffffff24;border-radius:10px;box-sizing:border-box;color:#fff;outline:none;padding:10px 11px;width:100%}.emulator-form-grid input:focus,.emulator-form-grid select:focus{border-color:#00dfff;box-shadow:0 0 0 3px #00dfff1a}.emulator-form-grid input:disabled{opacity:.45}.ops-note{background:#00dfff0f;border-left:3px solid #00dfff;color:#9fb4c2;font-size:12px;line-height:1.5;margin:14px 0 0;padding:11px 13px}.ops-actions{display:flex;flex-wrap:wrap;gap:9px}.ops-actions button{align-items:center;background:#00dfff14;border:1px solid #00dfff4d;border-radius:10px;color:#dffbff;cursor:pointer;display:inline-flex;font-weight:800;gap:6px;padding:9px 13px}.ops-actions button:hover{background:#00dfff29}.ops-actions button:disabled{cursor:not-allowed;opacity:.45}.ops-actions button.is-primary{background:#00dfff;color:#001217}.ops-actions.compact{justify-content:flex-end}.ops-actions.compact button{font-size:11px;padding:7px 10px}.ops-message{color:#8fffc3;font-size:12px;margin:12px 0 0}.ops-frame-list{grid-gap:7px;display:grid;gap:7px;max-height:330px;overflow:auto}.ops-frame-list code{background:#00000059;border-radius:8px;color:#9feefa;font-size:11px;padding:9px 10px;word-break:break-all}.dashboard-hero h3{margin-top:5px}.dashboard-status-stack{grid-gap:8px;display:grid;gap:8px;justify-items:end}.dashboard-channel-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.dashboard-channel{grid-gap:12px;align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff1a;border-radius:16px;color:#fff;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:16px;text-align:left}.dashboard-channel svg{color:#69edff}.dashboard-channel span small,.dashboard-channel span strong{display:block}.dashboard-channel span small{color:#8094a3;font-size:11px;margin-top:3px}.dashboard-channel b{color:#a8b9c7;font-size:12px}.dashboard-channel.is-active{background:#00dfff1a;border-color:#00dfffb3;box-shadow:inset 0 0 22px #00dfff0a}.dashboard-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(120px,1fr))}.dashboard-metric{background:hsla(0,0%,100%,.035);border:1px solid #ffffff17;border-radius:14px;padding:14px}.dashboard-metric small,.dashboard-metric strong{display:block}.dashboard-metric small{color:#8094a3;font-size:10px;letter-spacing:.06em;min-height:28px;text-transform:uppercase}.dashboard-metric strong{color:#fff;font-size:20px;margin-top:6px}.dashboard-metric.is-tx strong{color:#ffc66d}.dashboard-metric.is-rx strong{color:#69edff}.dashboard-metric.is-error strong{color:#ff7d92}.dashboard-log-card{min-height:310px}.dashboard-log-heading{align-items:flex-start}.dashboard-log{grid-gap:6px;display:grid;gap:6px;max-height:390px;overflow:auto}.dashboard-event{grid-gap:9px;align-items:center;background:#00000038;border-radius:9px;display:grid;font-size:11px;gap:9px;grid-template-columns:90px 55px minmax(135px,.55fr) minmax(220px,1.45fr) 48px;padding:9px 10px}.dashboard-event small,.dashboard-event time{color:#718895}.dashboard-event strong{color:#dce9ef}.dashboard-event code,.dashboard-event strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-event code{color:#9feefa}.dashboard-direction{background:#69edff;border-radius:5px;color:#001217;font-weight:900;padding:3px 5px;text-align:center}.dashboard-event.is-tx .dashboard-direction{background:#ffc66d}.dashboard-event.is-frame .dashboard-direction{background:#6e5da8;color:#e4dcff}.dashboard-event.is-error .dashboard-direction{background:#d6445d;color:#fff}.dashboard-empty{color:#718895;display:grid;min-height:220px;place-items:center}.dashboard-payload-note{margin:0}@media (max-width:1050px){.dashboard-channel-grid,.emulator-layout{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:720px){.dashboard-log-heading,.ops-hero,.ops-section-heading{align-items:flex-start;flex-direction:column}.dashboard-status-stack{justify-items:start}.dashboard-metrics,.emulator-form-grid{grid-template-columns:1fr}.dashboard-event{grid-template-columns:72px 48px 1fr}.dashboard-event code{grid-column:1/-1}.dashboard-event small{display:none}}.frame-inspector{background:#070c12b8;border:1px solid #94a3b83d;border-radius:12px;overflow:hidden}.frame-inspector.is-valid{border-color:#22c55e52}.frame-inspector.is-invalid{border-color:#f8717180}.frame-inspector summary{grid-gap:10px;align-items:center;color:#dce8f3;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(120px,.55fr) minmax(220px,1fr) auto;padding:11px 13px}.frame-inspector summary code{color:#9cecff;font-size:12px;overflow-wrap:anywhere}.frame-crc-state,.frame-direction{border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;padding:3px 7px;text-transform:uppercase}.frame-direction{background:#06b6d424;color:#67e8f9}.frame-direction.is-rx{background:#22c55e24;color:#86efac}.frame-direction.is-tx{background:#3b82f624;color:#93c5fd}.frame-crc-state{background:#22c55e1f;color:#86efac}.frame-inspector.is-invalid .frame-crc-state{background:#ef444421;color:#fca5a5}.frame-byte-table-wrap{overflow-x:auto;padding:0 12px 8px}.frame-byte-table{border-collapse:collapse;color:#cbd5e1;font-size:12px;width:100%}.frame-byte-table td,.frame-byte-table th{border-top:1px solid #94a3b824;padding:7px 9px;text-align:left}.frame-byte-table th{color:#8fa2b4;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.frame-byte-table td code{color:#d6faff}.frame-inspector-error{color:#fca5a5;font-size:12px;margin:0;padding:0 13px 9px}.frame-inspector-note{color:#8292a4;font-size:11px;margin:0;padding:4px 13px 12px}.dashboard-event>.frame-inspector{grid-column:1/-1;width:100%}@media (max-width:760px){.frame-inspector summary{grid-template-columns:auto 1fr auto}.frame-inspector summary code{grid-column:1/-1}}:root{--obc-bg:#1e1e1e;--obc-bg-deep:#141414;--obc-panel:#2a2a2ae0;--obc-border:#ffffff1c;--obc-border-strong:#00dfff73;--obc-cyan:#00dfff;--obc-cyan-soft:#00dfff21;--obc-text:#fff;--obc-muted:#b8c2cc;--obc-green:#40f99b;--obc-danger:#fb7185;--obc-radius-lg:24px;--obc-shadow:0 24px 80px #0000005c;--obc-shadow-soft:0 14px 38px #0000003d}*{box-sizing:border-box}.App{text-align:center}.obc-app{background:radial-gradient(circle at top left,#00dfff29,#0000 30%),radial-gradient(circle at bottom right,#00dfff17,#0000 35%),linear-gradient(135deg,#1e1e1e,#161616);color:#fff;color:var(--obc-text);font-family:Inter,Arial,sans-serif;min-height:100vh;overflow:hidden;padding:26px;position:relative}.obc-background-glow{background:#00dfff;background:var(--obc-cyan);border-radius:999px;filter:blur(30px);height:320px;opacity:.18;pointer-events:none;position:fixed;width:320px}.obc-background-glow-a{right:12%;top:-120px}.obc-background-glow-b{bottom:10%;left:-140px}.obc-content-card,.obc-header,.obc-help-card,.obc-layout,.obc-main-panel,.obc-module-card,.obc-sidebar,.obc-status-card,.obc-welcome-hero{position:relative;z-index:1}.obc-header{align-items:stretch;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.obc-brand-block{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#222222c7;border:1px solid #ffffff1c;border:1px solid var(--obc-border);border-radius:24px;border-radius:var(--obc-radius-lg);box-shadow:0 14px 38px #0000003d;box-shadow:var(--obc-shadow-soft);display:flex;flex:1 1;gap:18px;padding:22px}.obc-logo-mark{background:linear-gradient(135deg,#00dfff,#76f3ff);border-radius:22px;box-shadow:0 0 28px #00dfff47;color:#000;display:grid;flex:0 0 70px;height:70px;place-items:center;width:70px}.obc-kicker{color:#00dfff;color:var(--obc-cyan);font-size:12px;font-weight:900;letter-spacing:.14em;margin:0 0 5px;text-transform:uppercase}.obc-header h1,.obc-view-header h2,.obc-welcome h3{letter-spacing:-.045em;margin:0}.obc-header h1{color:#00dfff;color:var(--obc-cyan);font-size:clamp(30px,4vw,48px);line-height:1}.obc-subtitle{color:#b8c2cc;color:var(--obc-muted);font-size:15px;line-height:1.55;margin:8px 0 0;max-width:760px}.obc-status-card{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#222222c7;border:1px solid #ffffff1c;border:1px solid var(--obc-border);border-radius:24px;border-radius:var(--obc-radius-lg);box-shadow:0 14px 38px #0000003d;box-shadow:var(--obc-shadow-soft);display:flex;gap:12px;min-width:315px;padding:20px}.obc-status-dot{background:#fb7185;background:var(--obc-danger);border-radius:999px;box-shadow:0 0 18px #fb7185b8;height:13px;width:13px}.obc-status-card.is-online .obc-status-dot{background:#40f99b;background:var(--obc-green);box-shadow:0 0 18px #40f99bb8}.obc-status-card small,.obc-status-card strong{display:block}.obc-status-card small{color:#b8c2cc;color:var(--obc-muted);margin-top:4px}.obc-layout{grid-gap:22px;display:grid;gap:22px;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 156px)}.obc-main-panel,.obc-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#222222c7;border:1px solid #ffffff1c;border:1px solid var(--obc-border);border-radius:24px;border-radius:var(--obc-radius-lg);box-shadow:0 24px 80px #0000005c;box-shadow:var(--obc-shadow)}.obc-sidebar{display:flex;flex-direction:column;gap:16px;padding:18px}.obc-sidebar-title{align-items:center;color:#00dfff;color:var(--obc-cyan);display:flex;font-weight:900;gap:10px}.obc-menu{grid-gap:10px;display:grid;gap:10px}.obc-menu-button{align-items:center;background:#6666665c;border:1px solid #ffffff1c;border:1px solid var(--obc-border);border-radius:16px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:13px;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.obc-menu-button:hover{background:#6666667a;border-color:#00dfff59;transform:translateY(-1px)}.obc-menu-button.is-active{background:linear-gradient(135deg,#00dfff,#7af4ff);border-color:#00dfffd1;box-shadow:0 12px 30px #00dfff38;color:#000}.obc-menu-icon{background:#ffffff14;border-radius:13px;display:grid;flex:0 0 40px;height:40px;place-items:center;width:40px}.obc-menu-button.is-active .obc-menu-icon{background:#0000001c}.obc-menu-text small,.obc-menu-text strong{display:block}.obc-menu-text strong{font-size:14px}.obc-menu-text small{color:#b8c2cc;color:var(--obc-muted);font-size:12px;margin-top:2px}.obc-menu-button.is-active .obc-menu-text small{color:#0000009e}.obc-help-card{background:#00dfff21;background:var(--obc-cyan-soft);border:1px solid #00dfff2e;border-radius:18px;color:#dffbff;display:flex;gap:12px;margin-top:auto;padding:14px}.obc-help-card svg{color:#00dfff;color:var(--obc-cyan);flex:0 0 auto}.obc-help-card strong{display:block;margin-bottom:4px}.obc-help-card p{color:#b8c2cc;color:var(--obc-muted);font-size:12px;line-height:1.45;margin:0}.obc-main-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.obc-view-header{align-items:flex-start;background:#19191980;border-bottom:1px solid #ffffff1c;border-bottom:1px solid var(--obc-border);display:flex;gap:18px;justify-content:space-between;padding:20px 22px}.obc-view-header h2{color:#fff;font-size:28px}.obc-view-header span{color:#b8c2cc;color:var(--obc-muted);display:block;font-size:14px;line-height:1.45;margin-top:6px}.obc-refresh-button{align-items:center;background:#00dfff14;border:1px solid #00dfff73;border:1px solid var(--obc-border-strong);border-radius:14px;color:#00dfff;color:var(--obc-cyan);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;padding:10px 13px;transition:.2s ease;white-space:nowrap}.obc-refresh-button:hover{background:#00dfff24;transform:translateY(-1px)}.obc-content-card{flex:1 1;min-height:0;overflow:auto;padding:20px}.obc-welcome{grid-gap:18px;display:grid;gap:18px}.obc-welcome-hero{background:radial-gradient(circle at top,#00dfff21,#0000 42%),hsla(0,0%,100%,.035);border:1px solid #00dfff2e;border-radius:24px;display:grid;min-height:250px;padding:34px;place-items:center;text-align:center}.obc-welcome-icon{background:linear-gradient(135deg,#00dfff,#7af4ff);border-radius:26px;color:#000;display:grid;height:82px;margin-bottom:18px;place-items:center;width:82px}.obc-welcome h3{color:#00dfff;color:var(--obc-cyan);font-size:30px}.obc-welcome p{color:#b8c2cc;color:var(--obc-muted);line-height:1.6;margin:10px auto 0;max-width:720px}.obc-module-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(170px,1fr))}.obc-module-card{background:hsla(0,0%,100%,.045);border:1px solid #ffffff1c;border:1px solid var(--obc-border);border-radius:20px;color:#fff;cursor:pointer;display:flex;gap:14px;justify-content:space-between;min-height:145px;padding:16px;text-align:left;transition:.2s ease}.obc-module-card:hover{background:#00dfff17;border-color:#00dfff73;border-color:var(--obc-border-strong);transform:translateY(-3px)}.obc-module-card svg{color:#00dfff;color:var(--obc-cyan);flex:0 0 auto}.obc-module-card p,.obc-module-card span,.obc-module-card strong{display:block}.obc-module-card span{color:#00dfff;color:var(--obc-cyan);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.obc-module-card strong{font-size:16px;margin-top:8px}.obc-module-card p{color:#b8c2cc;color:var(--obc-muted);font-size:12px;line-height:1.45;margin:7px 0 0}button,input,select,textarea{font:inherit}::selection{background:#00dfff;background:var(--obc-cyan);color:#000}@media (max-width:1180px){.obc-header,.obc-layout{grid-template-columns:1fr}.obc-header{flex-direction:column}.obc-status-card{min-width:0}.obc-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.obc-app{padding:14px}.obc-brand-block{align-items:flex-start;flex-direction:column}.obc-layout{min-height:auto}.obc-view-header{flex-direction:column}.obc-refresh-button{width:100%}.obc-module-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.76da2b1d.css.map*/