:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--sk-foreground: #213547;--sk-background: #ffffff;--sk-secondary-foreground: #6c757d;--sk-disabled-foreground: #6c757d;--sk-border: #666666;--sk-focus-border: #007bff;--sk-input-border: #ccc;--sk-container-background: #fafafa;--sk-container-border: #f0f0f0;--sk-container-hover-border: #e0e0e0;--sk-header-background: #f8f9fa;--sk-header-foreground: #343a40;--sk-header-border: #dee2e6;--sk-tooltip-background: rgba(52, 58, 64, .95);--sk-tooltip-foreground: #ffffff;--sk-button-danger-bg: #dc3545;--sk-button-danger-fg: #ffffff;--sk-button-danger-hover-bg: #c82333;--sk-button-primary-bg: #007bff;--sk-button-primary-fg: #ffffff;--sk-button-primary-hover-bg: #0056b3;--sk-button-secondary-bg: #6c757d;--sk-button-secondary-fg: #ffffff;--sk-button-secondary-hover-bg: #5a6268;--sk-button-success-bg: #28a745;--sk-button-success-fg: #ffffff;--sk-button-success-hover-bg: #218838;--sk-button-disabled-bg: #6c757d;--sk-button-disabled-fg: #ffffff;--sk-input-background: #ffffff;--sk-input-foreground: #333333;--sk-input-placeholder-fg: #888;--sk-status-success-bg: #d4edda;--sk-status-success-fg: #155724;--sk-status-success-border: #c3e6cb;--sk-status-neutral-bg: #fff3cd;--sk-status-neutral-fg: #856404;--sk-status-neutral-border: #ffeeba;--sk-status-error-bg: #f8d7da;--sk-status-error-fg: #721c24;--sk-status-error-border: #f5c6cb;--sk-code-background: #f8f8f8;--sk-code-foreground: var(--sk-foreground);--sk-code-string: #2a9d8f;--sk-code-number: #e76f51;--sk-code-boolean: #f4a261;--sk-code-variable: #5a2de8;--sk-code-keyword: #e63946;--sk-code-comment: #888;--sk-code-attribute: #4a5568;--sk-highlight-bg: #e0d4ff;--sk-observable-bg: #eef4ff;--sk-observable-border: #7aa5e2;color:var(--sk-foreground);background-color:var(--sk-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--sk-foreground: rgba(255, 255, 255, .87);--sk-background: #242424;--sk-secondary-foreground: #c0c0c0;--sk-disabled-foreground: #888888;--sk-border: #999999;--sk-focus-border: #007fd4;--sk-input-border: #555555;--sk-container-background: #2a2a2a;--sk-container-border: #333333;--sk-container-hover-border: #444444;--sk-header-background: #3c3c3c;--sk-header-foreground: #cccccc;--sk-header-border: #444444;--sk-tooltip-background: rgba(60, 60, 60, .95);--sk-tooltip-foreground: #cccccc;--sk-button-primary-bg: #0e639c;--sk-button-primary-fg: #ffffff;--sk-button-primary-hover-bg: #1177bb;--sk-button-secondary-bg: #5f6a79;--sk-button-secondary-fg: #ffffff;--sk-button-secondary-hover-bg: #748191;--sk-button-success-bg: #3a814a;--sk-button-success-fg: #ffffff;--sk-button-success-hover-bg: #4d9f61;--sk-button-disabled-bg: #5f6a79;--sk-button-disabled-fg: #ffffff;--sk-input-background: #3c3c3c;--sk-input-foreground: #cccccc;--sk-input-placeholder-fg: #777777;--sk-status-success-bg: rgba(21, 87, 36, .3);--sk-status-success-fg: #89d185;--sk-status-success-border: #5a8e5a;--sk-status-neutral-bg: rgba(133, 100, 4, .3);--sk-status-neutral-fg: #e6c07b;--sk-status-neutral-border: #9d8a4e;--sk-status-error-bg: rgba(114, 28, 36, .4);--sk-status-error-fg: #f48771;--sk-status-error-border: #a15056;--sk-code-background: #2a2a2a;--sk-code-foreground: var(--sk-foreground);--sk-code-string: #6a9955;--sk-code-number: #b5cea8;--sk-code-boolean: #569cd6;--sk-code-variable: #9cdcfe;--sk-code-keyword: #c586c0;--sk-code-comment: #858585;--sk-code-attribute: #dcdcaa;--sk-highlight-bg: rgba(173, 214, 255, .3);--sk-observable-bg: #37373d;--sk-observable-border: #cccccc}}body{margin:0;min-height:100vh;background-color:var(--sk-background)}a{font-weight:500;color:var(--sk-focus-border);text-decoration:inherit}a:hover{filter:brightness(1.2)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--sk-button-secondary-bg);color:var(--sk-button-secondary-fg);cursor:pointer;transition:border-color .25s,background-color .2s,color .2s,opacity .2s}button:hover{background-color:var(--sk-button-secondary-hover-bg)}button:focus,button:focus-visible{outline:2px solid var(--sk-focus-border);outline-offset:2px}.button-component{padding:8px 16px;font-size:1em;background-color:var(--sk-button-primary-bg);color:var(--sk-button-primary-fg);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.button-component:hover{background-color:var(--sk-button-primary-hover-bg)}.button-component:active{filter:brightness(.9)}.button-component:disabled{background-color:var(--sk-button-disabled-bg);color:var(--sk-button-disabled-fg);cursor:not-allowed;opacity:.65}.canvas-element{border:1px solid var(--sk-border);display:block;margin:0 auto;max-width:100%;cursor:crosshair}.console-container{display:flex;flex-direction:column;width:100%;max-width:1000px}.console-output{background-color:var(--sk-code-background);border:1px solid var(--sk-border);padding:10px;height:250px;overflow-y:auto;box-sizing:border-box;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;line-height:1.4;color:var(--sk-code-foreground);border-radius:4px;flex-shrink:0}.console-line{margin-bottom:3px;white-space:pre-wrap;word-break:break-word}.console-output div:last-child{height:1px}.console-input-area{display:flex;border:1px solid var(--sk-border);border-top:none;padding:8px 10px;background-color:var(--sk-code-background);border-radius:0 0 4px 4px;flex-shrink:0;margin-top:-1px}.console-output:has(+.console-input-area),.console-container>.console-output:not(:last-child){border-bottom-style:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.console-input{flex-grow:1;padding:8px 10px;border:1px solid var(--sk-input-border);border-radius:4px;font-family:inherit;font-size:.9em;margin-right:8px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--sk-input-background);color:var(--sk-input-foreground)}.console-input::placeholder{color:var(--sk-input-placeholder-fg);opacity:1}.console-input:focus{border-color:var(--sk-focus-border);outline:none;box-shadow:0 0 0 2px var(--sk-focus-border)}.console-send-button{padding:8px 15px;background-color:var(--sk-button-primary-bg);color:var(--sk-button-primary-fg);border:none;border-radius:4px;cursor:pointer;font-size:.9em;font-weight:500;transition:background-color .2s ease-in-out}.console-send-button:hover{background-color:var(--sk-button-primary-hover-bg)}.console-send-button:active{filter:brightness(.9)}.console-send-button:disabled{background-color:var(--sk-button-disabled-bg);color:var(--sk-button-disabled-fg);cursor:not-allowed;opacity:.65}.grid-container{width:100%;max-width:min(100%,1000px);overflow:hidden}.grid-canvas{display:grid;gap:1px;padding:1px;background-color:var(--sk-border);width:fit-content;max-width:100%;margin:0 auto}.grid-cell{box-sizing:border-box;background-color:var(--sk-container-background);cursor:pointer;transition:background-color .1s ease,transform .1s ease,box-shadow .1s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2px}.grid-cell:hover{z-index:1;box-shadow:0 0 4px var(--sk-focus-border)}.grid-cell-text{display:inline-block;white-space:normal;text-align:center;line-height:1.1;color:var(--sk-foreground);max-width:100%;max-height:100%;pointer-events:none}.label-component{padding:4px 8px;font-size:1em;color:var(--sk-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.markdown-component{padding:8px 12px;font-size:1em;line-height:1.6;color:var(--sk-foreground);background-color:var(--sk-container-background);width:100%;max-width:1000px;box-sizing:border-box}.markdown-component h1,.markdown-component h2,.markdown-component h3,.markdown-component h4,.markdown-component h5,.markdown-component h6{margin-top:1.2em;margin-bottom:.6em;font-weight:600;line-height:1.25;color:var(--sk-foreground)}.markdown-component h1{font-size:2em;border-bottom:1px solid var(--sk-header-border);padding-bottom:.3em}.markdown-component h2{font-size:1.75em;border-bottom:1px solid var(--sk-header-border);padding-bottom:.3em}.markdown-component h3{font-size:1.5em}.markdown-component h4{font-size:1.25em}.markdown-component h5{font-size:1em}.markdown-component h6{font-size:.85em;color:var(--sk-secondary-foreground)}.markdown-component p{margin-bottom:1em}.markdown-component a{color:var(--sk-focus-border);text-decoration:none}.markdown-component a:hover{text-decoration:underline}.markdown-component ul,.markdown-component ol{margin-bottom:1em;padding-left:2em}.markdown-component li{margin-bottom:.3em}.markdown-component blockquote{margin-left:0;margin-right:0;padding:.5em 1em;color:var(--sk-secondary-foreground);border-left:.25em solid var(--sk-border);background-color:color-mix(in srgb,var(--sk-background) 95%,var(--sk-border) 5%)}.markdown-component code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.85em;padding:.2em .4em;margin:0 .1em;background-color:var(--sk-code-background);border-radius:3px;color:var(--sk-code-foreground)}.markdown-component pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.85em;padding:1em;overflow:auto;background-color:var(--sk-code-background);border-radius:4px;margin-bottom:1em;border:1px solid var(--sk-border)}.markdown-component pre code{padding:0;margin:0;background-color:transparent;border:none;font-size:1em}.markdown-component hr{height:.25em;padding:0;margin:24px 0;background-color:var(--sk-border);border:0}.markdown-component table{border-collapse:collapse;width:auto;margin-bottom:1em}.markdown-component th,.markdown-component td{border:1px solid var(--sk-border);padding:.5em .75em}.markdown-component th{font-weight:600;background-color:color-mix(in srgb,var(--sk-background) 90%,var(--sk-border) 10%)}.markdown-component img{max-width:100%;height:auto;display:block;margin:.5em 0}.textbox-component{padding:8px 10px;font-size:1em;border:1px solid var(--sk-input-border);border-radius:4px;background-color:var(--sk-input-background);color:var(--sk-input-foreground);min-width:150px;box-sizing:border-box}.textbox-component::placeholder{color:var(--sk-input-placeholder-fg);opacity:1}.textbox-component:focus{border-color:var(--sk-focus-border);outline:none;box-shadow:0 0 0 2px var(--sk-focus-border)}.viz-variable-list{display:flex;flex-direction:column;gap:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em}.viz-variable-item{padding:8px;border:1px solid var(--sk-container-border);border-radius:4px;background-color:var(--sk-container-background);line-height:1.4}.viz-variable-name{font-weight:700;color:var(--sk-code-variable);margin-right:5px;vertical-align:top}.viz-value-container{display:inline-block;margin-left:5px;position:relative;padding-left:5px;border-left:1px dotted var(--sk-border);vertical-align:top;border-radius:3px;transition:background-color .2s ease}.viz-value-container:hover{background-color:color-mix(in srgb,var(--sk-container-background) 90%,var(--sk-foreground) 5%)}.observable-tracked{border:1px solid var(--sk-observable-border);background-color:var(--sk-observable-bg);padding:2px 4px;border-radius:3px}@keyframes viz-highlight-fade{0%{background-color:var(--sk-highlight-bg)}to{background-color:transparent}}.viz-highlight-node{animation:viz-highlight-fade 1.5s ease-out}.viz-expand-button{background:none;border:none;cursor:pointer;padding:0 5px 0 0;font-size:.8em;color:var(--sk-secondary-foreground);margin-right:3px;vertical-align:middle}.viz-expand-button:hover{color:var(--sk-foreground)}.viz-type-indicator{color:var(--sk-code-comment);font-style:italic;margin-right:3px}.viz-value-inline{margin-left:3px}.viz-value-string{color:var(--sk-code-string)}.viz-value-number{color:var(--sk-code-number)}.viz-value-boolean{color:var(--sk-code-boolean);font-weight:700}.viz-value-none{color:var(--sk-code-keyword);font-style:italic}.viz-type-truncated,.viz-type-error,.viz-type-recursive_ref,.viz-type-unknown-primitive{color:var(--sk-status-error-fg);font-style:italic}.viz-type-object,.viz-type-repr{color:var(--sk-code-comment)}.viz-list,.viz-dict,.viz-set,.viz-object{margin-left:15px;padding-left:10px;border-left:1px solid var(--sk-border);display:flex;flex-direction:column;gap:3px;margin-top:3px}.viz-list-item,.viz-dict-item,.viz-set-item,.viz-object-item{padding:2px 0}.viz-list-index{color:var(--sk-secondary-foreground);margin-right:5px;display:inline-block;min-width:1.5em;text-align:right}.viz-dict-key{margin-right:5px;display:inline-block;vertical-align:top}.viz-dict-item>.viz-dict-key+.viz-value-container:before{content:":";color:var(--sk-foreground);margin-right:5px;font-weight:700}.viz-attr-name{color:var(--sk-code-attribute);font-style:italic}.viz-object-item>.viz-dict-key.viz-attr-name+.viz-value-container:before{content:":";color:var(--sk-foreground);margin-right:5px;font-weight:400;font-style:normal}.viz-error{color:var(--sk-status-error-fg);font-style:italic}.viz-empty-message{color:var(--sk-secondary-foreground);font-style:italic;padding:10px}.column-component{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:15px;width:100%;max-width:1000px;box-sizing:border-box;background-color:var(--sk-container-background);border:1px solid var(--sk-container-border);border-radius:6px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.row-component{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:15px;width:100%;max-width:1000px;box-sizing:border-box;background-color:var(--sk-container-background);border:1px solid var(--sk-container-border);border-radius:6px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--sk-foreground);background-color:var(--sk-background)}.App{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--sk-background)}.App-header{background-color:var(--sk-header-background);padding:8px 15px;color:var(--sk-header-foreground);border-bottom:1px solid var(--sk-header-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 15px;width:100%;box-sizing:border-box}.App-header h1{margin:0;font-size:1.2em;color:var(--sk-header-foreground);white-space:nowrap;flex-shrink:0}.status-indicators{display:flex;align-items:center;gap:12px;font-size:.85em;color:var(--sk-secondary-foreground);flex-grow:1;justify-content:flex-end;min-width:0;flex-wrap:wrap;margin-right:10px}.status-indicators p{margin:0;padding:5px;border-radius:4px;white-space:nowrap;line-height:1.4;display:flex;align-items:center;border:1px solid transparent;font-weight:500;box-shadow:0 1px 2px #0000001a}.status-connected{background-color:var(--sk-status-success-bg);color:var(--sk-status-success-fg);border-color:var(--sk-status-success-border)}.status-disconnected{background-color:var(--sk-status-error-bg);color:var(--sk-status-error-fg);border-color:var(--sk-status-error-border)}.status-neutral{background-color:var(--sk-status-neutral-bg);color:var(--sk-status-neutral-fg);border-color:var(--sk-status-neutral-border)}.hero-status-online{background-color:var(--sk-status-success-bg);color:var(--sk-status-success-fg);border-color:var(--sk-status-success-border)}.hero-status-offline,.app-version{background-color:var(--sk-status-neutral-bg);color:var(--sk-status-neutral-fg);border-color:var(--sk-status-neutral-border)}.script-controls{display:flex;gap:8px;align-items:center}.App-header button{padding:5px 12px;font-size:.85em;background-color:var(--sk-button-primary-bg);color:var(--sk-button-primary-fg);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap;flex-shrink:0}.script-controls button:nth-child(1){background-color:var(--sk-button-success-bg, #28a745);color:var(--sk-button-success-fg, white)}.script-controls button:nth-child(1):hover{background-color:var(--sk-button-success-hover-bg, #218838)}.script-controls button:nth-child(2){background-color:var(--sk-button-danger-bg, #dc3545);color:var(--sk-button-danger-fg, #ffffff)}.script-controls button:nth-child(2):hover{background-color:var(--sk-button-danger-hover-bg, #c82333)}.App-header button:hover{background-color:var(--sk-button-primary-hover-bg)}.App-header button:disabled{background-color:var(--sk-button-disabled-bg);color:var(--sk-button-disabled-fg);cursor:not-allowed;opacity:.65}.App-main{display:flex;flex-direction:column;flex-grow:1;padding:15px;gap:15px;align-items:center;width:100%;box-sizing:border-box}.App-main>p{color:var(--sk-secondary-foreground);font-style:italic}