@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(./IBMPlexMono-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;src:url(./IBMPlexMono-Medium.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;src:url(./IBMPlexMono-SemiBold.woff2) format("woff2")}:root{--code-font: "IBM Plex Mono", monospace;--panel-bg: rgba(30, 30, 30, .95);--panel-border: rgba(255, 255, 255, .2);--panel-section-bg: rgba(30, 30, 30, .6);--panel-item-hover-bg: rgba(255, 255, 255, .1);--panel-item-active-bg: rgba(255, 255, 255, .15);--panel-control-bg: rgba(0, 0, 0, .2);--accent-color: #00ff41;--text-primary: #f8f8f2;--panel-border-radius: 4px;--item-border-radius: 4px;--code-eval-highlight-color-connected: rgba(255, 255, 0, .7);--code-eval-highlight-color-disconnected: rgb(148, 148, 148);--code-eval-highlight-color-preview: rgba(100, 200, 255, .7);--code-eval-highlight-color: rgba(255, 255, 0, .7);--editor-background: #15191EFA;--top-toolbar-height: 48px;--panel-groove: rgba(255, 255, 255, .06);--panel-ridge: rgba(255, 255, 255, .12);--section-separator: rgba(255, 255, 255, .08)}html,body{min-height:100%;background-color:var(--editor-background, #15191EFA);transition:background-color .2s ease}body{margin:0;font-family:var(--code-font)}*,*:before,*:after{font-family:inherit}input,button,select,textarea{font-family:var(--code-font)}#panel-toolbar{position:fixed;top:0;right:10px;display:flex;flex-direction:column;gap:10px;background:transparent;box-shadow:0 0 10px #00000080;border:none;border-radius:var(--panel-border-radius);padding:5px}#panel-top-toolbar{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 10px;gap:4px;background:var(--toolbar-bg, transparent);backdrop-filter:blur(12px);z-index:1000;pointer-events:none}#panel-top-toolbar .toolbar-row{pointer-events:auto;gap:4px}#panel-top-toolbar .toolbar-button{padding:.35em .5em;height:2.1em;min-width:22px;font-size:.95em}.toolbar-row{display:flex;gap:5px;justify-content:center}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;padding:.46em .6em;border:1px solid var(--panel-border);border-radius:4px;margin:0 2px;height:2.5em;min-width:26px;box-sizing:border-box;text-decoration:none;font-family:monospace;font-weight:400;color:var(--text-primary);background-color:var(--panel-control-bg);text-align:center;transition:all .15s;user-select:none;cursor:pointer;box-shadow:0 1px 3px #0003}.toolbar-button:hover{background-color:var(--panel-item-hover-bg);border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 2px 5px #0000004d}.toolbar-button:active{background-color:var(--panel-item-active-bg);border-color:var(--accent-color-active);color:var(--accent-color-active);transform:translateY(1px)}.toolbar-button.primary{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.toolbar-button.primary:hover{background-color:var(--accent-color-hover);border-color:var(--accent-color-hover);color:#fff}.toolbar-button.primary:active{background-color:var(--accent-color-active);border-color:var(--accent-color-active);color:#fff}.toolbar-button.disabled{opacity:.5;pointer-events:none}.toolbar-row:first-child .toolbar-button:first-child{box-shadow:0 0 20px var(--accent-color);transform-origin:center;transition:transform .2s ease-in-out}.toolbar-row:first-child .toolbar-button:first-child:hover{box-shadow:0 0 20px var(--accent-color-hover)}.toolbar-row:first-child .toolbar-button.transport-none{color:#ff3c3ccc!important;box-shadow:0 0 20px #ff3c3c8c!important}.toolbar-row:first-child .toolbar-button.transport-wasm{color:#ffa500d9!important;box-shadow:0 0 20px #ffa50099!important}.toolbar-row:first-child .toolbar-button.transport-both{color:#00e664d9!important;box-shadow:0 0 20px #00e66499!important}.toolbar-row:first-child .toolbar-button.transport-hardware{color:#78d250d9!important;box-shadow:0 0 20px #78d25099!important}@media all and (max-width:30em){.toolbar-button{display:inline-flex;margin:.4em auto}}#panel-main-editor{position:fixed;top:var(--top-toolbar-height, 0px);left:0;right:0;bottom:0;width:100%;min-width:25em;overflow:hidden;resize:none;opacity:1;transition:box-shadow .2s ease}.cm-evaluated-code{animation-name:flash-highlight;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-out;border-radius:8px}@keyframes flash-highlight{0%{background-color:var(--code-eval-highlight-color)}to{background-color:transparent}}.cm-evaluated-preview{animation-name:flash-highlight-preview}@keyframes flash-highlight-preview{0%{background-color:var(--code-eval-highlight-color-preview)}to{background-color:transparent}}.cm-parent-node{border-bottom:2px solid var(--accent-color);border-radius:0 0 1px 1px}.cm-parent-node-editor-area{border-bottom:2px solid rgba(255,100,100,.3);border-radius:1px}.cm-left-sibling-underscore{border-bottom:3px solid rgba(50,150,255,.9);background-color:#3296ff33}.hide-cursor .cm-cursor,.hide-cursor .cm-cursor:before{opacity:0!important}.cm-right-sibling-underscore{border-bottom:3px solid rgba(255,100,100,.9);background-color:#ff646433}.cm-expr-play-btn{transition:box-shadow .18s ease,filter .18s ease}.cm-expr-play-btn:hover{filter:brightness(1.1)}.cm-expr-play-btn.is-visualising{filter:none}.cm-probe-widget{display:inline-flex;flex-direction:column;align-items:flex-start;margin-left:10px;margin-right:2px;vertical-align:middle;position:relative;padding-top:18px;resize:both;overflow:hidden;min-width:80px;min-height:64px}.cm-probe-widget:hover{outline:1px solid rgba(255,255,255,.15);outline-offset:-1px}.cm-probe-widget-body{display:inline-flex;align-items:center;width:100%;height:100%}.cm-probe-widget-body canvas{display:block;border-radius:6px;width:100%;height:100%}.cm-probe-depth-overlay{position:absolute;top:0;left:0;display:flex;align-items:center;gap:4px;font-size:10px;line-height:1;color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em}.cm-probe-caret-btn{visibility:hidden;border:none;background:transparent;color:#ffffffd9;cursor:pointer;font-size:12px;line-height:1;padding:2px 4px}.cm-probe-widget:hover .cm-probe-caret-btn{visibility:visible}.cm-probe-caret-btn:hover{color:var(--accent-color, #00ff41)}.cm-probe-caret-btn:disabled{display:none}.cm-probe-close-btn{position:absolute;top:0;right:0;visibility:hidden;border:none;background:transparent;color:#ffffffd9;cursor:pointer;font-size:11px;line-height:1;padding:2px 4px}.cm-probe-widget:hover .cm-probe-close-btn{visibility:visible}.cm-probe-close-btn:hover{color:var(--accent-color, #00ff41)}.cm-probe-window-duration{position:absolute;bottom:-22px;left:0;right:0;display:flex;align-items:center;gap:4px;visibility:hidden;opacity:0;transition:opacity .12s ease,visibility .12s ease}.cm-probe-widget:hover .cm-probe-window-duration{visibility:visible;opacity:1}.cm-probe-window-duration-slider{flex:1;height:14px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.cm-probe-window-duration-slider::-webkit-slider-runnable-track{height:3px;background:#ffffff26;border-radius:0}.cm-probe-window-duration-slider::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:12px;background:var(--accent-color, #00ff41);border:none;border-radius:0;margin-top:-4.5px;cursor:pointer}.cm-probe-window-duration-slider::-moz-range-track{height:3px;background:#ffffff26;border:none;border-radius:0}.cm-probe-window-duration-slider::-moz-range-progress{height:3px;background:var(--accent-color, #00ff41);border-radius:0}.cm-probe-window-duration-slider::-moz-range-thumb{width:3px;height:12px;background:var(--accent-color, #00ff41);border:none;border-radius:0;cursor:pointer}.cm-probe-window-duration-slider:hover::-webkit-slider-thumb{box-shadow:0 0 6px var(--accent-color, #00ff41)}.cm-probe-window-duration-slider:hover::-moz-range-thumb{box-shadow:0 0 6px var(--accent-color, #00ff41)}.cm-probe-window-duration-value{font-family:var(--code-font);font-size:9px;color:#fff9;min-width:32px;text-align:right}.cm-probe-widget-text{display:inline-flex;max-width:154px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.35;color:#ffffffe0}.cm-probe-widget-text.is-error{color:#ff9c9c}.cm-probe-indexed-item{border-bottom:2px solid var(--accent-color, #00ff41);border-radius:4px;background:#ffffff14}.cm-probe-indexed-item-contextual{box-shadow:inset 0 -2px #00ff412e}.cm-probe-indexed-item-raw{border-bottom-color:#7ab7ff;background:#7ab7ff24}#toolbar-bar-progress-container{height:5px;margin-top:4px;background:#ffffff2e;overflow:hidden;border-radius:2px;transform-origin:left center;display:block;flex:0 0 auto;min-width:0;margin-left:auto;margin-right:auto;pointer-events:none}#toolbar-bar-progress{height:100%;width:100%;background:var(--accent-color, #00ff41);transform-origin:left center;transform:scaleX(0);transition:transform 0s linear}.toolbar-row #toolbar-bar-progress-container{margin-top:4px}.cm-cursor{position:relative;background-color:transparent!important;border-left:none!important}.cm-cursor:before{border-left:none;content:"|";position:absolute;background-color:var(--caret, #DE3163);color:transparent;opacity:.7;top:0;bottom:0;left:0;font-family:var(--code-font);margin-left:.5px}.current-line{background-color:#d3d3d3}.cm-scroller::-webkit-scrollbar{display:none}.cm-scroller{scrollbar-width:none;-ms-overflow-style:none}.cm-inline-result{color:var(--inline-result-color, rgba(130, 200, 130, .9));font-style:italic;opacity:.85;margin-left:4px;white-space:nowrap}.cm-inline-result--error{color:var(--inline-result-error-color, rgba(255, 120, 120, .9))}.cm-inline-result__timestamp{color:#a0a0a099;font-size:.85em;margin-left:6px}.cm-floating-result{position:relative;display:inline-block;background:var(--floating-result-bg, rgba(40, 60, 40, .92));color:var(--floating-result-color, rgba(200, 240, 200, .95));padding:3px 8px;border-radius:4px;font-size:.9em;margin-left:6px;box-shadow:0 2px 8px #0000004d;white-space:nowrap;animation:float-in .15s ease-out}.cm-floating-result--error{background:var(--floating-result-error-bg, rgba(80, 30, 30, .92));color:var(--floating-result-error-color, rgba(255, 180, 180, .95))}@keyframes float-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cm-result-gutter{min-width:30px;background:#ff000026}.cm-gutter-result{color:var(--gutter-result-color, rgba(130, 200, 130, .85));font-size:.75em;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;background:#82c88226;border-radius:3px;animation:gutter-pop .2s ease-out}.cm-gutter-result--error{color:var(--gutter-result-error-color, rgba(255, 120, 120, .85))}@keyframes gutter-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.panel-aux{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;text-align:left;padding:0;height:75%;min-width:20%;max-width:40%;overflow:hidden;border:1px solid var(--panel-border);border-color:var(--accent-color);border-radius:var(--panel-border-radius);box-shadow:0 4px 12px #0000001a;opacity:100%;color:var(--text-primary);font-family:var(--code-font);transition:border-color .2s ease;&:hover{border-color:var(--accent-color)}}.panel-tab-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-nav-bar{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;min-height:32px;padding:0;background-color:var(--toolbar-bg);border-bottom:1px solid var(--panel-border);font-family:var(--code-font)}.panel-tab-button{padding:6px 14px;margin:0;border-radius:0;font-family:var(--code-font);font-weight:500;font-size:.78em;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, rgba(255, 255, 255, .6));background-color:transparent;border:none;border-right:1px solid var(--section-separator, rgba(255, 255, 255, .06));cursor:pointer;transition:color .12s ease,background-color .12s ease;position:relative;&:last-child{border-right:none}&:hover{background-color:var(--panel-item-hover-bg);color:var(--text-primary);border-color:var(--section-separator, rgba(255, 255, 255, .06))}&.active{background-color:var(--panel-section-bg);color:var(--accent-color);border-color:var(--section-separator, rgba(255, 255, 255, .06))}&.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--accent-color)}}.panel-tab-window{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background-color:var(--panel-section-bg);padding:0;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--accent-color);opacity:.5;border-radius:0}&::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color-hover)}}.panel-tab{display:none!important;overflow-x:hidden;&.active{display:flex!important;flex-direction:column;flex:1;min-height:0;overflow-y:auto}}.modulisp-reference-container{display:flex;flex-direction:column}.doc-tags-container{position:sticky;top:0;background-color:var(--panel-bg);padding:8px 12px;margin-bottom:0;border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .08));width:100%;flex-shrink:0;z-index:10}.doc-tags-wrapper{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.doc-search-input{width:100%;box-sizing:border-box;background-color:var(--panel-control-bg);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);color:var(--text-primary);padding:4px 8px;font-size:.82em;font-family:var(--code-font);margin-bottom:0;outline:none}.doc-search-input::placeholder{color:var(--text-muted)}.doc-search-input:focus{border-color:var(--accent-color)}.doc-filters-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.doc-version-filter{display:flex;align-items:center;gap:4px;font-size:.82em}.doc-filter-label{color:var(--text-muted)}.doc-version-select{background-color:var(--panel-control-bg);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);color:var(--text-primary);padding:2px 6px;font-family:var(--code-font);font-size:.9em}.doc-clear-tags{background-color:transparent;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);color:var(--text-secondary);cursor:pointer;padding:2px 8px;font-size:.82em;font-family:var(--code-font);transition:border-color .12s ease}.doc-clear-tags:hover{border-color:var(--accent-color);color:var(--accent-color)}.doc-clear-tags[disabled]{opacity:.5;cursor:default}.doc-tag{padding:1px 8px;background-color:transparent;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);cursor:pointer;user-select:none;transition:all .12s ease;font-size:.78em;font-family:var(--code-font);color:var(--text-secondary)}.doc-tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.doc-tag.selected{background-color:var(--accent-color);border-color:var(--accent-color);color:#000}.doc-function-list{display:grid;grid-template-columns:1fr;gap:0;padding:0;box-sizing:border-box;align-items:stretch}.doc-function-item--expanded{grid-column:1 / -1}.doc-function-item{background-color:transparent;border-radius:0;border:none;border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .06));overflow:hidden;width:100%;display:flex;flex-direction:column;height:100%}.doc-function-item:last-child{border-bottom:none}.doc-function-item--unavailable{opacity:.55}.doc-function-item--unavailable .doc-function-header{color:var(--text-muted)}.doc-function-header{display:flex;align-items:center;padding:6px 12px;cursor:pointer;background-color:transparent;transition:background-color .08s ease}.doc-function-header:hover{background-color:var(--panel-item-hover-bg)}.doc-function-name{flex:1;font-family:var(--code-font);font-size:.9em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-function-param{font-family:var(--code-font);font-size:.78em;color:var(--accent-color, #888);background-color:transparent;font-style:italic;margin-left:.3em;opacity:.7;font-weight:400}.doc-star-button{background:none;border:none;color:gold;font-size:.8em;cursor:pointer;margin-right:.5em;padding:0 .3em}.doc-expand-indicator{color:var(--text-muted);font-size:.7em;padding:0 .3em}.doc-function-version-chip{margin-left:.75em;font-size:.7em;color:var(--accent-color);background-color:transparent;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);padding:0 6px;white-space:nowrap;font-family:var(--code-font)}.doc-function-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.22,1,.36,1)}.doc-function-content-wrapper--expanded{grid-template-rows:1fr}.doc-function-content-inner{overflow:hidden;opacity:0;transform:translateY(-4px);transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.doc-function-content-wrapper--expanded>.doc-function-content-inner{opacity:1;transform:translateY(0)}.doc-function-content{padding:10px 16px;background-color:var(--panel-control-bg);border-top:1px solid var(--section-separator, rgba(255, 255, 255, .06));color:var(--text-primary);width:100%;box-sizing:border-box;overflow:hidden;display:none;font-size:.88em}.doc-function-content--active{display:block}.doc-function-description{margin-bottom:.8em;line-height:1.5}.doc-function-availability-note{margin-bottom:.6em;padding:4px 8px;background-color:#ffc40014;border-left:2px solid rgba(255,196,0,.5);border-radius:0;font-size:.85em;color:var(--text-primary)}.doc-function-change-note{margin-top:.6em;font-size:.82em;color:var(--text-muted)}.doc-function-change-note--upcoming{color:var(--accent-color)}.doc-section-title{font-weight:600;font-size:.75em;text-transform:uppercase;letter-spacing:.08em;margin:.8em 0 .4em;color:var(--accent-color)}.doc-params-list{list-style:none;padding-left:0;margin:.4em 0 .8em}.doc-param-item{margin-bottom:.4em;padding-left:10px;border-left:1px solid var(--section-separator, rgba(255, 255, 255, .08))}.doc-param-name{display:inline-block;font-family:var(--code-font);background-color:transparent;padding:0;border-radius:0;margin-right:.4em;color:var(--accent-color);font-size:.92em}.doc-param-description{display:inline}.doc-param-range{display:block;font-size:.82em;margin-top:.2em;padding-left:0;opacity:.6}.doc-example-wrapper{position:relative;margin:6px 0;background-color:transparent;border-radius:var(--item-border-radius)}.doc-example-editor{position:relative;width:100%;margin-bottom:.6em}.doc-example-simple{position:relative;width:100%;background-color:var(--panel-control-bg);padding:6px 10px;border-radius:var(--item-border-radius);border:1px solid var(--section-separator, rgba(255, 255, 255, .06));font-family:var(--code-font);font-size:.85em;margin:4px 0;overflow-x:auto;white-space:pre-wrap}.doc-copy-button{position:absolute;top:4px;right:4px;background-color:var(--panel-control-bg);color:var(--text-muted);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);padding:1px 6px;font-size:.75em;font-family:var(--code-font);cursor:pointer;opacity:0;transition:opacity .12s ease}.doc-example-wrapper:hover .doc-copy-button,.doc-example-simple:hover .doc-copy-button{opacity:.7}.doc-copy-button:hover{opacity:1!important;color:var(--accent-color);border-color:var(--accent-color)}.doc-copy-button.copied{background-color:var(--accent-color);color:#000;border-color:var(--accent-color);opacity:1!important}.doc-example-toolbar{display:flex;justify-content:flex-end;padding:2px 4px;background-color:var(--panel-control-bg);border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .06))}.doc-example-copy{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--item-border-radius);transition:color .12s ease;font-size:.85em;font-family:var(--code-font)}.doc-example-copy:hover,.doc-example-copy.copied{color:var(--accent-color)}.doc-example-copy .copy-icon{font-size:1em}.doc-function-tags{margin-top:.6em;display:flex;flex-wrap:wrap;gap:4px}.doc-function-tag{font-size:.75em;font-family:var(--code-font);padding:1px 6px;background-color:transparent;border:1px solid var(--section-separator, rgba(255, 255, 255, .08));border-radius:var(--item-border-radius);color:var(--text-muted)}.doc-no-results{padding:2em;text-align:center;color:var(--text-muted);grid-column:1 / -1;font-size:.85em}[contenteditable=true]{cursor:text;transition:outline-color .12s}[contenteditable=true]:hover{outline-color:var(--accent-color)!important}[contenteditable=true]:focus{outline:1px solid var(--accent-color)!important;outline-offset:1px}.doc-save-button:hover{background:var(--accent-hover-color, #0055aa)!important}.doc-save-button:active{transform:translateY(1px)}.doc-function-params-container{display:inline-flex;flex-wrap:wrap;gap:.3em;align-items:center}.useq-reference-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(.5rem);background:var(--panel-bg, #23272e);color:var(--text-primary);border:1px solid var(--accent-color);padding:4px 14px;border-radius:var(--item-border-radius);font-size:.82em;font-family:var(--code-font);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10000;box-shadow:none;white-space:nowrap}.useq-reference-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.panel-section{margin:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .08))}.panel-section:last-child{border-bottom:none}.panel-section-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:9px 14px;margin:0;background:transparent;background-color:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;color:inherit;font:inherit;line-height:inherit;-webkit-appearance:none;appearance:none;outline:none}.panel-section-toggle:hover{background-color:var(--panel-item-hover-bg)}.panel-section-arrow{color:var(--text-muted);font-size:.65em;width:10px;flex-shrink:0;line-height:1}.panel-section-toggle:hover .panel-section-arrow{color:var(--accent-color)}.panel-section-title{font-size:.7em;font-weight:600;margin:0;padding:0;border:none;color:var(--accent-color);text-transform:uppercase;letter-spacing:.12em;line-height:1}.panel-section-body{padding:2px 14px 12px 20px;margin-left:8px;border-left:1px solid var(--section-separator, rgba(255, 255, 255, .08))}.panel-subgroup{margin-bottom:2px}.panel-subgroup:last-child{margin-bottom:0}.panel-subgroup-toggle{display:flex;flex-direction:row;align-items:center;gap:6px;width:100%;padding:5px 2px;margin:0;background:transparent;background-color:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;outline:none}.panel-subgroup-arrow{color:var(--text-muted);font-size:.55em;width:8px;flex-shrink:0;transition:color .1s ease}.panel-subgroup-label{font-family:var(--code-font);font-size:.75em;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;transition:color .1s ease}.panel-subgroup-toggle:hover .panel-subgroup-arrow,.panel-subgroup-toggle:hover .panel-subgroup-label{color:var(--accent-color)}.panel-subgroup-body{padding:2px 0 8px 16px;border-left:1px solid var(--section-separator, rgba(255, 255, 255, .06));margin-left:4px}.panel-row{display:flex;align-items:center;margin-bottom:3px;gap:12px;padding:3px 0;min-height:28px}.panel-label{flex:0 0 180px;font-weight:400;font-size:.8em;color:var(--text-secondary, rgba(255, 255, 255, .65));line-height:1.2}.panel-control{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.panel-control:has(.panel-number-drag),.panel-control:has(.panel-text-input),.panel-control:has(.panel-select),.panel-control:has(.panel-range){justify-content:stretch}.panel-text-input,.panel-select{width:100%;padding:4px 8px;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);font-size:.82em;font-family:var(--code-font);transition:border-color .12s ease;background-color:var(--panel-control-bg);color:var(--text-primary)}.panel-text-input:focus,.panel-select:focus{outline:none;border-color:var(--accent-color);box-shadow:none}.panel-number-drag{position:relative;display:flex;align-items:center;width:100%;cursor:ns-resize;user-select:none}.panel-number-drag--editing{cursor:text}.panel-number-drag--disabled{cursor:not-allowed;opacity:.45}.panel-number-input{width:100%;padding:4px 24px 4px 8px;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);font-size:.82em;font-family:var(--code-font);transition:border-color .12s ease,color .12s ease;background-color:var(--panel-control-bg);color:var(--text-primary);text-align:left;cursor:inherit;-moz-appearance:textfield}.panel-number-input::-webkit-inner-spin-button,.panel-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.panel-number-drag--editing .panel-number-input{border-color:var(--accent-color);outline:none;cursor:text}.panel-number-drag--dragging .panel-number-input{border-color:var(--accent-color);color:var(--accent-color)}.panel-number-drag:not(.panel-number-drag--editing):not(.panel-number-drag--disabled):hover .panel-number-input{border-color:var(--text-secondary, rgba(255, 255, 255, .4))}.panel-number-drag-hint{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.7em;line-height:1;color:var(--text-muted);opacity:.35;pointer-events:none}.panel-number-drag--disabled .panel-number-drag-hint,.panel-number-drag--editing .panel-number-drag-hint{display:none}.panel-toggle{display:inline-flex;align-items:center;cursor:pointer;position:relative;user-select:none}.panel-toggle-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.panel-toggle-track{position:relative;width:32px;height:16px;background-color:var(--panel-control-bg);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);transition:all .2s ease;overflow:hidden}.panel-toggle-track:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none}.panel-toggle-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;background-color:var(--text-muted);border-radius:2px;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease,box-shadow .2s ease}.panel-toggle-input:checked+.panel-toggle-track{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 12%,transparent)}.panel-toggle-input:checked+.panel-toggle-track .panel-toggle-thumb{transform:translate(16px);background-color:var(--accent-color);box-shadow:0 0 6px color-mix(in srgb,var(--accent-color) 50%,transparent)}.panel-toggle:hover .panel-toggle-track{border-color:var(--text-secondary, rgba(255, 255, 255, .4))}.panel-toggle:hover .panel-toggle-input:checked+.panel-toggle-track{border-color:var(--accent-color)}.panel-range{display:flex;align-items:center;gap:10px;width:100%}.panel-range--disabled{opacity:.35;pointer-events:none}.panel-range-track{flex:1;position:relative;height:20px;cursor:pointer;display:flex;align-items:center;touch-action:none}.panel-range-track:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:var(--panel-border);border-radius:0}.panel-range-fill{position:absolute;left:0;top:50%;height:3px;transform:translateY(-50%);background:var(--accent-color);border-radius:0;pointer-events:none;transition:width .03s linear}.panel-range--active .panel-range-fill,.panel-range--hover .panel-range-fill{box-shadow:0 0 4px color-mix(in srgb,var(--accent-color) 30%,transparent)}.panel-range-ticks{position:absolute;left:0;right:0;top:50%;height:0;pointer-events:none}.panel-range-tick{position:absolute;top:-1px;width:1px;height:3px;background:var(--panel-border);opacity:.5;transform:translate(-50%)}.panel-range-tick:first-child,.panel-range-tick:last-child{display:none}.panel-range-thumb{position:absolute;top:50%;width:3px;height:16px;transform:translate(-50%,-50%);background:var(--accent-color);border-radius:0;pointer-events:none;transition:height .12s ease,box-shadow .12s ease,width .12s ease;z-index:1}.panel-range--hover .panel-range-thumb{height:18px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 20%,transparent),0 0 8px color-mix(in srgb,var(--accent-color) 25%,transparent)}.panel-range--active .panel-range-thumb{height:20px;width:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 25%,transparent),0 0 12px color-mix(in srgb,var(--accent-color) 35%,transparent)}.panel-range-native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}.panel-range-value{font-family:var(--code-font);font-size:.75em;color:var(--text-muted);min-width:48px;text-align:right;white-space:nowrap;flex-shrink:0;letter-spacing:.02em;transition:color .12s ease}.panel-range--active .panel-range-value,.panel-range--hover .panel-range-value{color:var(--accent-color)}.panel-range--disabled .panel-range-value{opacity:.7}.panel-button{padding:5px 14px;border:1px solid var(--accent-color);border-radius:var(--item-border-radius);background-color:transparent;color:var(--accent-color);font-family:var(--code-font);font-size:.75em;font-weight:500;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .12s ease}.panel-button:hover{background-color:var(--accent-color);color:var(--panel-bg, #000);transform:none}.panel-button:active{filter:brightness(.85);transform:none}.panel-button.reset{background-color:transparent;color:#ff4d4d;border-color:#ff4d4d}.panel-button.reset:hover{background-color:#ff4d4d;color:#fff;transform:none}.panel-button-group{display:flex;gap:8px;flex-wrap:wrap}.panel-info-text{font-size:.8em;color:var(--text-muted);margin:0 0 8px;line-height:1.45}.key-binding{display:inline-block;padding:2px 6px;background-color:var(--panel-control-bg);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);font-family:var(--code-font);font-size:.82em;color:var(--text-primary)}.theme-select{color:var(--text-primary)}.theme-select option{background-color:var(--panel-control-bg);color:var(--text-primary)}.settings-search-bar{position:sticky;top:0;z-index:2;padding:8px 14px;background:var(--panel-bg);border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .08))}.settings-search-input{width:100%;box-sizing:border-box;padding:5px 10px;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);font-size:.82em;font-family:var(--code-font);background-color:var(--panel-control-bg);color:var(--text-primary);outline:none;transition:border-color .12s ease}.settings-search-input::placeholder{color:var(--text-muted)}.settings-search-input:focus{border-color:var(--accent-color)}.settings-footer{padding:12px 14px;border-top:1px solid var(--section-separator, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.settings-footer-group{display:flex;gap:8px}@media(max-width:768px){.panel-row{flex-direction:column;align-items:flex-start;gap:4px}.panel-label{flex:none}.panel-control{width:100%}}.kb-row-wrapper{display:flex;flex-direction:column}.kb-control{gap:8px;justify-content:flex-end!important}.kb-edit-btn{background:transparent;border:1px solid transparent;border-radius:var(--item-border-radius);color:var(--text-muted);cursor:pointer;font-size:.85em;padding:2px 6px;line-height:1;transition:color .12s ease,border-color .12s ease}.kb-edit-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.kb-listening{animation:kb-pulse 1s ease-in-out infinite;border-color:var(--accent-color);color:var(--accent-color)}@keyframes kb-pulse{0%,to{opacity:1}50%{opacity:.4}}.kb-conflict{padding:4px 0 6px;margin-left:180px;font-size:.78em}.kb-conflict-msg{color:#fa3}.kb-conflict-blocked{color:#ff4d4d}.kb-conflict-actions{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.kb-conflict-btn{font-size:.85em!important;padding:2px 8px!important}.version-comparison{text-align:center;margin:15px 0;font-size:1.1em;font-family:var(--code-font);padding:8px;background-color:var(--panel-control-bg);border-radius:var(--item-border-radius)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.themes-container{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px 16px}.themes-container>h2{grid-column:1 / -1}@media(min-width:1200px){.themes-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}}.theme-preview{padding:10px;border-radius:var(--item-border-radius);border:1px solid var(--panel-border);background-color:var(--panel-control-bg);cursor:pointer;transition:border-color .12s ease}.theme-preview:hover{border-color:var(--text-secondary, rgba(255, 255, 255, .5));transform:none;box-shadow:none}.theme-preview.active{border:1px solid var(--accent-color);box-shadow:inset 0 0 0 1px var(--accent-color)}.theme-name{font-size:.85em;margin-bottom:6px;color:var(--text-primary);padding:0;display:inline-block;font-weight:500;letter-spacing:.02em}.theme-preview.active .theme-name{color:var(--accent-color)}.keybinding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2000}.keybinding-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--panel-bg, #1e1e1e);border:1px solid var(--accent-color);border-radius:var(--panel-border-radius);padding:16px;z-index:2001;min-width:300px;box-shadow:0 4px 20px #00000080;color:var(--text-primary);font-family:var(--code-font)}.keybinding-content h4{margin-top:0;color:var(--accent-color);font-size:.85em;text-transform:uppercase;letter-spacing:.08em}.current-binding,.new-binding{margin:12px 0;padding:8px;background-color:var(--panel-control-bg);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);font-family:var(--code-font);text-align:center}.new-binding{border-color:var(--accent-color);cursor:pointer;outline:none}.new-binding:focus{box-shadow:0 0 0 1px var(--accent-color)}.keybinding-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.key-binding{cursor:pointer}.key-binding:hover{border-color:var(--accent-color);color:var(--accent-color)}.key-binding--static{cursor:default}.key-binding--static:hover{border-color:inherit;color:inherit}.userguide-cm-wrapper .cm-cursor,.userguide-cm-wrapper .cm-cursor:before{display:none!important}.userguide-cm-wrapper .cm-editor.cm-focused .cm-cursor,.userguide-cm-wrapper .cm-editor.cm-focused .cm-cursor:before{display:block!important}.guide-tab{padding:10px 14px;height:100%;overflow-y:auto}.guide-toc{position:sticky;top:0;z-index:1;background:var(--panel-control-bg);border-radius:var(--item-border-radius);border:1px solid var(--section-separator, rgba(255, 255, 255, .06));padding:6px 10px;margin-bottom:12px}.guide-toc-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--code-font);font-size:.72em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:none;border:none;width:100%;padding:0}.guide-toc-toggle:hover{color:var(--accent-color)}.guide-toc-list{display:none;flex-direction:column;gap:1px;margin-top:6px;padding:0;list-style:none}.guide-toc--expanded .guide-toc-list{display:flex}.guide-toc-entry{display:flex;align-items:center;justify-content:space-between;padding:3px 8px;border-radius:var(--item-border-radius);cursor:pointer;font-family:var(--code-font);font-size:.78em;color:var(--text-primary);transition:background-color .08s ease}.guide-toc-entry:hover{background:var(--panel-item-hover-bg)}.guide-toc-entry--dismissed{opacity:.4;order:999}.guide-toc-dismiss-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.75em;padding:2px 4px;opacity:0;transition:opacity .08s ease}.guide-toc-entry:hover .guide-toc-dismiss-btn{opacity:1}.guide-domain-divider{display:flex;align-items:center;gap:10px;margin:16px 0 10px;font-family:var(--code-font);font-size:.68em;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-color);opacity:.6}.guide-domain-divider:before,.guide-domain-divider:after{content:"";flex:1;height:1px;background:var(--section-separator, rgba(255, 255, 255, .08))}.guide-chapter{margin-bottom:16px}.guide-chapter-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.guide-chapter-title{color:var(--accent-color);font-family:var(--code-font);font-size:.95em;font-weight:600;margin:0}.guide-chapter-summary{color:var(--text-muted);font-size:.78em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.guide-expand-all-btn{padding:2px 8px;background:transparent;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);cursor:pointer;font-family:var(--code-font);font-size:.68em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;transition:all .12s ease;white-space:nowrap}.guide-expand-all-btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.guide-section{margin-bottom:2px}.guide-section-header{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--item-border-radius);cursor:pointer;transition:background-color .08s ease}.guide-section-header:hover{background:var(--panel-item-hover-bg)}.guide-section-arrow{font-size:.6em;color:var(--text-muted);transition:transform .12s ease;flex-shrink:0}.guide-section--expanded .guide-section-arrow{transform:rotate(90deg)}.guide-section-title{font-family:var(--code-font);font-size:.85em;color:var(--text-primary);margin:0}.guide-section-summary{font-size:.75em;color:var(--text-muted);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-section-content{display:none;padding:6px 10px 10px}.guide-section--expanded .guide-section-content{display:block}.guide-prose{line-height:1.55;font-size:.85em}.guide-prose p,.guide-paragraph{margin:0 0 8px;color:var(--text-primary)}.guide-inline-code{background:var(--panel-control-bg);border:1px solid var(--section-separator, rgba(255, 255, 255, .06));padding:0 4px;border-radius:var(--item-border-radius);font-family:var(--code-font);font-size:.9em;color:var(--accent-color)}.guide-deep-dive{border-left:2px solid var(--accent-color);background:#0000001f;border-radius:0;margin:8px 0;padding:0}.guide-deep-dive-header{display:flex;align-items:center;gap:8px;padding:4px 10px;cursor:pointer;font-family:var(--code-font);font-size:.78em;color:var(--text-primary);background:transparent;border:none;text-transform:uppercase;letter-spacing:.06em;transition:color .08s ease;width:100%;text-align:left}.guide-deep-dive-header:hover{color:var(--accent-color)}.guide-deep-dive-arrow{font-size:.6em;color:var(--text-primary);transition:transform .12s ease}.guide-deep-dive--expanded .guide-deep-dive-arrow,.guide-deep-dive--open .guide-deep-dive-arrow{transform:rotate(90deg)}.guide-deep-dive-content{display:none;padding:4px 12px 8px;line-height:1.55;font-size:.85em}.guide-deep-dive--expanded .guide-deep-dive-content,.guide-deep-dive--open .guide-deep-dive-content{display:block}.guide-try-it{border-left:2px solid var(--accent-color);background:transparent;border-radius:0;padding:6px 12px;margin:8px 0;font-size:.85em;font-style:italic;color:var(--text-secondary);line-height:1.45}.guide-tip{border-left:2px solid var(--text-muted);background:transparent;border-radius:0;padding:6px 12px;margin:8px 0;font-size:.82em;color:var(--text-muted);line-height:1.45}.guide-reference-table{width:100%;border-collapse:collapse;font-size:.82em;margin:8px 0}.guide-reference-table th{font-family:var(--code-font);font-size:.82em;font-weight:600;color:var(--accent-color);text-align:left;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;border-bottom:1px solid var(--panel-border)}.guide-reference-table td{padding:3px 8px;color:var(--text-primary)}.guide-reference-table tr:nth-child(2n) td{background:#ffffff04}.guide-playground{display:flex;flex-direction:column;gap:4px;cursor:grab;border:1px solid var(--section-separator, rgba(255, 255, 255, .06));border-radius:var(--item-border-radius);padding:6px;transition:border-color .12s ease;margin:8px 0}.guide-playground:hover{border-color:var(--panel-border)}.guide-playground:active{cursor:grabbing}.guide-playground-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.guide-playground-annotation{font-family:var(--code-font);font-size:.72em;color:var(--text-muted);padding-left:4px}.guide-playground-drag-hint{font-family:var(--code-font);font-size:.65em;color:var(--text-muted);opacity:0;transition:opacity .12s ease;white-space:nowrap;user-select:none;text-transform:uppercase;letter-spacing:.06em}.guide-playground:hover .guide-playground-drag-hint{opacity:.5}.guide-playground-body{display:flex;gap:6px;align-items:stretch}.guide-playground-editor{flex:1;min-width:0}.guide-playground-probe{flex:0 0 140px;display:flex;align-items:stretch}.guide-playground .userguide-cm-wrapper .cm-editor{border-radius:var(--item-border-radius);border:1px solid var(--section-separator, rgba(255, 255, 255, .06))}.guide-progress{position:sticky;bottom:0;z-index:1;padding:4px 10px;font-family:var(--code-font);font-size:.65em;color:var(--text-muted);text-align:right;background:linear-gradient(transparent,var(--panel-control-bg) 40%);pointer-events:none;letter-spacing:.04em}.code-snippets-container{padding:12px 16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.code-snippets-header{margin-bottom:10px}.code-snippets-search-bar{display:flex;gap:8px;margin-bottom:8px}.code-snippets-search{flex:1;padding:4px 8px;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);background:var(--panel-control-bg);color:var(--text-primary);font-size:.85em;font-family:var(--code-font)}.code-snippets-search:focus{outline:none;border-color:var(--accent-color)}.code-snippet-add-btn{padding:4px 12px;background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:var(--item-border-radius);cursor:pointer;font-size:.8em;font-weight:500;font-family:var(--code-font);text-transform:uppercase;letter-spacing:.05em;transition:all .12s ease}.code-snippet-add-btn:hover{background:var(--accent-color);color:var(--panel-bg, #000)}.code-snippets-tags-filter{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.code-snippets-tags-label{color:var(--text-muted);font-size:.75em;font-family:var(--code-font);text-transform:uppercase;letter-spacing:.06em}.code-snippets-tags-wrapper{display:flex;gap:4px;flex-wrap:wrap;flex:1}.code-snippet-filter-tag{padding:1px 8px;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);background:transparent;color:var(--text-muted);font-size:.78em;font-family:var(--code-font);cursor:pointer;transition:all .12s ease}.code-snippet-filter-tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.code-snippet-filter-tag.selected{background:var(--accent-color);color:#000;border-color:var(--accent-color)}.code-snippets-clear-tags{padding:1px 8px;background:transparent;color:var(--text-muted);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);cursor:pointer;font-size:.78em;font-family:var(--code-font);transition:all .12s ease}.code-snippets-clear-tags:not(:disabled):hover{border-color:var(--accent-color);color:var(--accent-color)}.code-snippets-clear-tags:disabled{opacity:.5;cursor:not-allowed}.code-snippets-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding-right:4px}.code-snippets-empty{text-align:center;color:var(--text-muted);padding:30px 16px;font-size:.85em;font-family:var(--code-font)}.code-snippet-item{background:transparent;border:none;border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .06));border-radius:0;padding:10px 4px;transition:background-color .08s ease;cursor:move}.code-snippet-item:last-child{border-bottom:none}.code-snippet-item:hover{background-color:var(--panel-item-hover-bg);border-color:var(--section-separator, rgba(255, 255, 255, .06));box-shadow:none}.code-snippet-item.dragging{opacity:.5}.code-snippet-header{margin-bottom:6px}.code-snippet-title-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.code-snippet-star{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .12s ease}.code-snippet-star:hover,.code-snippet-star.starred{color:gold}.code-snippet-title{flex:1;font-size:.88em;font-weight:500;font-family:var(--code-font);color:var(--text-primary)}.code-snippet-tags{display:flex;gap:4px;flex-wrap:wrap}.code-snippet-tag{padding:0 6px;background:transparent;border:1px solid var(--section-separator, rgba(255, 255, 255, .08));border-radius:var(--item-border-radius);font-size:.72em;font-family:var(--code-font);color:var(--text-muted)}.code-snippet-editor-container{margin-bottom:6px;border:1px solid var(--section-separator, rgba(255, 255, 255, .06));border-radius:var(--item-border-radius);overflow:hidden}.code-snippet-editor-container .cm-editor{font-size:12px}.code-snippet-actions{display:flex;gap:6px}.code-snippet-action-btn{padding:3px 8px;background:transparent;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);color:var(--text-muted);cursor:pointer;font-size:.82em;font-family:var(--code-font);transition:all .12s ease}.code-snippet-action-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.code-snippet-action-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#000}.code-snippet-action-btn.delete:hover{background:transparent;border-color:#ff4d4d;color:#ff4d4d}.code-snippet-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.code-snippet-modal-backdrop{position:absolute;inset:0;background:#000000b3}.code-snippet-modal-content{position:relative;background:var(--panel-bg);border:1px solid var(--accent-color);border-radius:var(--panel-border-radius);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;font-family:var(--code-font)}.code-snippet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--section-separator, rgba(255, 255, 255, .08))}.code-snippet-modal-header h3{margin:0;color:var(--accent-color);font-size:.85em;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.code-snippet-modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;transition:color .12s ease}.code-snippet-modal-close:hover{color:var(--accent-color)}.code-snippet-modal-body{padding:16px;flex:1;overflow-y:auto}.code-snippet-form-group{margin-bottom:14px}.code-snippet-form-group label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.78em;text-transform:uppercase;letter-spacing:.06em}.code-snippet-input{width:100%;padding:4px 8px;background:var(--panel-control-bg);border:1px solid var(--panel-border);border-radius:var(--item-border-radius);color:var(--text-primary);font-size:.85em;font-family:var(--code-font)}.code-snippet-input:focus{outline:none;border-color:var(--accent-color)}.code-snippet-use-main-btn{margin-top:8px;padding:4px 12px;background:transparent;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);color:var(--text-secondary);cursor:pointer;font-size:.82em;font-family:var(--code-font);transition:all .12s ease}.code-snippet-use-main-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.code-snippet-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--section-separator, rgba(255, 255, 255, .08))}.code-snippet-btn-cancel,.code-snippet-btn-save{padding:4px 14px;border:1px solid var(--panel-border);border-radius:var(--item-border-radius);cursor:pointer;font-size:.82em;font-weight:500;font-family:var(--code-font);text-transform:uppercase;letter-spacing:.04em;transition:all .12s ease}.code-snippet-btn-cancel{background:transparent;color:var(--text-muted)}.code-snippet-btn-cancel:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.code-snippet-btn-save{background:transparent;color:var(--accent-color);border-color:var(--accent-color)}.code-snippet-btn-save:hover{background:var(--accent-color);color:var(--panel-bg, #000)}.code-snippets-list{scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.code-snippets-list::-webkit-scrollbar{width:5px}.code-snippets-list::-webkit-scrollbar-track{background:transparent}.code-snippets-list::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:0}.code-snippets-list::-webkit-scrollbar-thumb:hover{filter:brightness(1.3)}#panel-main-editor{z-index:0}#panel-top-toolbar{z-index:30}#panel-toolbar{z-index:35}#update-notification-panel{z-index:30}#panel-vis{z-index:19;#serialcanvas{z-index:auto}}.picker-menu-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s cubic-bezier(.4,0,.2,1);pointer-events:all}.picker-menu-overlay.visible{opacity:1}.picker-menu{background:var(--panel-bg, #232323);border-radius:var(--panel-border-radius, 8px);box-shadow:0 8px 32px #00000040;min-width:320px;max-width:90vw;min-height:120px;max-height:80vh;padding:1.5em 2em;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(.98);transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);width:auto}.picker-menu.visible{opacity:1;transform:scale(1)}.picker-menu-items.grid{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:1em;width:100%;max-width:500px}.picker-menu-items.vertical{display:flex;flex-direction:column;gap:.5em}.picker-menu-item{background:var(--panel-control-bg, #222);color:var(--text-primary, #fff);border-radius:var(--item-border-radius, 4px);padding:.7em 1.2em;font-size:1.1em;text-align:center;cursor:pointer;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s;outline:none;user-select:none;min-width:90px;box-sizing:border-box}.picker-menu-item.active,.picker-menu-item:focus{background:var(--accent-color, #00ff41);color:#232323;border-color:var(--accent-color, #00ff41);font-weight:700;z-index:1}.picker-menu-title{font-size:1.3em;font-weight:600;margin-bottom:1em;color:var(--accent-color, #00ff41);text-align:center}.double-radial-overlay{background:#0000008c}.double-radial-menu{max-width:min(1100px,96vw);padding:1.25em 1.5em}.double-radial-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2.5rem}.double-radial-column{display:flex;flex-direction:column;align-items:center;gap:.5rem}.double-radial-heading{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.double-radial-status{height:2rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);font-size:.75rem;opacity:.85}.double-radial-hint{margin-top:.75rem;font-size:.75rem;opacity:.6;text-align:center}.radial-menu{border-radius:9999px;transition:transform .2s ease,filter .2s ease}.radial-menu.is-disabled{opacity:.6;filter:grayscale(1)}.radial-menu-svg.pointer{cursor:crosshair}.double-radial-glow-cyan{box-shadow:0 0 30px #06b6d459}.double-radial-glow-rose{box-shadow:0 0 30px #f43f5e52}@media(max-width:600px){.picker-menu{min-width:90vw;padding:1em .5em}.picker-menu-items.grid{grid-template-columns:1fr 1fr;max-width:100%}.double-radial-row{flex-direction:column;gap:1.25rem}}:root{--modal-bg-light: #ffffff;--modal-text-light: #000000;--modal-border-light: #cccccc;--modal-header-light: #f5f5f5;--modal-close-hover-light: #e0e0e0;--modal-bg-dark: #2d2d2d;--modal-text-dark: #f0f0f0;--modal-border-dark: #444444;--modal-header-dark: #333333;--modal-close-hover-dark: #555555}.cm-theme-light .modal{--current-modal-bg: var(--modal-bg-light);--current-modal-text: var(--modal-text-light);--current-modal-border: var(--modal-border-light);--current-modal-header: var(--modal-header-light);--current-modal-close-hover: var(--modal-close-hover-light)}.cm-theme-dark .modal,:root:not(.cm-theme-light) .modal{--current-modal-bg: var(--modal-bg-dark);--current-modal-text: var(--modal-text-dark);--current-modal-border: var(--modal-border-dark);--current-modal-header: var(--modal-header-dark);--current-modal-close-hover: var(--modal-close-hover-dark)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--current-modal-bg, var(--panel-bg-color, #2d2d2d));border:1px solid var(--current-modal-border, var(--border-color, #444));border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:1001;display:none;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--current-modal-border, var(--border-color, #444));background-color:var(--current-modal-header, var(--panel-header-bg-color, #333))}.modal-title{margin:0;font-size:18px;font-weight:500;color:var(--current-modal-text, var(--text-color, #f0f0f0))}.modal-close{background:none;border:none;font-size:24px;color:var(--current-modal-text, var(--text-color-muted, #ccc));cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:var(--current-modal-close-hover, var(--hover-bg-color, #555));color:var(--current-modal-text, var(--text-color, #f0f0f0))}.modal-body{padding:20px;color:var(--current-modal-text, var(--text-color, #f0f0f0));line-height:1.5}.modal-body p{margin:0 0 16px}.modal-body p:last-child{margin-bottom:0}.onboarding-banner{position:fixed;top:var(--top-toolbar-height, 48px);right:10px;max-width:340px;display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:var(--panel-bg, rgba(30, 30, 30, .95));border:1px solid var(--panel-border, rgba(255, 255, 255, .2));border-radius:var(--panel-border-radius, 2px);backdrop-filter:blur(12px);z-index:999;pointer-events:auto;font-family:var(--code-font, monospace);font-size:.8em;line-height:1.4;color:var(--text-primary, #f8f8f2);box-shadow:0 2px 8px #0006;animation:onboarding-fade-in .3s ease-out}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.onboarding-banner__text{flex:1}.onboarding-banner__text strong{color:var(--accent-color, #00ff41)}.onboarding-banner__dismiss{flex-shrink:0;padding:2px 8px;border:1px solid var(--panel-border, rgba(255, 255, 255, .2));border-radius:var(--item-border-radius, 1px);background:var(--panel-control-bg, rgba(0, 0, 0, .2));color:var(--text-primary, #f8f8f2);font-family:var(--code-font, monospace);font-size:.85em;cursor:pointer;transition:all .15s;white-space:nowrap}.onboarding-banner__dismiss:hover{background:var(--panel-item-hover-bg, rgba(255, 255, 255, .1));border-color:var(--accent-color, #00ff41);color:var(--accent-color, #00ff41)}.action-palette-backdrop{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh}.action-palette{width:520px;max-width:90vw;max-height:60vh;display:flex;flex-direction:column;background:var(--panel-bg, rgba(30, 30, 30, .95));border:1px solid var(--panel-border, rgba(255, 255, 255, .2));border-radius:8px;box-shadow:0 8px 32px #00000080;overflow:hidden}.action-palette-input-wrap{padding:12px 14px;border-bottom:1px solid var(--panel-border, rgba(255, 255, 255, .2))}.action-palette-input{width:100%;padding:8px 10px;background:var(--panel-control-bg, rgba(0, 0, 0, .2));border:1px solid rgba(255,255,255,.12);border-radius:var(--item-border-radius, 4px);color:var(--text-primary, #f8f8f2);font-family:var(--code-font, "IBM Plex Mono", monospace);font-size:.9em;outline:none}.action-palette-input::placeholder{color:#ffffff59}.action-palette-input:focus{border-color:var(--accent-color, #00ff41)}.action-palette-list{overflow-y:auto;flex:1;padding:4px 0}.action-palette-empty{padding:16px 14px;color:#ffffff59;font-size:.85em;text-align:center}.action-palette-item{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;transition:background-color .08s ease}.action-palette-item:hover,.action-palette-item[data-active=true]{background:var(--panel-item-hover-bg, rgba(255, 255, 255, .1))}.action-palette-item[data-active=true]{background:var(--panel-item-active-bg, rgba(255, 255, 255, .15))}.action-palette-desc{flex:1;font-size:.85em;color:var(--text-primary, #f8f8f2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-palette-category{font-size:.7em;font-family:var(--code-font, "IBM Plex Mono", monospace);padding:2px 6px;border-radius:3px;background:#ffffff14;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.action-palette-key{font-family:var(--code-font, "IBM Plex Mono", monospace);font-size:.75em;padding:2px 6px;border-radius:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff9;flex-shrink:0;white-space:nowrap}.action-palette-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--panel-bg, rgba(30, 30, 30, .95));border:1px solid var(--panel-border, rgba(255, 255, 255, .2));border-radius:6px;color:var(--text-primary, #f8f8f2);font-family:var(--code-font, "IBM Plex Mono", monospace);font-size:.8em;z-index:2100;pointer-events:none;animation:palette-toast-in .15s ease-out,palette-toast-out .3s ease-in 1.7s forwards}@keyframes palette-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes palette-toast-out{0%{opacity:1}to{opacity:0}}.kv-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#141419d9;backdrop-filter:blur(12px);border-radius:8px;border:1px solid rgba(255,255,255,.06);width:fit-content;max-width:100%}.kv-layout{display:flex;gap:16px;align-items:flex-start}.kv-layout.kv-with-commands{flex-direction:row}.kv-keyboard{display:flex;flex-direction:column;gap:2px}.kv-row{display:flex;gap:2px}.kv-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:34px;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-size:9px;line-height:1.1;overflow:hidden;cursor:default;transition:background .15s,border-color .15s,opacity .15s;box-sizing:border-box;padding:2px 3px}.kv-key.kv-gap{background:transparent;border-color:transparent;pointer-events:none}.kv-key.kv-unbound{opacity:.4;background:#ffffff05}.kv-key.kv-modifier{opacity:.55;background:#ffffff08}.kv-key.kv-modifier-used{opacity:.75;border-style:dashed;border-color:#fff3}.kv-key.kv-bound{opacity:1}.kv-key.kv-has-modifier{opacity:.85}.kv-key.kv-bound:hover{filter:brightness(1.2)}.kv-key-label{font-family:var(--font-mono, monospace);font-size:8px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.kv-key.kv-bound .kv-key-label{font-size:7px;opacity:.6}.kv-key-action{font-size:7px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1}.kv-key-multi{position:absolute;top:1px;right:2px;font-size:6px;color:#ffffff80;background:#ffffff1a;border-radius:3px;padding:0 2px;line-height:1.4}.kv-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:4px 8px}.kv-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#ffffffb3}.kv-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kv-command-list{display:flex;flex-direction:column;gap:8px;min-width:200px;max-width:260px;max-height:200px;overflow-y:auto;padding:4px 8px;border-left:1px solid rgba(255,255,255,.06)}.kv-cmd-group{display:flex;flex-direction:column;gap:2px}.kv-cmd-group-title{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;opacity:.8}.kv-cmd-row{display:flex;gap:8px;align-items:baseline;font-size:9px;color:#ffffffa6}.kv-cmd-key{font-family:var(--font-mono, monospace);font-size:8px;background:#ffffff0f;padding:1px 4px;border-radius:3px;white-space:nowrap;color:#fffc;flex-shrink:0}.kv-cmd-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv-key.kv-key--chord-dim{opacity:.2;transition:opacity .2s ease}.kv-key.kv-key--chord-active{opacity:1;filter:brightness(1.15);transition:opacity .15s ease,filter .15s ease}.kv-key.kv-key--chord-active:hover{filter:brightness(1.35)}.kv-key.kv-key--chord-leader{opacity:1;border-color:#ffffff8c;border-width:2px;background:#ffffff14;box-shadow:0 0 6px #ffffff26;transition:border-color .15s ease,box-shadow .15s ease}.kv-container.kv-chord-mode{border-color:#ffffff1f}.kv-key.kv-key--heat-low{background:#42a5f526!important;border-color:#42a5f54d!important}.kv-key.kv-key--heat-mid{background:#ffc10740!important;border-color:#ffc10766!important}.kv-key.kv-key--heat-high{background:#f4433659!important;border-color:#f4433680!important}.kv-container.kv-edit-active{border-color:#42a5f526}.kv-key.kv-clickable{cursor:pointer}.kv-key.kv-clickable:hover{filter:brightness(1.3);border-color:#ffffff4d}.kv-key.kv-free-key{opacity:.55;background:#42a5f50a;border-color:#42a5f51f;border-style:dashed}.kv-key.kv-listening{opacity:1;border-width:2px;animation:kv-pulse 1s ease-in-out infinite;z-index:2}@keyframes kv-pulse{0%,to{box-shadow:0 0 4px #42a5f54d;border-color:#42a5f599}50%{box-shadow:0 0 10px #42a5f580;border-color:#42a5f5e6}}.kv-key.kv-just-rebound{animation:kv-flash .6s ease-out}@keyframes kv-flash{0%{box-shadow:0 0 12px #4cc9b0b3;border-color:#4cc9b0e6}to{box-shadow:none;border-color:inherit}}.kv-conflict-overlay{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#1e1e23f2;border:1px solid rgba(244,67,54,.5);border-radius:4px;padding:3px 6px;white-space:nowrap;z-index:10;pointer-events:none}.kv-conflict-msg{font-size:8px;color:#f44336e6;line-height:1.2}.kv-edit-hint{font-size:10px;color:#ffffff80;text-align:center;padding:2px 8px}.modifier-hints{position:fixed;z-index:2100;pointer-events:none;min-width:200px;max-width:300px;background:#141419eb;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 4px 20px #00000080;padding:8px 0;font-family:var(--code-font, "IBM Plex Mono", monospace);animation:modifier-hints-in .1s ease-out}@keyframes modifier-hints-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modifier-hints-header{padding:4px 12px 6px;font-size:.78em;color:#ffffff80;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}.modifier-hints-list{max-height:280px;overflow-y:auto;padding:2px 0}.modifier-hints-row{display:flex;align-items:baseline;gap:10px;padding:3px 12px;line-height:1.5}.modifier-hints-key{flex-shrink:0;min-width:42px;font-size:.78em;padding:1px 5px;border-radius:3px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;text-align:center;white-space:nowrap}.modifier-hints-chord-arrow{margin-left:3px;color:#fff6}.modifier-hints-desc{font-size:.78em;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
