#editorWorkspace{--workspace-surface:#f3f5f8;--workspace-canvas:#fff;--workspace-raised:#fff;--workspace-hover:#e7ecf3;--workspace-rule:#dce2eb;--workspace-muted:#66748a;--workspace-selected:#e4edfa;--workspace-on-accent:#fff;--workspace-error:#b91c1c;--console-divider:var(--workspace-rule);--panelBackgroundColor:var(--workspace-surface);--default-border-radius:4px;position:sticky;top:var(--topbar-height);align-self:start;display:flex;flex-direction:column;min-width:0;height:calc(100dvh - var(--topbar-height));min-height:0;border:0;border-radius:0;background:var(--workspace-surface);box-shadow:-1px 0 var(--workspace-rule);color:var(--fontColor);scroll-margin-top:var(--topbar-height)}.workspace-mode{display:flex;align-items:stretch;flex-shrink:0;gap:.75rem;padding:.875rem .875rem .625rem;background:transparent}.workspace-mode .segmented{flex:1 1;min-width:0}#editorWorkspace .workspace-mode .track{margin-bottom:0;padding:3px;border-radius:6px;background:var(--workspace-hover)}#editorWorkspace .workspace-mode .thumb{display:block;inset:3px auto 3px 3px;width:calc((100% - 6px) / var(--count));border-radius:4px;background:var(--workspace-raised);box-shadow:0 1px 3px #0000000d}#editorWorkspace .workspace-mode .seg-btn{padding:.625rem .5rem;border-radius:4px;border:0;background:transparent;color:var(--workspace-muted);font-size:.8125rem;box-shadow:none;transform:none}#editorWorkspace .workspace-mode .seg-btn[aria-selected=true]{color:var(--fontColor)}.workspace-expand{width:2rem;padding:0;border:0;outline:none;border-radius:4px;background:transparent;color:var(--workspace-muted)}.workspace-expand svg{width:1.125rem;height:1.125rem;color:inherit}.workspace-expand:hover{background:var(--workspace-hover);color:var(--primaryColor);transform:none}.workspace-tabs{display:flex;flex-shrink:0;flex-wrap:wrap;gap:0;padding-inline:.875rem;border-bottom:1px solid var(--workspace-rule)}.workspace-tab{display:inline-flex;align-items:center;gap:.375rem;min-width:0;padding:.75rem .625rem;outline:none;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--workspace-muted);font:inherit;font-size:.75rem;font-weight:500}.workspace-tab[aria-selected=true]{border-bottom-color:var(--primaryColor);color:var(--fontColor);font-weight:700}.workspace-tab:hover{background:transparent;color:var(--primaryColor);transform:none}#editorWorkspace button:focus-visible{outline:2px solid var(--primaryColor);outline-offset:-2px}.workspace-error-dot{width:.4375rem;height:.4375rem;border-radius:50%;background:#ef4444}#editorWorkspace #inputs,.workspace-body,.workspace-view{display:flex;flex:1 1;flex-direction:column;min-width:0;min-height:0}#editorWorkspace #inputs>.execution-controls{flex-shrink:0;margin:0;padding:.5rem}.workspace-devices{min-width:0;padding:.5rem}.workspace-view[hidden]{display:none}.workspace-view{overflow:auto}#editorWorkspace #inputs{gap:0;align-items:stretch;justify-content:stretch}.workspace-footer{flex-shrink:0;border-top:1px solid var(--workspace-rule)}#editorWorkspace .controls-rail{border-bottom:0;padding:.75rem .875rem;background:var(--workspace-surface)}#editorWorkspace .controls-rail>.divider{display:none}#editorWorkspace #console,#editorWorkspace .console-dock{display:flex;flex:1 1;flex-direction:column;min-height:0;height:100%;max-height:none}#editorWorkspace #console{border:0;border-radius:0}#editorWorkspace .cm-editor,#editorWorkspace .cm-gutters,#editorWorkspace .cm-scroller,#editorWorkspace .code-block,#editorWorkspace .codemirror-container,#editorWorkspace .compiledCode,#editorWorkspace .entry-details,#editorWorkspace .io-card,#editorWorkspace .manualModeInstruction,#editorWorkspace .nextLine{border:0;border-radius:0;box-shadow:none;background:transparent}#editorWorkspace .cm-cursor,#editorWorkspace .cm-selectionBackground{margin:0}#editorWorkspace .manualModeInstruction{justify-content:flex-start;padding:.75rem;font-style:normal;font-weight:400;text-align:left;color:var(--workspace-muted)}#editorWorkspace .manualModeInstruction p{font-size:.8125rem;line-height:1.6;opacity:1}#editorWorkspace #program,#editorWorkspace .programEditor{padding:.75rem;gap:.75rem}#editorWorkspace .editor-wrapper{--panelBackgroundColor:var(--workspace-canvas)}#editorWorkspace .codemirror-container,#editorWorkspace .compiledCode,#editorWorkspace .nextLine{border-radius:4px;background:var(--workspace-canvas)}#editorWorkspace .nextLineTitle{font-style:normal;font-weight:600;font-size:.8125rem;color:var(--workspace-muted)}#editorWorkspace .compiledCode .flexRow{border-radius:0}#editorWorkspace .console-entry,#editorWorkspace .console-header{border-bottom:1px solid var(--workspace-rule)}#editorWorkspace .console-entry{background:transparent}#editorWorkspace .level-badge{border-radius:3px;background:color-mix(in srgb,var(--entry-color) 10%,transparent)}#editorWorkspace .console-header button,#editorWorkspace .details-toggle,#editorWorkspace .execution-btn,#editorWorkspace .rail-btn{border:0;border-radius:4px;background:transparent;color:var(--workspace-muted);box-shadow:none;transform:none;transition:background-color .15s,color .15s}#editorWorkspace .execution-btn{padding:.5rem .75rem;font-size:.8125rem;color:var(--fontColor);background:var(--workspace-raised)}#editorWorkspace .execution-btn:before{display:none}#editorWorkspace .execution-btn span,#editorWorkspace .execution-btn svg{color:inherit;stroke:currentColor;filter:none;text-shadow:none;transform:none}#editorWorkspace .console-header button:hover,#editorWorkspace .details-toggle:hover,#editorWorkspace .execution-btn:hover,#editorWorkspace .rail-btn:hover{border-color:transparent;background:var(--workspace-hover);color:var(--fontColor)}#editorWorkspace .execution-btn:disabled,#editorWorkspace .rail-btn:disabled{color:var(--fontColor);opacity:.4;filter:none}#editorWorkspace .rail-btn.active{color:var(--primaryColor);background:var(--workspace-selected);box-shadow:none}#editorWorkspace .execution-btn--compile,#editorWorkspace .execution-btn--step,#editorWorkspace .rail-btn--step{background:var(--primaryColor);color:var(--workspace-on-accent)}#editorWorkspace .execution-btn--compile:not(:disabled):hover,#editorWorkspace .execution-btn--step:not(:disabled):hover,#editorWorkspace .rail-btn--step:not(:disabled):hover{background:color-mix(in srgb,var(--primaryColor) 90%,var(--fontColor));color:var(--workspace-on-accent)}#editorWorkspace .entry-details{border-radius:4px;background:var(--workspace-raised)}#editorWorkspace .code-block{background:var(--workspace-surface)}#editorWorkspace .console-entry:hover{background:var(--workspace-hover)}#editorWorkspace .io-card h3{font-size:1rem;font-weight:600}#editorWorkspace .io-card input{height:2.125rem;border:1px solid var(--workspace-rule);border-radius:4px;background:var(--workspace-raised)}#editorWorkspace .io-card input:focus{border-color:var(--primaryColor)}#editorWorkspace .value-box{border:0;border-radius:4px;background:var(--workspace-raised)}#editorWorkspace .status{width:fit-content;min-width:4.5rem;padding:.25rem .625rem;border-radius:4px;background:var(--workspace-selected);color:var(--primaryColor);font-size:.75rem;font-weight:600}#editorWorkspace .status.busy{color:var(--workspace-error);background:color-mix(in srgb,var(--workspace-error) 10%,transparent)}body.darkMode #editorWorkspace{--workspace-surface:#1d2027;--workspace-canvas:#181b21;--workspace-raised:#2a2e38;--workspace-hover:#2c3240;--workspace-rule:#303642;--workspace-muted:#a1acc0;--workspace-selected:#263c56;--workspace-on-accent:#101722;--workspace-error:#f87171}#editorWorkspace.workspace-expanded{position:fixed;inset:var(--topbar-height) 0 0;width:100%;z-index:40;border-radius:0}@media (max-width:1023px){#editorWorkspace{position:relative;top:auto;height:calc(100dvh - var(--topbar-height) - var(--mobile-controls-height))}#editorWorkspace.workspace-expanded{position:fixed;top:var(--topbar-height);height:calc(100dvh - var(--topbar-height))}}.mobile-memory-header .busLabel{display:flex;flex-direction:row;justify-content:center;position:relative;gap:5px}.mobile-memory-header .busLabelUp{padding-top:4px;align-items:start}.mobile-memory-header .busLabelDown{padding-bottom:4px;align-items:end}:where([data-component=PeopleSection]) .creatorsContent{flex:1 1;overflow:visible;padding:.5rem 1rem .75rem;display:flex;flex-direction:column}:where([data-component=PeopleSection]) .creatorsList{display:grid;width:100%;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:8px;margin-top:8px;padding:8px;background-color:var(--backgroundColorItem);border-radius:8px;border:1px solid rgba(255,255,255,.1);align-items:stretch}:where([data-component=PeopleSection]) .creatorItem{height:100%;padding:8px 10px;background-color:var(--panelBackgroundColor);border-radius:6px;font-size:.9em;text-align:center;color:#000;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:6px}:where([data-component=PeopleSection]) .creatorItem:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}:where([data-component=PeopleSection]) .creatorName{font-weight:600;line-height:1.2;color:var(--fontColor)}:where([data-component=PeopleSection]) .creatorRoles{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}:where([data-component=PeopleSection]) .creatorRole{font-size:.72rem;opacity:.85;padding:1px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}:where([data-component=PeopleSection]) .creatorLinks{display:flex;justify-content:center;gap:6px;margin-top:2px}:where([data-component=PeopleSection]) .iconLink{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#666;transition:.2s;border-radius:4px;padding:2px}:where([data-component=PeopleSection]) .iconLink:hover{color:#fff;background:rgba(255,255,255,.1);transform:scale(1.06)}:where([data-component=PeopleSection]) .creatorsHeader{display:flex;height:56px;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#003c7d;color:#fff}:where([data-component=PeopleSection]) .creatorsHeader h1{font-size:1.25rem;color:#fff;margin:0}@media (max-width:340px){:where([data-component=PeopleSection]) .creatorsList{grid-template-columns:repeat(1,minmax(0,1fr))}}:where([data-component=PeopleSection]).people-section+.people-section{margin-top:10px}.register-container{position:relative;display:flex;align-items:center}.register-container .inputWrapper{position:relative}.register-container .format-selector{position:relative;margin-left:4px}.register-container .format-button{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.register-container .format-button:hover{background-color:rgba(128,128,128,.2)}.register-container .format-button svg{width:16px;height:16px;fill:var(--fontColor)}.register-container .format-menu{position:absolute;top:100%;right:0;background-color:var(--backgroundColor);border:1px solid var(--panelOutlineColor);border-radius:var(--default-border-radius);padding:4px;z-index:1000;min-width:60px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.register-container .format-menu button{display:block;width:100%;border:none;background:transparent;color:inherit;font-family:inherit;padding:6px 10px;cursor:pointer;border-radius:4px;font-size:.85rem;text-align:center}.register-container .format-menu button:hover{background-color:var(--buttonHoverColor)}.register-container .format-menu button.active{background-color:var(--signal-active);color:white}.rz-register{display:flex;flex-direction:column;gap:.5rem}.rz-inputs{grid-area:b;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.rz-input{appearance:none;border:1px solid var(--panelOutlineColor);background:var(--panelBackgroundColor,white);color:var(--fontColor,black);font-weight:600;padding:.25rem 0;border-radius:2px;line-height:1;cursor:pointer;transition:background .15s ease,transform .05s ease}.rz-input:active{transform:translateY(1px)}.rz-input.active{background:#9fd18b}.rz-display{border:2px solid #000;background:#fff;padding:.35rem .5rem;border-radius:2px}:where([data-component=SettingsOverlay])#settings-overlay{position:fixed;inset:0;z-index:100;opacity:0;animation:fadeIn .3s ease-in-out forwards}:where([data-component=SettingsOverlay])#settings-overlay.is-closing{pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){:where([data-component=SettingsOverlay]) #settings{width:100vw;max-width:100vw}:where([data-component=SettingsOverlay]) #creators{width:85vw;max-width:85vw}}:where([data-component=SettingsPanel])#settings{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:90vw;z-index:101;background-color:var(--panelBackgroundColor);border-left:1px solid var(--panelOutlineColor);box-shadow:-4px 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}:where([data-component=SettingsPanel])#settings.slide-in{transform:translateX(0)}:where([data-component=SettingsPanel])#settings.slide-out{transform:translateX(100%)}:where([data-component=SettingsPanel]) .settingsContent{flex:1 1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}:where([data-component=SettingsPanel]) .settingsHeader{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#003c7d;color:#fff}:where([data-component=SettingsPanel]) .settingsGroup{text-align:start}:where([data-component=SettingsPanel]) .settingsGroup.open .chevron{transform:rotate(90deg)}:where([data-component=SettingsPanel]) .settingsGroupHeader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:8px 0;-webkit-user-select:none;user-select:none}:where([data-component=SettingsPanel]) .settingsGroupToggle{grid-column:span 2;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}:where([data-component=SettingsPanel]) .settingsGroupHeader .chevron{width:0;height:0;border-left:6px solid var(--fontColor);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .22s ease;margin-right:2px}:where([data-component=SettingsPanel]) .settingsGroupHeader .group-title{color:var(--fontColor);font-weight:600}:where([data-component=SettingsPanel]) .collapse-enter-active,:where([data-component=SettingsPanel]) .collapse-leave-active{transition:height .25s ease}:where([data-component=SettingsPanel]) .collapsible{overflow:hidden}:where([data-component=SettingsPanel]) .settingsHeader h1{font-size:1.25rem;color:#fff;margin:0}:where([data-component=SettingsPanel]) .switch{position:relative;display:inline-block;width:70px;height:34px}:where([data-component=SettingsPanel]) .switch input{opacity:0;width:0;height:0}:where([data-component=SettingsPanel]) .slider{position:absolute;cursor:pointer;inset:0;background:var(--backgroundColorItem);transition:.4s}:where([data-component=SettingsPanel]) .slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background:var(--backgroundColorPartOfItem);transition:.4s}:where([data-component=SettingsPanel]) input:checked+.slider{background:#003c7d}:where([data-component=SettingsPanel]) input:focus+.slider{box-shadow:0 0 1px #003c7d}:where([data-component=SettingsPanel]) input:checked+.slider:before{transform:translateX(36px)}:where([data-component=SettingsPanel]) .slider.round{border-radius:.25rem}:where([data-component=SettingsPanel]) .slider.round:before{border-radius:.25rem}:where([data-component=SettingsPanel]) .button-column{gap:.75rem}:where([data-component=SettingsPanel]) .compact-button{width:auto!important;max-width:100%!important;min-width:0!important;flex-shrink:1!important;padding:.5rem 1rem!important;font-size:.85rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where([data-component=SettingsPanel]) .compact-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where([data-component=SettingsPanel]) .module-toggle-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0}:where([data-component=SettingsPanel]) .module-label{color:var(--fontColor)}:where([data-component=SettingsPanel]) .number-format-toggle{width:100%}:where([data-component=SettingsPanel]) .multiToggleButton{display:flex;border-radius:var(--default-border-radius);overflow:hidden;border:1px solid var(--panelOutlineColor)}:where([data-component=SettingsPanel]) .multiToggleButton span{flex:1 1;padding:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--buttonBackgroundColor);color:var(--buttonTextColor);transition:.2s;font-size:.9rem}:where([data-component=SettingsPanel]) .multiToggleButton span:hover{background:var(--buttonHoverColor)}:where([data-component=SettingsPanel]) .format-toggle{display:grid;grid-template-columns:1fr 1fr 1fr;min-width:180px}:where([data-component=SettingsPanel]) .format-toggle span{background:var(--buttonBackgroundColor);color:var(--buttonTextColor,black)}:where([data-component=SettingsPanel]) .format-toggle.active-bin span:nth-child(3),:where([data-component=SettingsPanel]) .format-toggle.active-dec span:first-child,:where([data-component=SettingsPanel]) .format-toggle.active-hex span:nth-child(2){background:var(--signal-active);color:#fff}:where([data-component=SettingsPanel]) .format-toggle.active-bin span:nth-child(3):hover,:where([data-component=SettingsPanel]) .format-toggle.active-dec span:first-child:hover,:where([data-component=SettingsPanel]) .format-toggle.active-hex span:nth-child(2):hover{background:var(--signal-active)}:where([data-component=SettingsPanel]) .toggleButtonDiv{display:flex;border-radius:var(--default-border-radius);overflow:hidden;border:1px solid var(--panelOutlineColor)}:where([data-component=SettingsPanel]) .toggleButtonDiv span{flex:1 1;padding:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;background:var(--buttonBackgroundColor);color:var(--buttonTextColor);transition:.2s;font-size:.9rem}:where([data-component=SettingsPanel]) .toggleButtonDiv span:hover{background:var(--buttonHoverColor)}:where([data-component=SettingsPanel]) .toggleButtonDiv.active span:first-child{background:var(--signal-active);color:#fff}:where([data-component=SettingsPanel]) .toggleButtonDiv:not(.active) span:last-child{background:var(--signal-active);color:#fff}:where([data-component=SettingsPanel]) .SvgAndTextButton{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--panelOutlineColor);border-radius:var(--default-border-radius);background:var(--buttonBackgroundColor);color:var(--buttonTextColor);cursor:pointer;transition:.2s;font-size:.9rem;flex:1 1;justify-content:center}:where([data-component=SettingsPanel]) .SvgAndTextButton:hover{background:var(--buttonHoverColor);transform:translateY(-1px)}:where([data-component=SettingsPanel]) .SvgAndTextButton:active{background:var(--buttonActiveColor);transform:translateY(0)}:where([data-component=SettingsPanel])#settings .flexColumn{display:flex;flex-direction:column;gap:.5rem;margin-bottom:20px}:where([data-component=SettingsPanel])#settings input[type=number]{padding:.5rem;border-radius:var(--default-border-radius);border:1px solid var(--panelOutlineColor);background:var(--backgroundColor);color:var(--fontColor);font-size:.9rem;transition:border-color .2s}:where([data-component=SettingsPanel])#settings input[type=number]:focus{border-color:var(--signal-active);outline:none}:where([data-component=SettingsPanel])#settings label{font-weight:500;color:var(--fontColor);margin-bottom:.25rem;text-align:left!important}:where([data-component=SettingsPanel])#settings p{font-size:.85rem;color:var(--fontColor);opacity:.7;margin:.25rem 0 0;line-height:1.4}:where([data-component=SettingsPanel]) .color-section{margin:20px 0;padding:20px 0;border-top:1px solid var(--panelOutlineColor)}:where([data-component=SettingsPanel]) .color-section-title{color:var(--fontColor);font-size:1.1rem;font-weight:600;margin:0 0 20px;text-align:center}:where([data-component=SettingsPanel]) .color-buttons-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}:where([data-component=SettingsPanel]) .color-selection-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--panelOutlineColor);border-radius:var(--default-border-radius);background:var(--buttonBackgroundColor);color:var(--buttonTextColor);cursor:pointer;transition:all .2s ease}:where([data-component=SettingsPanel]) .color-selection-btn:hover{background:var(--buttonHoverColor);border-color:#003c7d;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,60,125,.15)}:where([data-component=SettingsPanel]) .color-label{font-size:.9rem;font-weight:500}:where([data-component=SettingsPanel]) .color-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--panelOutlineColor);flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}:where([data-component=SettingsPanel]) .send-colors-btn{width:100%;padding:12px 20px;background:#003c7d;color:white;border:1px solid #003c7d;border-radius:var(--default-border-radius);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}:where([data-component=SettingsPanel]) .send-colors-btn:hover:not(:disabled){background:#0056b3;border-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,86,179,.3)}:where([data-component=SettingsPanel]) .send-colors-btn:disabled{background:var(--buttonBackgroundColor);color:var(--fontColor);border-color:var(--panelOutlineColor);cursor:not-allowed;opacity:.5}:where([data-component=SettingsPanel]) .color-picker-group{margin-bottom:25px;padding:15px;background:var(--panelBackgroundColorSecondary,rgba(0,0,0,.1));border-radius:var(--default-border-radius);border:1px solid var(--panelOutlineColor)}:where([data-component=SettingsPanel]) .color-picker-label{color:var(--fontColor);font-size:.95rem;font-weight:500;margin:0 0 15px;text-align:center;opacity:.9}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar{width:12px}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-track{background:var(--panelBackgroundColor);border-radius:6px}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-thumb{background:#003c7d;border-radius:6px;-webkit-transition:background-color .2s;transition:background-color .2s}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-thumb:hover{background:#0056b3}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-thumb:active{background:#002a5c}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-corner{background:var(--panelBackgroundColor)}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-button{display:block;height:12px;width:12px;background:#003c7d;border-radius:0}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-button:hover{background:#0056b3}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-button:active{background:#002a5c}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-button:vertical:start:decrement{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 14l5-5 5 5z"/></svg>');background-repeat:no-repeat;background-position:50%;background-size:8px}:where([data-component=SettingsPanel]) .settingsContent::-webkit-scrollbar-button:vertical:end:increment{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:50%;background-size:8px}:where([data-component=SettingsPanel]) .settingsContent{scrollbar-width:auto;scrollbar-color:#003c7d var(--panelBackgroundColor)}:where([data-component=TopBar]) .flexRow{display:flex;gap:.25rem;align-items:center}:where([data-component=TopBar]) .wsBadge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:999px;font-size:.78rem;line-height:1;border:1px solid transparent;background:rgba(255,255,255,.08);color:#e6e6e6;cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .2s ease;opacity:.95;margin-right:.25rem}:where([data-component=TopBar]) .wsBadge:hover{transform:translateY(-1px);opacity:1}:where([data-component=TopBar]) .wsBadge .dot{width:.6rem;height:.6rem;border-radius:50%;background:currentColor;position:relative}:where([data-component=TopBar]) .wsBadge .dot.spin:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:spin 1s linear infinite;opacity:.7}@keyframes spin{to{transform:rotate(1turn)}}:where([data-component=TopBar]) .ws--ok{background:rgba(46,204,113,.14);color:#2ecc71;border-color:rgba(46,204,113,.35)}:where([data-component=TopBar]) .ws--pending{background:rgba(255,191,0,.14);color:#ffbf00;border-color:rgba(255,191,0,.35)}:where([data-component=TopBar]) .ws--err{background:rgba(255,99,99,.12);color:#ff5c5c;border-color:rgba(255,99,99,.3)}:where([data-component=TopBar]) .ws--off{background:rgba(128,128,128,.1);color:#bdbdbd;border-color:rgba(189,189,189,.28)}:root{--mobile-controls-height:0px}#mobileControls{display:none}.inputWrapper:focus-within input{opacity:1}.inputWrapper:focus-within>span{opacity:0}@media (max-width:1023px){:root{--mobile-controls-height:calc(3.75rem + env(safe-area-inset-bottom, 0px))}#app{padding-bottom:var(--mobile-controls-height)}#mobileControls{position:fixed;inset:auto 0 0;z-index:45;display:flex;align-items:center;gap:.375rem;height:var(--mobile-controls-height);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom, 0px));background:var(--panelBackgroundColor);border-top:1px solid var(--panelOutlineColor)}#mobileControls .execution-btn,#mobileControls>button{box-sizing:border-box;min-width:44px;height:44px;padding:.5rem .75rem;border:0;outline:none;border-radius:4px;background:transparent;color:var(--fontColor);font:inherit;font-size:.8125rem;box-shadow:none;transform:none}#mobileControls .execution-controls{flex-wrap:nowrap;gap:.375rem;margin:0 0 0 auto}#mobileControls .execution-btn{width:44px;padding:.5rem!important}#mobileControls .execution-btn:before{display:none}#mobileControls .execution-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#mobileControls .execution-btn svg{width:20px;height:20px;color:inherit;stroke:currentColor;filter:none;transform:none}#mobileControls .execution-btn--step{background:var(--primaryColor);color:var(--backgroundColor)}#mobileControls button:focus-visible{outline:2px solid var(--primaryColor);outline-offset:-2px}#mobileControls button:disabled{opacity:.4;filter:none}body:has(#editorWorkspace.workspace-expanded) #mobileControls{display:none}.app-toast{bottom:calc(var(--mobile-controls-height) + .75rem)}#editorWorkspace .execution-btn,#editorWorkspace .rail-btn,#editorWorkspace .workspace-expand,#editorWorkspace .workspace-tab{box-sizing:border-box;min-height:44px}#editorWorkspace .workspace-expand{min-width:44px}#editorWorkspace .cm-editor{font-size:16px}#topBar{gap:.25rem}#topBar .logo{min-width:0;max-width:calc(100% - 144px);height:auto}#topBar .flexRow{gap:.125rem;flex-shrink:0}#topBar .simpleSvgButton{width:44px;height:44px}#topBar .simpleSvgButton svg{width:28px;height:28px}:where([data-component=SettingsPanel])#settings{width:100%;max-width:min(100%,400px);height:100dvh}}@media (max-width:1023px),(pointer:coarse){.register-container .format-button{box-sizing:border-box;min-width:44px;min-height:44px;outline:none}.register-container .format-button:focus-visible{outline:2px solid var(--primaryColor)}.register-container .format-menu button{min-height:44px}#W .impulse,#W .rz-input{min-width:44px;min-height:44px}#W .inputWrapper input,#editorWorkspace input,#settings input{font-size:16px}:where([data-component=SettingsPanel]) .switch{flex:0 0 70px;height:44px}:where([data-component=SettingsPanel]) .slider{inset-block:5px}:where([data-component=SettingsPanel]) .module-label{min-width:0;overflow-wrap:anywhere}}