:root{--tab-header-bg:#f5f5f5;--tab-header-color:#333;--border-color:#ddd;--action-color:#555;--action-border-color:#ccc;--action-hover-bg:#eee;--action-hover-color:#000;--output-bg:#fff;--output-header-bg:#f5f5f5;--output-header-color:#333;--run-button-bg:#4caf50;--run-button-color:#fff;--run-button-hover-bg:#45a049;--resize-handle-bg:#ccc;--resize-handle-hover-bg:#aaa;--mjs-focus-color:#4f46e5;--mjs-primary-bg:#4f46e5;--mjs-primary-color:#fff;--mjs-primary-border:#4f46e5;--mjs-primary-hover-bg:#4338ca;--mjs-primary-hover-border:#4338ca;--mjs-primary-active-bg:#3730a3;--mjs-secondary-bg:transparent;--mjs-secondary-color:#4f46e5;--mjs-secondary-border:#e5e7eb;--mjs-secondary-hover-bg:#f9fafb;--mjs-secondary-hover-border:#d1d5db;--mjs-secondary-hover-color:#4338ca;--mjs-secondary-active-bg:#f3f4f6;--mjs-grey-color:#6b7280;--mjs-grey-hover-bg:#6b72801a;--mjs-grey-hover-color:#374151;--mjs-grey-active-bg:#6b728033;--mjs-grey-active-color:#1f2937;--mjs-error-bg:#ef4444;--mjs-error-color:#fff;--mjs-error-border:#ef4444;--mjs-error-hover-bg:#dc2626;--mjs-error-hover-border:#dc2626;--mjs-error-active-bg:#b91c1c}@media (prefers-color-scheme:dark){:root{--tab-header-bg:#2c2c2c;--tab-header-color:#e0e0e0;--border-color:#444;--action-color:#bbb;--action-border-color:#555;--action-hover-bg:#444;--action-hover-color:#fff;--output-bg:#1e1e1e;--output-header-bg:#2c2c2c;--output-header-color:#e0e0e0;--run-button-bg:#4caf50;--run-button-color:#fff;--run-button-hover-bg:#45a049;--resize-handle-bg:#555;--resize-handle-hover-bg:#777;--mjs-focus-color:#6366f1;--mjs-primary-bg:#6366f1;--mjs-primary-hover-bg:#5b5fda;--mjs-secondary-color:#a5b4fc;--mjs-secondary-border:#374151;--mjs-secondary-hover-bg:#1f2937;--mjs-secondary-hover-border:#4b5563;--mjs-grey-color:#9ca3af;--mjs-grey-hover-bg:#9ca3af1a;--mjs-grey-hover-color:#d1d5db}}[data-theme=dark]{--tab-header-bg:#2c2c2c;--tab-header-color:#e0e0e0;--border-color:#444;--action-color:#bbb;--action-border-color:#555;--action-hover-bg:#444;--action-hover-color:#fff;--output-bg:#1e1e1e;--output-header-bg:#2c2c2c;--output-header-color:#e0e0e0;--run-button-bg:#4caf50;--run-button-color:#fff;--run-button-hover-bg:#45a049;--resize-handle-bg:#555;--resize-handle-hover-bg:#777;--mjs-focus-color:#6366f1;--mjs-primary-bg:#6366f1;--mjs-primary-hover-bg:#5b5fda;--mjs-secondary-color:#a5b4fc;--mjs-secondary-border:#374151;--mjs-secondary-hover-bg:#1f2937;--mjs-secondary-hover-border:#4b5563;--mjs-grey-color:#9ca3af;--mjs-grey-hover-bg:#9ca3af1a;--mjs-grey-hover-color:#d1d5db}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}*{box-sizing:border-box}.unstyled_button{all:unset;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.container-ff3KpI{color:#fff;background-color:#1e1e1e;flex-direction:column;height:100vh;display:flex}.header-JYFESJ{background-color:#2d2d30;border-bottom:1px solid #3e3e42;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.tabContainer-BR50M9{align-items:center;gap:8px;display:flex}.tab-yJPpyc{background-color:#007acc;border-radius:4px;align-items:center;gap:8px;padding:4px 12px;font-size:14px;display:flex}.headerTitle-a0Cjjb{color:#9ca3af;font-size:14px}.mainContent-IxPBN1{flex:1;display:flex}.editorPanel-Nwqj3d{flex-direction:column;flex:1;display:flex}.editorToolbar-kGmsYp{background-color:#2d2d30;border-bottom:1px solid #3e3e42;justify-content:flex-end;align-items:center;gap:12px;padding:8px 16px;display:flex}.runButton-Hpcdet{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:14px;display:flex}.runButton-Hpcdet:hover{background-color:#15803d}.runButton-Hpcdet:disabled{opacity:.5;cursor:not-allowed}.stopButton-F1_vwX{color:#dc2626;cursor:pointer;background-color:#0000;border:1px solid #dc2626;border-radius:4px;align-items:center;gap:4px;padding:4px 12px;font-size:14px;display:flex}.stopButton-F1_vwX:hover{color:#fff;background-color:#dc2626}.stopButton-F1_vwX:disabled{opacity:.5;cursor:not-allowed}.editorContainer-XKQbI0{z-index:0;flex:1}.consolePanel-Gp7LRr{background-color:#1e1e1e;flex-direction:column;display:flex}.consoleHeader-p1BqCv{background-color:#2d2d30;border-bottom:1px solid #3e3e42;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.consoleTitle-o5Yo2h{align-items:center;gap:16px;display:flex}.consoleTitleText-MK_WPA{font-size:14px;font-weight:500}.badgeContainer-AEffPd{justify-content:center;align-items:center;gap:4px;display:flex}.badge-HqeJfQ{color:#dcdcdc;cursor:pointer;background-color:#302f2f;border:1px solid #0000;border-radius:9999px;padding:2px 8px;font-size:12px}.badge-HqeJfQ:hover{background-color:#3a3a3a}.defaultBg-rpqCKS{background-color:#302f2f}.defaultBg-rpqCKS:hover{background-color:#3a3a3a}.consoleControls-VmbKG4{align-items:center;gap:4px;display:flex}.toolbarContainer-bqMLjF{align-items:center;gap:8px;display:flex}.toolbarGroup-c_WY0S{align-items:center;gap:4px;display:flex}.toolbarSeparator-ndmezV{color:#6b7280;opacity:.6;align-items:center;padding:0 4px;display:flex}.toolbarSeparator-ndmezV svg{width:2px;height:16px}.searchContainer-JrUsZc{position:relative}.searchIcon-QFUMHy{color:#9ca3af;width:16px;height:16px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.searchInput-UcIgL0{color:#fff;background-color:#3c3c3c;border:1px solid #5a5a5a;border-radius:1rem;width:192px;height:24px;padding-left:24px;font-size:14px}.searchInput-UcIgL0::placeholder{color:#9ca3af}.clear_icon-FsK7Oa{fill:#dcdcdc;width:16px;height:16px;transform:rotate(90deg)}.clearButton-uz5gV4:hover{background-color:#4a4a4a}.consoleOutput-W5JSH4{background-color:#1e1e1e;flex:1;padding:8px;overflow:auto}.emptyMessage-E7XdeT{color:#6b7280;padding:16px;font-size:14px;font-style:italic}.consoleFooter-aDAcab{color:#9ca3af;background-color:#2d2d30;border-top:1px solid #3e3e42;justify-content:space-between;align-items:center;padding:4px 16px;font-size:12px;display:flex}.icon-vvxpeh{width:16px;height:16px}.errorIcon-DTFkvt{fill:#ff4d4d}.warnIcon-QMbBud{fill:orange}.infoIcon-kVItY1{fill:#1e90ff}.defaultIcon-CXZe5M{fill:#fff}.badgeDisabled-wXLGTY{color:#6a6a6a;background-color:#3a3a3a}.disabled_icon-mfhlWu{fill:#6a6a6a}.display-mu6Nt7{border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:flex}.display-mu6Nt7:hover{background-color:#3a3a3a}.format_icon-PAQpfl{fill:#e8eaed;width:16px;height:16px}.resizablePanelHandle-Z14tRI{cursor:col-resize;z-index:2;background:#3f3f40;width:3px;min-width:3px;height:100%;transition:background .2s}.vertical-zwtXvz .resizablePanelHandle-Z14tRI{cursor:row-resize!important;width:100%!important;min-width:0!important;height:6px!important;min-height:6px!important}.resizablePanelHandle-Z14tRI:hover{background:#44446a}.dock-GeWsBZ{width:16px;height:16px;transform:rotate(90deg)}.vertical_dock-zoMyx7{transform:rotate(0)}.tooltipContent-MyEJoS{color:#fff;opacity:1;word-wrap:break-word;z-index:9999;background-color:#000000e6;border-radius:6px;max-width:200px;padding:8px 12px;font-size:14px;transition:opacity .2s,transform .2s;transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}.tooltipContent-MyEJoS[data-state=delayed-open]{opacity:1;transform:translateY(0)}.tooltipArrow-PHep3P{fill:#000000e6;width:10px!important;height:5px!important}.btn-QJEs1A{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;position:relative;overflow:hidden}.btn-QJEs1A:focus-visible{outline:2px solid var(--mjs-focus-color);outline-offset:2px}.btn-QJEs1A:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--loading-Qalv4w{cursor:wait}.btn--loading-Qalv4w .content-bMTB2Q{opacity:.7}.btn--sm-aBF2qJ{border-radius:4px;height:24px;padding:4px 8px;font-size:12px}.btn--md-K6vcih{border-radius:4px;height:32px;padding:6px 12px;font-size:14px}.btn--lg-yHop9g{border-radius:4px;height:40px;padding:8px 16px;font-size:16px}.btn--full-width-AAMK3F{width:100%}.btn--primary-pRYy4P{background-color:var(--mjs-primary-bg);color:var(--mjs-primary-color);border:1px solid var(--mjs-primary-border)}.btn--primary-pRYy4P:hover:not(:disabled){background-color:var(--mjs-primary-hover-bg);border-color:var(--mjs-primary-hover-border);transform:translateY(-1px);box-shadow:0 4px 8px #4f46e54d}.btn--primary-pRYy4P:active:not(:disabled){background-color:var(--mjs-primary-active-bg);transform:translateY(0);box-shadow:0 2px 4px #4f46e533}.btn--secondary-_CobSt{background-color:var(--mjs-secondary-bg);color:var(--mjs-secondary-color);border:1px solid var(--mjs-secondary-border)}.btn--secondary-_CobSt:hover:not(:disabled){background-color:var(--mjs-secondary-hover-bg);border-color:var(--mjs-secondary-hover-border);color:var(--mjs-secondary-hover-color)}.btn--secondary-_CobSt:active:not(:disabled){background-color:var(--mjs-secondary-active-bg)}.btn--grey-XBlDvp{color:var(--mjs-grey-color);background-color:#0000;border:none}.btn--grey-XBlDvp:hover:not(:disabled){background-color:var(--mjs-grey-hover-bg);color:var(--mjs-grey-hover-color)}.btn--grey-XBlDvp:active:not(:disabled){background-color:var(--mjs-grey-active-bg);color:var(--mjs-grey-active-color)}.btn--error-R3ETE8{background-color:var(--mjs-error-bg);color:var(--mjs-error-color);border:1px solid var(--mjs-error-border)}.btn--error-R3ETE8:hover:not(:disabled){background-color:var(--mjs-error-hover-bg);border-color:var(--mjs-error-hover-border);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.btn--error-R3ETE8:active:not(:disabled){background-color:var(--mjs-error-active-bg);transform:translateY(0);box-shadow:0 2px 4px #ef444433}.iconLeft-WenlkF,.iconRight-hPkQ0l{justify-content:center;align-items:center;display:flex}.content-bMTB2Q{justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex}.spinner-jveUxt{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinnerIcon-fnDOvY{width:16px;height:16px;animation:1s linear infinite spin-k5aOeZ}.btn--sm-aBF2qJ .spinnerIcon-fnDOvY{width:14px;height:14px}.btn--lg-yHop9g .spinnerIcon-fnDOvY{width:18px;height:18px}@keyframes spin-k5aOeZ{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-QJEs1A:has(.iconLeft-WenlkF):not(:has(.content-bMTB2Q)){aspect-ratio:1;width:32px;padding:6px}.btn-QJEs1A:has(.iconRight-hPkQ0l):not(:has(.content-bMTB2Q)){aspect-ratio:1;width:32px;padding:6px}.btn--sm-aBF2qJ:has(.iconLeft-WenlkF):not(:has(.content-bMTB2Q)){width:24px;padding:4px}.btn--sm-aBF2qJ:has(.iconRight-hPkQ0l):not(:has(.content-bMTB2Q)){width:24px;padding:4px}.btn--lg-yHop9g:has(.iconLeft-WenlkF):not(:has(.content-bMTB2Q)){width:40px;padding:8px}.btn--lg-yHop9g:has(.iconRight-hPkQ0l):not(:has(.content-bMTB2Q)){width:40px;padding:8px}.container-Tls_of{background-color:#362eab;flex-direction:row;gap:16px;width:100vw;height:100vh;padding:12px;display:flex;overflow:hidden}.content-x9HFpa{border-radius:12px;flex-direction:column;flex:auto;display:flex;overflow:hidden}.router-voqJKw{background-color:#1e1e2f;border-radius:12px;flex-direction:column;flex:auto;padding:12px;display:flex;overflow:hidden;box-shadow:0 0 10px #0003}.navbar-yTnqi1{z-index:1;background:linear-gradient(#2c2c3e,#1e1e2f);border-radius:12px;flex-direction:column;gap:20px;height:-moz-fit-content;height:fit-content;padding:10px 4px;display:flex;position:relative;box-shadow:2px 0 10px #0000004d}.expandedNavbar-nO5D7d{width:40px;min-width:40px;max-width:40px;transition:width .32s cubic-bezier(.4,0,.2,1),min-width .32s cubic-bezier(.4,0,.2,1),max-width .32s cubic-bezier(.4,0,.2,1),box-shadow .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s;overflow:hidden}.expandedNavbar-nO5D7d:hover{width:180px;min-width:160px;max-width:200px;transition:width .32s cubic-bezier(.4,0,.2,1) .7s,min-width .32s cubic-bezier(.4,0,.2,1) .7s,max-width .32s cubic-bezier(.4,0,.2,1) .7s,box-shadow .22s .7s,-webkit-backdrop-filter .22s .7s,backdrop-filter .22s .7s}.icon-wPl0Y3{justify-content:center;align-items:center;min-width:32px;transition:transform .18s;display:flex}.label-jpBjAM{color:#eaeaea;white-space:nowrap;opacity:0;max-width:0;font-size:13px;font-weight:700;transition:max-width .32s cubic-bezier(.4,0,.2,1) .3s,opacity .22s .48s,margin .22s .3s;overflow:hidden}.expandedNavbar-nO5D7d:hover .label-jpBjAM{opacity:1;max-width:120px;margin-left:10px;transition:max-width .32s cubic-bezier(.4,0,.2,1) .3s,opacity .22s .48s,margin .22s .3s}.navbar-yTnqi1 button{color:#bdbdbd;z-index:1;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:2px;width:100%;height:32px;margin-bottom:2px;padding:0;font-size:12px;transition:background .18s,color .18s,box-shadow .18s,transform .18s,padding .18s;position:relative}.navbar-yTnqi1 button.active-lO88b2,.navbar-yTnqi1 button:focus{color:#ffe873;background:#f7df1e21}.navbar-yTnqi1 button:hover{background:#43e97b21;transform:scale(1.04)}.navbar-yTnqi1 button:hover svg{fill:#43e97b}.navbar-yTnqi1 svg{width:16px;height:16px;display:block}.icon_label_wrapper-F9FuDZ{justify-content:center;align-items:center;gap:4px;display:flex}.codeTabContainer-m4at2t{flex-direction:column;height:100%;display:flex;overflow:hidden}.tabHeader-vbHOho{background-color:var(--tab-header-bg,#2c2c2c);color:var(--tab-header-color,#e0e0e0);border-bottom:1px solid var(--border-color,#444);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.tabHeader-vbHOho h3{margin:0;font-size:14px;font-weight:500}.actions-Q3jrkV{gap:8px;display:flex}.action-ecQf4V{color:var(--action-color,#bbb);border:1px solid var(--action-border-color,#555);cursor:pointer;background-color:#0000;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.action-ecQf4V:hover{background-color:var(--action-hover-bg,#444);color:var(--action-hover-color,#fff)}.editorContainer-fRlZFY{flex:1;overflow:hidden}.outputContainer-Xr9PNh{background-color:var(--output-bg,#fff);flex-direction:column;height:100%;display:flex;overflow:hidden}.outputHeader-MJNIpg{background-color:var(--output-header-bg,#2c2c2c);color:var(--output-header-color,#e0e0e0);border-bottom:1px solid var(--border-color,#444);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.outputHeader-MJNIpg h3{margin:0;font-size:14px;font-weight:500}.outputActions-CEF8G1{gap:8px;display:flex}.runButton-DbxKcb{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:background-color .2s}.runButton-DbxKcb:hover{background-color:var(--run-button-hover-bg,#45a049)}.outputContent-OdtAs4{flex:1;overflow:hidden}.outputFrame-lF6Y8J{background-color:#fff;border:0;width:100%;height:100%}.codepen-A2do56{flex-direction:column;width:100%;height:100vh;display:flex}.panelGroup-umHNAc{flex:1;height:100%}.resizeHandle-lXVn_p{background-color:var(--resize-handle-bg,#555);width:4px;height:4px;transition:background-color .2s}.resizeHandle-lXVn_p:hover{background-color:var(--resize-handle-hover-bg,#777)}div[data-panel-group-direction=horizontal]>.resizeHandle-lXVn_p{cursor:col-resize;width:4px;height:100%}div[data-panel-group-direction=vertical]>.resizeHandle-lXVn_p{cursor:row-resize;width:100%;height:4px}.container-MDXOeW{flex-direction:column;width:100%;height:100vh;display:flex}.toast-JUyXFN{color:#fff;background:#23272f;border-radius:8px;flex-direction:column;gap:4px;min-width:400px;max-width:400px;padding:16px 24px;font-size:15px;display:flex;position:relative;box-shadow:0 2px 10px #00000026}@media screen and (max-width:768px){.toast-JUyXFN{min-width:320px;max-width:320px}}.title-MTy3zi{margin-bottom:2px;font-weight:600}.description-AIx4K_{color:#b3b3b3;font-size:14px}.action-seJvMI{color:#fff;cursor:pointer;background:#007acc;border:none;border-radius:4px;margin-top:8px;padding:4px 12px;font-size:14px}.close-dj16rg{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:12px}.viewport-ZLO4vG{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.success-JXFv9W{border-left:4px solid #16a34a}.error-vvVnDt{border-left:4px solid #dc2626}.info-uKl4lu{border-left:4px solid #2563eb}.warning-DFXDD1{border-left:4px solid #f59e42}