:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--theme-dark-blue: #0460bd;--console-bg: #fff;--console-fg: #000;--console-dark-bg: #202020;--console-dark-fg: #d9e4ec;--corner: 6px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{color-scheme:light dark}body{background:#f4f7fb}#root{min-height:100%}.standaloneShell{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:1rem;box-sizing:border-box;background:#f4f7fb;color:#000;transition:background .2s ease,color .2s ease}.standaloneShellDark{background:#141c24;color:var(--theme-dark-blue)}.standaloneToolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:2400px;margin:0 auto .75rem}.standaloneBrand{display:flex;align-items:flex-end;gap:.75rem;flex:1;min-width:0}.standaloneTitle{margin:0;color:inherit;font-size:1.5rem;font-weight:700;line-height:1}.standaloneShellDark .standaloneTitle{color:#f3f6fa}.standaloneLearnMore{color:var(--theme-dark-blue);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap}.standaloneLearnMore:hover{text-decoration:underline}.themeToggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--theme-dark-blue);border-radius:999px;background:#ffffffeb;color:var(--theme-dark-blue);cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;line-height:1;padding:.55rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.themeToggleIcon{height:1em;font-size:1rem;vertical-align:-.125em}.themeToggle:hover{background:#eff6ff}.standaloneShellDark .themeToggle{border-color:var(--theme-dark-blue);background:#101010e0;color:var(--theme-dark-blue)}.standaloneShellDark .themeToggle:hover{background:#0460bd24}.standaloneShellDark .standaloneLearnMore{color:var(--theme-dark-blue)}.standaloneAppFrame{flex:1;min-height:0}@media(max-width:1024px){.standaloneShell{height:auto}.standaloneAppFrame{height:auto;min-height:calc(100vh - 4.75rem);min-height:calc(100dvh - 4.75rem)}}@media(max-width:720px){.standaloneToolbar{align-items:center;flex-wrap:nowrap}}.loadingMessage{display:flex;align-items:center;justify-content:center;height:100%;min-height:18rem;border:1px solid var(--theme-dark-blue);border-radius:var(--corner);background:#ffffffb3;color:var(--theme-dark-blue);font-size:.95rem;font-weight:600}.loadingMessageDark{background:#101010b8}.errorMessage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;min-height:18rem;border:1px solid var(--theme-dark-blue);border-radius:var(--corner);background:#ffffffb3;color:#8b0000;padding:1.5rem;text-align:center}.errorMessageDark{background:#101010b8;color:#ff8c8c}.errorMessageTitle,.errorMessageBody{margin:0}.errorMessageTitle{color:var(--theme-dark-blue);font-size:1rem;font-weight:700}._consoleBox_ua7lx_1{flex:1;background:var(--console-bg);color:var(--console-fg);border:1px solid var(--theme-dark-blue);border-radius:var(--corner)!important;box-shadow:0 8px 24px #0460bd14}._darkMode_ua7lx_10{background:var(--console-dark-bg);color:var(--console-dark-fg);box-shadow:none}._consoleOutput_ua7lx_16{background:var(--console-bg)!important;border-radius:var(--corner)!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;padding:.75rem 1rem;margin:0}._darkMode_ua7lx_10 ._consoleOutput_ua7lx_16{background:var(--console-dark-bg)!important;color:var(--console-dark-fg)}._consoleBox_ua7lx_1 a{color:var(--theme-dark-blue)}._darkMode_ua7lx_10 a{color:#9ecbff}._outputContainer_1pee6_1{flex:1;font-family:monospace;font-size:1rem;min-height:100px;padding:.5rem}._editorPanel_yij27_1{display:flex;flex:1;flex-direction:column;min-height:0;border:1px solid var(--theme-dark-blue);border-radius:var(--corner);background:#fff;color:#000;overflow:hidden;box-shadow:0 8px 24px #0460bd14}._darkMode_yij27_14{background:#202020;color:var(--theme-dark-blue);border-color:var(--theme-dark-blue);box-shadow:none}._toolbar_yij27_21{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .625rem;border-bottom:1px solid var(--theme-dark-blue);background:#f4f4f4}._darkMode_yij27_14 ._toolbar_yij27_21{border-bottom-color:var(--theme-dark-blue);background:#161616}._toolbarActions_yij27_36{display:flex;align-items:center;gap:.625rem;flex-shrink:0}._examplesRow_yij27_43{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1;overflow:visible}._examplesMenu_yij27_52{position:relative;flex-shrink:0}._examplesButton_yij27_57,._exampleOption_yij27_58,._runButton_yij27_59,._utilityButton_yij27_60{border:1px solid var(--theme-dark-blue);cursor:pointer;font-family:inherit;line-height:1}._examplesButton_yij27_57{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;background:#fff;color:var(--theme-dark-blue);font-size:.875rem;font-weight:600;padding:.45rem .75rem;white-space:nowrap;transition:background .15s ease,color .15s ease}._examplesButton_yij27_57:hover{background:#eff6ff}._examplesDropdown_yij27_87{position:absolute;top:calc(100% + .45rem);left:0;z-index:10;display:flex;flex-direction:column;min-width:10rem;padding:.35rem;border:1px solid rgba(4,96,189,.22);border-radius:.9rem;background:#fff;box-shadow:0 12px 28px #0460bd29}._exampleOption_yij27_58{border:0;border-radius:.65rem;background:transparent;color:#35516d;font-size:.875rem;font-weight:600;padding:.65rem .75rem;text-align:left;transition:background .15s ease,color .15s ease}._exampleOption_yij27_58:hover{background:#eff6ff}._exampleOptionActive_yij27_120{background:#0460bd1a;color:var(--theme-dark-blue)}._runButton_yij27_59{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;background:var(--theme-dark-blue);color:#fff;font-size:.875rem;font-weight:700;padding:.55rem .95rem;text-decoration:none;white-space:nowrap;transition:opacity .15s ease,transform .15s ease}._runButton_yij27_59:hover{opacity:.92}._runButton_yij27_59:active{transform:translateY(1px)}._utilityButton_yij27_60{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#eff6ffd1;color:#35516d;transition:background .15s ease,color .15s ease}._utilityButton_yij27_60:hover{background:#e7f1ff}._buttonIcon_yij27_169{font-size:.8125rem}._darkMode_yij27_14 ._examplesButton_yij27_57,._darkMode_yij27_14 ._utilityButton_yij27_60{border-color:var(--theme-dark-blue);background:#141c24e6;color:#b0c4d8}._darkMode_yij27_14 ._examplesButton_yij27_57:hover,._darkMode_yij27_14 ._utilityButton_yij27_60:hover{background-color:#0460bd24}._darkMode_yij27_14 ._examplesDropdown_yij27_87{border-color:#0460bd38;background:#161616;box-shadow:0 12px 28px #00000052}._darkMode_yij27_14 ._exampleOption_yij27_58{color:#b0c4d8}._darkMode_yij27_14 ._exampleOption_yij27_58:hover{background:#0460bd24}._darkMode_yij27_14 ._exampleOptionActive_yij27_120{background:#0460bd33;color:#f3f6fa}._editorSurface_yij27_204{display:flex;flex:1;min-height:0;background:transparent;overflow:hidden}._editor_yij27_1{flex:1;min-height:0;overflow:hidden}._editor_yij27_1 .cm-editor{height:100%;font-size:1rem}._editor_yij27_1 .cm-scroller{height:100%;min-height:0}._darkMode_yij27_14 ._editor_yij27_1 .cm-scroller{scrollbar-width:thin;scrollbar-color:rgba(4,96,189,.75) rgba(8,18,28,.9)}._darkMode_yij27_14 ._editor_yij27_1 .cm-scroller::-webkit-scrollbar{width:12px;height:12px}._darkMode_yij27_14 ._editor_yij27_1 .cm-scroller::-webkit-scrollbar-track{background:#08121ce6}._darkMode_yij27_14 ._editor_yij27_1 .cm-scroller::-webkit-scrollbar-thumb{background:#0460bde6;border:2px solid rgba(8,18,28,.9);border-radius:999px}._darkMode_yij27_14 ._editor_yij27_1 .cm-scroller::-webkit-scrollbar-thumb:hover{background:#0460bd}._editor_yij27_1 .cm-content{-moz-tab-size:4;tab-size:4}._copyError_yij27_256{padding:.35rem .75rem 0;color:#a40000;font-size:.875rem}._darkMode_yij27_14 ._copyError_yij27_256{color:#ff8c8c}@media(max-width:720px){._toolbar_yij27_21{flex-wrap:nowrap}._toolbarActions_yij27_36{justify-content:flex-end}}._container_pl4rg_1{display:flex;gap:1rem;height:100%;min-height:0;box-sizing:border-box;max-width:2400px;margin:0 auto}._leftColumn_pl4rg_11{display:flex;flex-direction:column;flex:1;min-height:0;gap:1rem}._rightColumn_pl4rg_19{flex:1;display:flex;flex-direction:column;overflow-y:auto;border:1px solid var(--theme-dark-blue);border-radius:var(--corner);background:#fff;color:#000}._codeContainer_pl4rg_31{display:flex;flex-direction:column;flex:.65;min-height:0}._toggleContainer_pl4rg_38{height:40px}._consoleContainer_pl4rg_42{flex:.35;display:flex;flex-direction:column;min-height:0;overflow-y:auto}._darkMode_pl4rg_50{background:#202020!important;color:#0184a6;scrollbar-width:thin;scrollbar-color:rgba(4,96,189,.75) rgba(8,18,28,.9)}._darkMode_pl4rg_50::-webkit-scrollbar{width:12px;height:12px}._darkMode_pl4rg_50::-webkit-scrollbar-track{background:#08121ce6}._darkMode_pl4rg_50::-webkit-scrollbar-thumb{background:#0460bde6;border:2px solid rgba(8,18,28,.9);border-radius:999px}._darkMode_pl4rg_50::-webkit-scrollbar-thumb:hover{background:#0460bd}@media(max-width:1024px){._container_pl4rg_1{flex-direction:column;height:unset}._codeContainer_pl4rg_31{min-height:50vh}._consoleContainer_pl4rg_42{min-height:10vh}}._buttonGroup_lqada_1{display:flex;height:100%;border:1px solid var(--theme-dark-blue);border-radius:var(--corner);overflow:hidden}._buttonGroup_lqada_1 ._btn_lqada_9{flex:1;background:#fff;color:var(--theme-dark-blue);border:none;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}._buttonGroup_lqada_1 ._btn_lqada_9+._btn_lqada_9{border-left:1px solid var(--theme-dark-blue)}._buttonGroup_lqada_1 ._btn_lqada_9:hover{background:#eff6ff}._buttonGroup_lqada_1 ._btn_lqada_9._active_lqada_32{background:var(--theme-dark-blue);color:#fff}._darkMode_lqada_37{border-color:var(--theme-dark-blue)}._darkMode_lqada_37 ._btn_lqada_9{background:#202020;color:var(--theme-dark-blue)}._darkMode_lqada_37 ._btn_lqada_9+._btn_lqada_9{border-left-color:var(--theme-dark-blue)}._darkMode_lqada_37 ._btn_lqada_9:hover:not(._active_lqada_32){background:#0460bd24}