.button{&[data-v-576f2e71]{--btn-color:#e6e6e6;gap:var(--b-gap-xs);padding:var(--b-gap-sm);white-space:nowrap;background-color:var(--btn-color);border-radius:var(--b-radius);border:none;justify-content:center;align-items:center;font-family:inherit;font-size:.9rem;font-weight:700;display:flex}&.--icon[data-v-576f2e71]{width:37px;height:37px}&.--selected[data-v-576f2e71]{background-color:hsl(from var(--btn-color) h s 75%)}&[data-v-576f2e71]:focus-visible{outline-offset:2px;outline:3px solid #1e1f24}&[data-v-576f2e71]:hover:not(:disabled){background-color:hsl(from var(--btn-color) h s 80%)}}.input{&[data-v-fda60c9f]{padding:var(--b-gap-xs);font:inherit;border:var(--b-input-border);border-radius:var(--b-radius);display:grid}&[data-v-fda60c9f]:focus-within{outline:1px solid var(--b-input-hover)}}.input-label[data-v-fda60c9f]{font-size:.9rem}textarea[data-v-fda60c9f],input[data-v-fda60c9f]{width:100%;font:inherit;resize:vertical;background-color:#0000;border:none;outline:none}textarea[data-v-fda60c9f]{field-sizing:content}.dialog-overlay[data-v-20cc4f70]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog[data-v-20cc4f70]{background:var(--b-color-bg);border:var(--b-border);border-radius:var(--b-radius);min-width:400px;max-width:90vw;max-height:90vh;box-shadow:var(--b-shadow);overflow:auto}.dialog-header[data-v-20cc4f70]{padding:var(--b-gap-md);background:var(--b-color-bg-1);border-bottom:var(--b-border)}.dialog-title[data-v-20cc4f70]{color:var(--brikke-text-color);margin:0;font-size:1.2rem;font-weight:600}.dialog-content[data-v-20cc4f70]{gap:var(--b-gap-md);padding:var(--b-gap-md);flex-direction:column;display:flex}.dialog-prompt[data-v-20cc4f70]{color:var(--brikke-text-color);margin:0;font-weight:500}.dialog-actions[data-v-20cc4f70]{gap:var(--b-gap-sm);padding:var(--b-gap-md);background:var(--b-color-bg-1);border-top:var(--b-border);justify-content:flex-end;display:flex}.primary-button[data-v-20cc4f70]{color:#fff;background:var(--b-color-primary)}.primary-button[data-v-20cc4f70]:hover{background:#2a4199}.primary-button[data-v-20cc4f70]:focus-visible{box-shadow:inset 0 0 0 3px #3451b24d}@media (width<=768px){.dialog[data-v-20cc4f70]{min-width:90vw;margin:var(--b-gap-md)}.dialog-actions[data-v-20cc4f70]{flex-direction:column-reverse}.dialog-actions button[data-v-20cc4f70]{width:100%}}.block-editor-wrapper[data-v-92e28dfb]{flex-direction:column;width:100%;min-height:360px;display:flex;position:relative}.block-editor[data-v-92e28dfb]{flex-direction:column;flex:1;width:100%;min-height:360px;display:flex;position:relative}.workspace-controls[data-v-92e28dfb]{z-index:10;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:24px;right:24px}.workspace-btn{&[data-v-92e28dfb]{color:#5b5ea6;cursor:pointer;border:1px solid var(--brikke-border,#0003);opacity:.8;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}&[data-v-92e28dfb]:hover{opacity:1;background:#f4f4f4}}.zoom-controls[data-v-92e28dfb]{flex-direction:column;align-items:center;gap:4px;display:flex}.zoom-label[data-v-92e28dfb]{box-sizing:border-box;color:#666;text-align:center;user-select:none;opacity:.8;background:#fff;border-radius:4px;width:32px;padding:2px 0;font-size:11px}.zoom-btn{&[data-v-92e28dfb]{box-sizing:border-box;cursor:pointer;border:1px solid var(--brikke-border,#0003);opacity:.8;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:flex}&[data-v-92e28dfb]:hover{opacity:1;background:#f4f4f4}}.block-editor[data-v-92e28dfb] .injectionDiv{flex:1;overflow:hidden}.block-editor[data-v-92e28dfb] .blocklyFlyoutScrollbar[display=none]{display:none!important}.console-drawer[data-v-fe14330b]{color:#f4f4f4;border-top:1px solid var(--brikke-border);background:#1e1f24;flex-direction:column;max-height:calc(36px + 15em);font-size:15px;transition:max-height .2s;display:flex}.console-drawer[data-v-fe14330b]:not(.open){max-height:36px}.console-toggle{&[data-v-fe14330b]{color:#f4f4f4;text-align:left;cursor:pointer;background:#1e1f24;border:none;align-items:center;gap:8px;height:36px;padding:6px 14px;font-size:15px;display:flex}&[data-v-fe14330b]:focus-visible{outline-offset:-3px;outline:3px solid #f4f4f4}}.console-body[data-v-fe14330b]{scrollbar-color:#555 #1e1f24;flex:1;min-height:0;padding:6px 12px 8px;overflow-y:auto}.error[data-v-fe14330b]{color:#ff6b6b}.canvas-panel[data-v-b152e6e4]{background:#fff;flex-direction:column;flex:none;max-height:36px;transition:max-height .25s;display:flex;overflow:hidden}.canvas-panel.open[data-v-b152e6e4]{flex:auto;min-height:280px;max-height:800px}.canvas-toggle{&[data-v-b152e6e4]{color:#1e1f24;text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--brikke-border);background:#f4f4f4;flex-shrink:0;align-items:center;gap:8px;height:36px;padding:6px 14px;font-size:15px;display:flex}&[data-v-b152e6e4]:focus-visible{outline-offset:-3px;outline:3px solid #1e1f24}}.turtle-canvas-wrap[data-v-b152e6e4]{background:#fff;flex:1;min-height:0;position:relative}.zoom-controls[data-v-b152e6e4]{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:24px;right:24px}.zoom-label[data-v-b152e6e4]{box-sizing:border-box;color:#666;text-align:center;user-select:none;opacity:.8;background:#fff;border-radius:4px;width:32px;padding:2px 0;font-size:11px}.zoom-btn{&[data-v-b152e6e4]{cursor:pointer;border:1px solid var(--brikke-border);opacity:.8;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:flex}&[data-v-b152e6e4]:hover{opacity:1;background:#f4f4f4}&[data-v-b152e6e4]:focus-visible{outline-offset:2px;opacity:1;outline:3px solid #1e1f24}}canvas[data-v-b152e6e4]{width:100%;height:100%;display:block}.turtle-output[data-v-b08223f0]{flex-direction:column;width:100%;display:flex;position:relative}.text-output[data-v-b08223f0]{padding:15px}.text-output pre[data-v-b08223f0]{white-space:pre-wrap}.result-header[data-v-b08223f0]{color:var(--brikke-text-color);margin-top:0;font-size:20px;font-weight:400;line-height:26px}.tabs[data-v-10620c93]{border-bottom:1px solid var(--brikke-border);gap:8px;width:100%;margin:0;padding:0;display:flex}.tab-wrapper[data-v-10620c93]{list-style:none}.tab{&[data-v-10620c93]{cursor:pointer;background:0 0;border:none;border-radius:0;padding:4px 8px;font-size:16px}&[data-v-10620c93]:hover{background:#b9bbc6}&[data-v-10620c93]:focus-visible{outline-offset:-3px;outline:3px solid #1e1f24}}.selected-tab[data-v-10620c93]{box-shadow:inset 0 -2px #1e1f24}.code-editor-wrapper[data-v-10620c93]{font-family:var(--brikke-font-family);border:1px solid var(--brikke-border);background:#fff;border-radius:4px;font-size:16px}.header-wrapper[data-v-10620c93]{border-bottom:1px solid var(--brikke-border);justify-content:space-between;align-items:center;padding:12px;display:flex}.header-button-wrapper[data-v-10620c93]{align-items:center;gap:12px;display:flex}.header[data-v-10620c93]{color:var(--brikke-text-color);margin:0;font-size:20px;font-style:normal;font-weight:600;line-height:26px}.result-header[data-v-10620c93]{color:var(--brikke-text-color);margin-top:0;font-size:20px;font-style:normal;font-weight:400;line-height:26px}.code-and-result[data-v-10620c93]{display:flex}.code-and-result:not(.code-and-result-below) .code-wrapper[data-v-10620c93]{border-right:1px solid var(--brikke-border);width:50%}.code-and-result:not(.code-and-result-below) .result-wrapper[data-v-10620c93]{width:50%}.code-and-result .code-and-result-below .result-wrapper[data-v-10620c93]{width:100%}.result-wrapper[data-v-10620c93]{overflow-x:auto}.code-and-result.code-and-result-below .code-wrapper[data-v-10620c93]{border-bottom:1px solid var(--brikke-border);width:100%}.code-and-result-below[data-v-10620c93]{flex-direction:column}.output[data-v-10620c93]{padding:15px}.dark-mode{&[data-v-10620c93]{filter:invert()}&[data-v-10620c93] .cm-activeLine,&[data-v-10620c93] .cm-activeLineGutter{background-color:#ccc}}@media (width<=768px){.hide-mobile[data-v-10620c93]{display:none}}@media (width>=768px){.hide-desktop[data-v-10620c93]{display:none}}.mode-toggle{&[data-v-10620c93]{display:inline-flex}&[data-v-10620c93] .button{border:none;border-radius:0;position:relative}&[data-v-10620c93] .button:focus-visible{z-index:1}&[data-v-10620c93] .button:first-child{border-radius:8px 0 0 8px}&[data-v-10620c93] .button:last-child{border-radius:0 8px 8px 0}}.settings-container[data-v-10620c93]{position:relative}.settings-panel[data-v-10620c93]{z-index:100;border:1px solid var(--brikke-border);background:#fff;border-radius:8px;flex-direction:column;gap:14px;min-width:160px;padding:12px 16px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 16px #0000001f}.settings-row[data-v-10620c93]{flex-direction:column;gap:6px;display:flex}.settings-label[data-v-10620c93]{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.settings-btn-group[data-v-10620c93]{display:inline-flex}.settings-btn{&[data-v-10620c93]{color:var(--brikke-text-color);cursor:pointer;background:#efefef;border:none;border-radius:0;padding:4px 10px;font-size:13px;font-weight:500}&[data-v-10620c93]:first-child{border-radius:6px 0 0 6px}&[data-v-10620c93]:last-child{border-radius:0 6px 6px 0}&[data-v-10620c93]:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #1e1f24;position:relative}&.selected[data-v-10620c93]{background:#b9bbc6}}.settings-keyboard-nav[data-v-10620c93]{border-top:1px solid var(--brikke-border);flex-direction:column;gap:6px;padding-top:14px;display:flex}.keyboard-hints{&[data-v-10620c93]{border-collapse:collapse;border:none;width:100%;font-size:12px}& td[data-v-10620c93],& th[data-v-10620c93]{border:none}& td{&[data-v-10620c93]{vertical-align:middle;padding:2px 0}&[data-v-10620c93]:first-child{white-space:nowrap;padding-right:10px}}& kbd[data-v-10620c93]{background:#efefef;border:1px solid #ccc;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px;display:inline-block}}.readonly-banner[data-v-10620c93]{color:#555;border-bottom:1px solid var(--brikke-border);background:#f0f0f2;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.editor-readonly{&[data-v-10620c93] .cm-editor{background:#f5f5f7}&[data-v-10620c93] .cm-gutters{background:#ebebed}}[data-v-10620c93] pre{padding:var(--b-gap-md);background-color:var(--b-color-bg-1);border-radius:var(--b-radius)}[data-v-10620c93] code:not(pre code){padding:var(--b-gap-xs);background-color:var(--b-color-bg-1);border-radius:var(--b-radius)}:host,:root{--brikke-font-family:system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--brikke-text-color:#1e1f24;--brikke-divider-background:#cdced7;--brikke-border:#b9bbc6;--b-gap-lg:20px;--b-gap-md:15px;--b-gap-sm:10px;--b-gap-xs:5px;--b-color:#222;--b-color-bg:#fff;--b-color-bg-1:#f2f2f2;--b-color-bg-2:#e6e6e6;--b-color-bg-3:#d9d9d9;--b-color-primary:#3451b2;--b-color-border:gray;--b-border:1px solid var(--b-color-border);--b-radius:5px;--b-shadow:#0003 0px 4px 8px;--b-input-border:1px solid #b3b3b3;--b-input-hover:#ccc;--b-demo-width:80ch}*{box-sizing:border-box}html,body,#app,.app-container{height:100dvh;max-height:100dvh;margin:0;font-family:system-ui,sans-serif;font-size:100%;display:grid}table{border-collapse:collapse;border:1px solid #000;margin:0;padding:0;font-size:.8rem}th,td{padding:var(--b-gap-xs);text-align:left;border:1px solid #000}pre{padding:var(--b-gap-md);background-color:var(--b-color-bg-1);border-radius:var(--b-radius)}code:not(pre code){padding:var(--b-gap-xs);background-color:var(--b-color-bg-1);border-radius:var(--b-radius)}.tabs{border-bottom:var(--b-border);width:fit-content;display:flex}.tab{cursor:pointer;border:none;border-top:var(--b-border);border-left:var(--b-border);background-color:#f6f6f7;border-top-left-radius:8px;border-top-right-radius:8px;padding:8px;font-size:16px}.tabs>.tab:last-child{border-right:var(--b-border)}.selected{background-color:#dadaed}.input{&[data-v-014f5068]{gap:var(--b-gap-xs);padding:var(--b-gap-xs);border:var(--b-input-border);border-radius:var(--b-radius);align-items:center;display:flex}&[data-v-014f5068]:hover{background-color:var(--b-input-hover)}}.container[data-v-52372c66]{margin-top:36px}.config-header[data-v-52372c66]{margin:12px 8px 8px}.tab[data-v-52372c66]{cursor:pointer;border:none;border-top-left-radius:4px;border-top-right-radius:4px;margin-top:0;padding:0 8px}.tab-selected[data-v-52372c66]{background-color:#dbdbdb}.tab-content[data-v-52372c66]{background-color:#dbdbdb;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:24px}.section[data-v-52372c66]{padding-top:16px;padding-bottom:16px}.section-header[data-v-52372c66]{margin-top:4px;margin-bottom:8px;font-size:medium}.file-list[data-v-52372c66]{margin-bottom:4px;margin-left:0;padding-left:0;list-style:none}.file-list-element[data-v-52372c66]{grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:10px;display:grid}.checkbox[data-v-52372c66]{margin-left:0;margin-right:4px}.libs-wrapper[data-v-52372c66]{gap:16px;display:flex}.update-config-button[data-v-52372c66]{margin-top:4px}.CodeEditorView[data-v-4fe618fe]{max-width:var(--b-demo-width)}.tts-demo[data-v-e594ab34]{gap:var(--b-gap-lg);grid-template-columns:1fr 1fr;align-items:flex-start;max-width:160ch;display:grid;@media (width<=1000px){grid-template-columns:1fr}}form[data-v-e594ab34]{gap:var(--b-gap-sm);display:grid}label[data-v-e594ab34]{gap:4px;font-size:.875rem;font-weight:500;display:grid}input[data-v-e594ab34],textarea[data-v-e594ab34],select[data-v-e594ab34]{font:inherit;border:1px solid #ccc;border-radius:4px;padding:.5rem}button{&[data-v-e594ab34]{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:.5rem 1rem}&[data-v-e594ab34]:disabled{cursor:not-allowed;opacity:.5}}[data-v-e594ab34] pre code{overflow-wrap:break-word;white-space:pre-wrap}.app-container[data-v-7c5e8cbf]{grid-template-columns:20ch 1fr;display:grid}.nav{&[data-v-7c5e8cbf]{background-color:var(--b-color-bg-1);align-content:flex-start;display:grid}& a{&[data-v-7c5e8cbf]{padding:var(--b-gap-md);text-decoration:none;display:grid}&.nav-header[data-v-7c5e8cbf]{color:var(--b-color-primary);font-size:1.25rem;font-weight:700}&[data-v-7c5e8cbf]:hover:not(.nav-header){background-color:hsl(from var(--b-color-bg-1) h s calc(l - 20))}&.router-link-active[data-v-7c5e8cbf]{background-color:hsl(from var(--b-color-bg-1) h s calc(l - 10))}}}.main[data-v-7c5e8cbf]{padding:var(--b-gap-lg)}
/*$vite$:1*/