:root{--cxb-surface-app: #0D0E11;--cxb-surface-workspace: #0D0E11;--cxb-surface-shell: #14161B;--cxb-surface-panel: #14161B;--cxb-surface-topbar: #14161B;--cxb-surface-canvas: #0D0E11;--cxb-surface-input: #1B1E25;--cxb-surface-hover: rgba(255, 255, 255, .06);--cxb-surface-active: rgba(255, 255, 255, .1);--cxb-border: #3E434E;--cxb-border-subtle: #23262E;--cxb-border-panel: #3E434E;--cxb-border-focus: #2AD4C8;--cxb-text-primary: #FFFFFF;--cxb-text-secondary: #D6DAE2;--cxb-text-muted: #9AA1AE;--cxb-text-placeholder: #666D7A;--cxb-text-inverse: #0D0E11;--cxb-accent: #2AD4C8;--cxb-accent-hover: #22B8AD;--cxb-accent-subtle: rgba(42, 212, 200, .12);--cxb-accent-muted: rgba(42, 212, 200, .08);--cxb-danger: #FF5A52;--cxb-danger-hover: #E04840;--cxb-warning: #FFB742;--cxb-success: #43D17C;--cxb-topbar-height: 48px;--cxb-panel-left-width: 240px;--cxb-panel-right-width: 280px;--cxb-panel-narrow-breakpoint: 900px;--cxb-font-head: "GT America Extended","GT America","Archivo","Helvetica Neue",Arial,sans-serif;--cxb-font: "GT America","Archivo","Helvetica Neue",Arial,sans-serif;--cxb-font-mono: "SF Mono","IBM Plex Mono",Menlo,monospace;--cxb-text-xs: .6875rem;--cxb-text-sm: .75rem;--cxb-text-base: .875rem;--cxb-text-md: 1rem;--cxb-radius-sm: 2px;--cxb-radius: 2px;--cxb-radius-lg: 3px;--cxb-transition: .15s ease;--cxb-transition-panel: .2s cubic-bezier(.4, 0, .2, 1);--cxb-critical-stripe: repeating-linear-gradient( -45deg, var(--cxb-accent) 0 12px, #15161A 12px 24px )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--cxb-surface-app);color:var(--cxb-text-secondary);font-family:var(--cxb-font);font-size:var(--cxb-text-base);-webkit-font-smoothing:antialiased;touch-action:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}.cxb-panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border-bottom:2px solid var(--cxb-border);background:var(--cxb-surface-panel);-webkit-user-select:none;user-select:none}.cxb-panel-header__num{font-family:var(--cxb-font-mono);font-size:10px;color:var(--cxb-text-placeholder);letter-spacing:.08em;flex-shrink:0}.cxb-panel-header__name{font-family:var(--cxb-font-head);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cxb-text-primary);flex:1}.cxb-panel-header__code{font-family:var(--cxb-font-mono);font-size:9px;color:var(--cxb-text-placeholder);letter-spacing:.06em;flex-shrink:0}[data-testid=topbar]{background:#14161b!important;border-bottom:2px solid #3E434E!important;color:#d6dae2}.cxb-critical-zone{padding:3px;background:var(--cxb-critical-stripe);border-radius:var(--cxb-radius-sm)}.cxb-critical-zone__inner{background:var(--cxb-surface-panel);border-radius:var(--cxb-radius-sm);padding:4px 8px;display:flex;align-items:center;gap:6px}:root{--cx-color-primary: #4DA3FF;--cx-color-primary-pressed: #3B8AE0;--cx-color-secondary: #8B5CF6;--cx-color-bg: #0E1116;--cx-color-surface: #161A21;--cx-color-surface-raised: #1F242E;--cx-color-surface-solid: #1F242E;--cx-color-border: rgba(255,255,255,.1);--cx-color-border-strong: rgba(255,255,255,.16);--cx-color-page-background: var(--cx-color-bg);--cx-color-control-fill: var(--cx-color-surface-raised);--cx-color-text-primary: #F2F4F8;--cx-color-text-secondary: #9AA3B2;--cx-color-text-on-primary: #0B0E13;--cx-color-text-disabled: #5A6270;--cx-color-focus-ring: #4DA3FF;--cx-color-status-run: #34D399;--cx-color-status-warning: #FBBF24;--cx-color-status-danger: #F87171;--cx-color-status-disconnected: #6B7280;--cx-space-0: 0px;--cx-space-1: 4px;--cx-space-2: 8px;--cx-space-3: 12px;--cx-space-4: 16px;--cx-space-5: 24px;--cx-space-6: 32px;--cx-radius-sm: 6px;--cx-radius-md: 10px;--cx-radius-lg: 16px;--cx-radius-pill: 999px;--cx-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--cx-shadow-md: 0 4px 12px rgba(0,0,0,.45);--cx-shadow-glow-active: 0 0 0 1px rgba(77,163,255,.55), 0 0 16px rgba(77,163,255,.35);--cx-shadow-inner-pressed: inset 0 2px 6px rgba(0,0,0,.5);--cx-font-family: -apple-system, "SF Pro Text", Roboto, system-ui, sans-serif;--cx-font-family-mono: "SF Mono", ui-monospace, "Roboto Mono", monospace;--cx-font-size-xs: 12px;--cx-font-size-sm: 14px;--cx-font-size-md: 16px;--cx-font-size-lg: 20px;--cx-font-size-xl: 28px;--cx-font-weight-regular: 400;--cx-font-weight-medium: 500;--cx-font-weight-bold: 700;--cx-motion-duration-instant: 0ms;--cx-motion-duration-fast: .1s;--cx-motion-duration-base: .16s;--cx-motion-duration-slow: .24s;--cx-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--cx-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--cx-motion-press-scale: .97;--cx-glass-surface: rgba(23,27,34,.55);--cx-glass-fallback: rgba(23,27,34,.92);--cx-glass-blur: 0px;--cx-glass-border-highlight: rgba(255,255,255,.12);--cx-control-thumb-radius: 28%;--cx-button-bg: #1F242E;--cx-fader-track: #2A3347;--cx-fader-thumb: #4DA3FF}.cx-runtime{display:flex;flex-direction:column;width:100%;height:100%;background:var(--cx-color-bg);color:var(--cx-color-text-primary);font-family:var(--cx-font-family);box-sizing:border-box}.cx-status-bar{display:flex;align-items:center;gap:var(--cx-space-1);padding:var(--cx-space-1) var(--cx-space-2);background:var(--cx-color-chrome-surface, var(--cx-color-surface));border-bottom:1px solid var(--cx-color-chrome-border, var(--cx-color-border));font-size:var(--cx-font-size-xs);min-height:28px;flex-shrink:0}.cx-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cx-status-connected .cx-status-dot{background:var(--cx-color-status-run);box-shadow:0 0 6px var(--cx-color-status-run)}.cx-status-error .cx-status-dot{background:var(--cx-color-status-danger)}.cx-status-idle .cx-status-dot{background:var(--cx-color-status-disconnected)}.cx-status-label{color:var(--cx-color-text-secondary)}.cx-page{flex:1;padding:var(--cx-space-2);overflow:auto;background:var(--cx-color-page-background, var(--cx-color-bg))}.cx-component{width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none}.cx-button{display:flex;align-items:center;justify-content:center;background:var(--cx-color-control-fill, var(--cx-color-surface-raised));color:var(--cx-color-text-primary);border:1px solid var(--cx-color-border);border-radius:var(--cx-radius-md);font-family:var(--cx-font-family);font-size:var(--cx-font-size-md);font-weight:var(--cx-font-weight-medium);cursor:pointer;transition:transform var(--cx-motion-duration-fast) var(--cx-motion-easing-decelerate),opacity var(--cx-motion-duration-fast) var(--cx-motion-easing-decelerate),background var(--cx-motion-duration-fast) var(--cx-motion-easing-standard),color var(--cx-motion-duration-fast) var(--cx-motion-easing-standard),border-color var(--cx-motion-duration-fast) var(--cx-motion-easing-standard);touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:2px}.cx-button:focus-visible{outline:2px solid var(--cx-color-focus-ring)}.cx-button.cx-pressed{transform:scale(var(--cx-motion-press-scale));background:var(--cx-color-primary);color:var(--cx-color-text-on-primary);border-color:var(--cx-color-primary);box-shadow:var(--cx-shadow-glow-active)}.cx-button.cx-active{background:var(--cx-color-primary);color:var(--cx-color-text-on-primary);border-color:var(--cx-color-primary);box-shadow:var(--cx-shadow-glow-active)}.cx-button.cx-disabled{opacity:.4;cursor:not-allowed}.cx-button.cx-icon-fill.cx-pressed,.cx-button.cx-icon-fill.cx-active{background:transparent}.cx-label{display:flex;align-items:center;justify-content:center;font-size:var(--cx-font-size-md);cursor:pointer;color:var(--cx-color-text-primary)}.cx-container{background:var(--cx-color-surface);border:1px solid var(--cx-color-border);border-radius:var(--cx-radius-md)}.cx-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}.cx-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--cx-fader-thumb, var(--cx-color-primary)) var(--cx-slider-pct, 0%),var(--cx-fader-track, var(--cx-color-surface)) var(--cx-slider-pct, 0%));height:4px;border-radius:2px}.cx-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:var(--cx-control-thumb-radius, 28%);background:var(--cx-fader-thumb, var(--cx-color-primary));margin-top:-8px;box-shadow:var(--cx-shadow-sm)}.cx-slider input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--cx-fader-thumb, var(--cx-color-primary)) var(--cx-slider-pct, 0%),var(--cx-fader-track, var(--cx-color-surface)) var(--cx-slider-pct, 0%));height:4px;border-radius:2px}.cx-slider input[type=range]::-moz-range-thumb{border:none;width:20px;height:20px;border-radius:var(--cx-control-thumb-radius, 28%);background:var(--cx-fader-thumb, var(--cx-color-primary))}.cx-slider-label{color:var(--cx-color-text-secondary);font-size:var(--cx-font-size-xs)}.cx-xypad-label{color:var(--cx-color-text-secondary)}.cx-xypad-indicator{background:var(--cx-color-primary);border-radius:var(--cx-control-thumb-radius, 28%)}.cx-unknown{display:flex;align-items:center;justify-content:center;background:var(--cx-color-surface-raised);border:1px dashed var(--cx-color-border);border-radius:var(--cx-radius-sm);font-size:var(--cx-font-size-xs);color:var(--cx-color-text-secondary);padding:var(--cx-space-1);text-align:center;height:100%;box-sizing:border-box}