:root{--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--monitor-panel-width:420px;--reference-panel-width:360px;--color-sidebar-background:#191a1c;--color-terminal-background:#1e1f22;--color-default-foreground:#abb6c6;--color-variable:#bf80bc;--color-function:#56a8f5;--color-slash-command:#c77dba;--color-midi-command:#c7916c;--color-link:#91c1ff;--color-built-in-command:#bcbec4;--color-operator:#cf8e6d;--color-comment:#7a7e85;--color-error:#f75464;--color-border:color-mix(in srgb, var(--color-sidebar-background) 72%, var(--color-default-foreground));--color-control-background:color-mix(in srgb, var(--color-sidebar-background) 86%, var(--color-default-foreground));--color-control-border:color-mix(in srgb, var(--color-sidebar-background) 62%, var(--color-default-foreground));--color-foreground-strong:color-mix(in srgb, var(--color-default-foreground) 72%, white);--color-selection-background:color-mix(in srgb, var(--color-function) 58%, var(--color-terminal-background));--color-active-line-background:color-mix(in srgb, var(--color-function) 14%, var(--color-terminal-background));--color-side-panel-shadow:#00000059;color:var(--color-default-foreground);background:var(--color-terminal-background);font-family:var(--font-mono);font-synthesis:none;text-rendering:optimizelegibility;font-weight:200}*{box-sizing:border-box}html{width:100%;height:100%;overflow:hidden}body{background:var(--color-terminal-background);width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit;font-family:var(--font-mono)}.shell{grid-template-rows:auto 1fr auto;width:100%;height:100vh;min-height:0;display:grid;overflow:hidden}.topbar,.statusbar{border-color:var(--color-border);background:var(--color-sidebar-background);align-items:center;gap:16px;padding:12px 16px;display:flex}.topbar{border-bottom:1px solid var(--color-border)}.statusbar{border-top:1px solid var(--color-border);color:var(--color-comment);justify-content:space-between;font-size:13px}.status-info{gap:16px;display:flex}.statusbar a,.footer-link-button{color:var(--color-link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.statusbar a:hover,.footer-link-button:hover{text-decoration:underline}.footer-links{gap:16px;display:flex}.footer-right{align-items:center;gap:16px;margin-left:auto;display:flex}.version-status{white-space:nowrap}h1{color:var(--color-foreground-strong);margin:0;font-size:16px;font-weight:700}label{color:var(--color-comment);align-items:center;gap:8px;font-size:13px;display:flex}.monitor-order-toggle,.panel-toggles{border:0;gap:10px;padding:0;display:flex}.panel-toggles{align-items:center;margin-left:auto}.reference-panel-toggle{margin-left:0}.panel-toggle{border:1px solid var(--color-control-border);min-height:32px;color:var(--color-comment);background:var(--color-control-background);cursor:pointer;border-radius:6px;padding:5px 10px}.panel-toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-function) 42%, var(--color-control-border));color:var(--color-foreground-strong)}.device-picker{position:relative}.device-button{border:1px solid var(--color-control-border);max-width:230px;min-height:32px;color:var(--color-foreground-strong);background:var(--color-control-background);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;padding:5px 10px;display:inline-flex;overflow:hidden}.device-button:hover,.device-button[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-function) 54%, var(--color-control-border));color:var(--color-foreground-strong)}.device-button:disabled{cursor:default;opacity:.62}.device-button.is-empty{color:var(--color-comment)}.device-menu{z-index:20;border:1px solid var(--color-control-border);background:var(--color-sidebar-background);width:min(360px,100vw - 32px);box-shadow:0 14px 38px var(--color-side-panel-shadow);border-radius:8px;padding:10px;position:absolute;top:calc(100% + 8px);left:0}.device-menu-header{color:var(--color-foreground-strong);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.device-menu-actions{gap:6px;display:flex}.device-menu-actions button{border:1px solid var(--color-control-border);min-height:26px;color:var(--color-default-foreground);background:var(--color-control-background);cursor:pointer;border-radius:6px;padding:3px 8px}.device-filter{border:1px solid var(--color-control-border);width:100%;min-height:30px;color:var(--color-foreground-strong);background:var(--color-terminal-background);border-radius:6px;margin-bottom:8px;padding:4px 8px}.device-filter:focus-visible{border-color:color-mix(in srgb, var(--color-function) 34%, var(--color-control-border));outline:2px solid color-mix(in srgb, var(--color-function) 18%, transparent);outline-offset:1px}.device-list{gap:2px;max-height:min(320px,48vh);display:grid;overflow:auto}.device-option{min-height:28px;color:var(--color-default-foreground);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:4px 6px;font-size:1rem;display:grid}.device-option:hover{background:var(--color-control-background)}.device-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-empty{color:var(--color-comment);padding:12px 6px;font-size:13px}.workspace{grid-template-columns:minmax(25vw, 1fr) 8px minmax(40px, var(--monitor-panel-width)) 8px minmax(40px, var(--reference-panel-width));min-height:0;display:grid;overflow:hidden}.workspace.monitor-panel-hidden{grid-template-columns:minmax(25vw, 1fr) 8px minmax(40px, var(--reference-panel-width))}.workspace.reference-panel-hidden{grid-template-columns:minmax(25vw, 1fr) 8px minmax(40px, var(--monitor-panel-width))}.workspace.monitor-panel-hidden.reference-panel-hidden{grid-template-columns:1fr}.workspace.monitor-panel-hidden .monitor-pane,.workspace.reference-panel-hidden .reference-pane,.panel-resize-handle[hidden]{display:none}.editor-pane,.monitor-pane,.reference-pane{min-width:0;min-height:0;overflow:hidden}.editor-pane{grid-template-rows:minmax(0,1fr) auto;display:grid}.workspace.monitor-panel-hidden.reference-panel-hidden .editor-pane{border-right:0}.panel-resize-handle{background:var(--color-sidebar-background);cursor:col-resize;min-width:8px;min-height:0;position:relative}.panel-resize-handle:before{background:var(--color-border);content:"";width:1px;position:absolute;top:0;bottom:0;left:3px}.panel-resize-handle:hover:before,.panel-resize-handle:focus-visible:before,.panel-resizing .panel-resize-handle:before{background:var(--color-comment)}.panel-resize-handle:focus-visible{outline:1px solid var(--color-comment);outline-offset:-1px}.panel-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}#editor,#monitor{height:100%}.cm-editor{background:var(--color-terminal-background);height:100%;color:var(--color-default-foreground);font-size:15px;line-height:1.5;font-family:var(--font-mono)!important}.cm-line{color:var(--color-default-foreground);font-family:var(--font-mono);line-height:1.5}.cm-midi-sent{color:var(--color-midi-command)}.cm-midi-received,.cm-midi-sent-output,.cm-midi-output{color:var(--color-default-foreground)}.cm-editor .cm-midi-output-link{text-decoration:none;color:var(--color-link)!important}.cm-editor .cm-midi-output-link:hover{text-decoration:underline}.cm-midi-inactive{color:var(--color-comment)}.cm-midi-active,.cm-midi-assignment,.cm-midi-recognized-definition{color:var(--color-foreground-strong)}.cm-midi-inactive.cm-midi-output,.cm-midi-inactive.cm-midi-sent-output{color:var(--color-default-foreground)}.cm-midi-inactive.cm-midi-active,.cm-midi-inactive.cm-midi-assignment,.cm-midi-inactive.cm-midi-recognized-definition{color:var(--color-foreground-strong)}.cm-midi-inactive.cm-midi-sent,.cm-midi-active.cm-midi-sent,.cm-midi-assignment.cm-midi-sent,.cm-midi-recognized-definition.cm-midi-sent{color:var(--color-midi-command)}.cm-editor .cm-line .cm-midi-timestamp,.cm-editor .cm-line .cm-midi-timestamp span,.cm-editor .cm-line .cm-midi-timestamp.cm-midi-syntax-number,.cm-editor .cm-line .cm-midi-timestamp .cm-midi-syntax-number{color:var(--color-comment)!important}.cm-midi-error,.cm-midi-inactive.cm-midi-error,.cm-midi-active.cm-midi-error,.cm-midi-sent.cm-midi-error,.cm-midi-assignment.cm-midi-error,.cm-midi-recognized-definition.cm-midi-error{color:var(--color-error)}.cm-midi-syntax-variable{color:var(--color-variable)}.cm-midi-syntax-function{color:var(--color-function)}.cm-midi-syntax-number,.cm-midi-syntax-string{color:var(--color-default-foreground)}.cm-midi-syntax-comment{color:var(--color-comment)}.cm-midi-syntax-bang-comment{color:#fff}.cm-midi-syntax-operator{color:var(--color-operator)}.cm-midi-syntax-slash-command{color:var(--color-slash-command)!important}.cm-midi-syntax-midi-command{color:var(--color-midi-command)}.cm-midi-syntax-built-in-command{color:var(--color-built-in-command)}.cm-midi-inactive:not(.cm-midi-active):not(.cm-midi-assignment):not(.cm-midi-recognized-definition) span:not(.cm-midi-syntax-bang-comment){color:var(--color-comment)!important}.cm-midi-error span{color:var(--color-error)!important}.cm-gutters{background:var(--color-sidebar-background)!important;color:var(--color-comment)!important;border-right-color:var(--color-border)!important}.cm-midi-direction-gutter{min-width:22px}.cm-midi-direction-gutter .cm-gutterElement{justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:flex}.cm-midi-direction-marker{line-height:1;display:inline-block}.cm-midi-direction-sent{color:var(--color-midi-command)}.cm-midi-direction-received{color:var(--color-default-foreground)}.cm-midi-direction-assignment{color:var(--color-variable)}.cm-content{caret-color:var(--color-midi-command)}.cm-focused .cm-cursor{border-left-color:var(--color-midi-command)!important;border-left-width:2px!important}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background-color:var(--color-selection-background)!important}.cm-editor .cm-line::selection{background-color:var(--color-selection-background)!important}.cm-editor .cm-line ::selection{background-color:var(--color-selection-background)!important}.cm-editor .cm-content::selection{background-color:var(--color-selection-background)!important}.cm-editor .cm-content ::selection{background-color:var(--color-selection-background)!important}.cm-tooltip-autocomplete{color:var(--color-default-foreground);font-family:var(--font-mono);box-shadow:0 12px 30px var(--color-side-panel-shadow);border-radius:6px;border:1px solid var(--color-border)!important;background:var(--color-sidebar-background)!important}.cm-tooltip-autocomplete ul{font-family:var(--font-mono)}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--color-active-line-background)!important;color:var(--color-foreground-strong)!important}.cm-completionDetail{color:var(--color-comment)}.cm-activeLine{background:var(--color-active-line-background)!important}.cm-activeLineGutter{background:var(--color-active-line-background)!important;color:var(--color-default-foreground)!important}.cm-focused{outline:none!important}.input-preview{border-top:1px solid var(--color-border);background:var(--color-sidebar-background);grid-template-columns:1fr;gap:4px;min-height:92px;padding:10px 14px;display:grid}.preview-item{min-width:0;color:var(--color-default-foreground);grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:12px;font-size:13px;line-height:1.4;display:grid}.preview-label{color:var(--color-function);text-transform:uppercase;font-weight:700}.preview-value{color:var(--color-foreground-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-item.error .preview-label,.preview-item.error .preview-value{color:var(--color-error)}.preview-item.error .preview-value{white-space:normal;overflow-wrap:break-word;overflow:visible}#monitor{background:var(--color-sidebar-background);min-height:0;padding:14px 16px;overflow:auto}#monitor[hidden]{display:none}.reference-pane{background:var(--color-sidebar-background);height:100%;color:var(--color-default-foreground);padding:18px 20px;font-size:13px;line-height:1.5;overflow:auto}.reference-pane h1,.reference-pane h2,.reference-pane h3,.reference-pane p,.reference-pane ul,.reference-pane table,.reference-pane pre{margin:0}.reference-pane h1{color:var(--color-foreground-strong);margin-bottom:14px;font-size:16px;font-weight:700}.reference-pane h2{color:var(--color-slash-command);text-transform:uppercase;margin-top:20px;margin-bottom:8px;font-size:13px;font-weight:700}.reference-pane h3{color:var(--color-foreground-strong);margin-top:14px;margin-bottom:6px;font-size:13px;font-weight:700}.reference-pane p{margin-bottom:10px}.reference-pane ul{gap:4px;margin-bottom:10px;padding-left:18px;display:grid}.reference-pane pre{border:1px solid var(--color-control-border);background:var(--color-terminal-background);color:var(--color-foreground-strong);border-radius:6px;margin-bottom:12px;padding:8px 10px;overflow:auto}.reference-pane table{border-collapse:collapse;max-width:100%;margin-bottom:14px;font-size:12px;display:block;overflow:auto}.reference-pane th,.reference-pane td{border:1px solid var(--color-control-border);text-align:left;vertical-align:top;padding:5px 7px}.reference-pane th{background:var(--color-terminal-background);color:var(--color-foreground-strong);font-weight:700}.reference-pane td{color:var(--color-default-foreground)}.reference-pane code{font-family:var(--font-mono)}.reference-pane code.reference-code-comment{color:var(--color-comment)}.reference-pane code.reference-code-variable{color:var(--color-variable)}.reference-pane code.reference-code-operator{color:var(--color-operator)}.reference-pane code.reference-code-slash-command{color:var(--color-slash-command)}.reference-pane code.reference-code-midi-command{color:var(--color-midi-command)}.reference-pane code.reference-code-built-in-command{color:var(--color-built-in-command)}.reference-pane code.reference-code-function{color:var(--color-function)}.about-panel-content{gap:10px;display:grid}.reference-close{color:var(--color-midi-command);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;margin-bottom:6px;padding:0}.reference-close:hover{text-decoration:underline}.reference-pane a{color:var(--color-link);text-decoration:none}.reference-pane a:hover{text-decoration:underline}.reference-pane[hidden]{display:none}.monitor-table{border-collapse:collapse;table-layout:fixed;width:100%}.monitor-end{height:1px}.monitor-row{color:var(--color-default-foreground);font-size:13px;line-height:1.5}.monitor-row td{vertical-align:baseline;white-space:nowrap;padding:0 12px 0 0}.monitor-row .time{width:110px}.monitor-row .direction{width:38px}.monitor-row .device{width:170px}.monitor-row .bytes{white-space:normal;width:auto;padding-right:0}.monitor-row.in .direction{color:var(--color-function)}.monitor-row.out .direction{color:var(--color-midi-command)}.monitor-row.error{color:var(--color-error);white-space:normal}.monitor-row.command{color:var(--color-midi-command);white-space:pre-wrap}.time,.device{color:var(--color-comment)}.bytes{color:var(--color-foreground-strong);text-align:left}.monitor-bytes-line{white-space:nowrap}@media (width<=820px){.topbar{flex-direction:column;align-items:stretch;gap:10px}.device-picker,.device-button{width:100%;max-width:none}.device-menu{width:100%}.panel-toggles,.reference-panel-toggle{width:100%;margin-left:0}.panel-toggle{flex:1}.workspace{grid-template-rows:minmax(220px,1fr) minmax(220px,auto) minmax(220px,auto);grid-template-columns:1fr}.workspace.monitor-panel-hidden,.workspace.reference-panel-hidden{grid-template-rows:minmax(220px,1fr) minmax(220px,auto);grid-template-columns:1fr}.workspace.monitor-panel-hidden.reference-panel-hidden{grid-template-rows:minmax(220px,1fr);grid-template-columns:1fr}.panel-resize-handle{display:none}.editor-pane{border-right:0;border-bottom:1px solid var(--color-border)}.monitor-pane,.reference-pane{border-bottom:1px solid var(--color-border)}.bytes{text-align:left}}