:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--theme-dark-blue: #0460bd;--console-bg: #e0e0e0;--console-fg: #000;--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;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}.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:flex-start;flex-wrap:wrap}}._consoleBox_wlsbh_1{flex:1;background:var(--console-bg);color:var(--console-fg);border:1px solid var(--theme-dark-blue);border-radius:var(--corner)!important}._darkMode_wlsbh_9{background:#111;color:#f3f3f3}._consoleOutput_wlsbh_14{background:var(--console-bg)!important;border-radius:var(--corner)!important;font-size:1rem;white-space:pre-wrap;overflow-wrap:break-word;padding:.5rem;margin:0}._darkMode_wlsbh_9 ._consoleOutput_wlsbh_14{background:#111!important;color:#f3f3f3}._darkMode_wlsbh_9 a{color:#9ecbff}._outputContainer_1pee6_1{flex:1;font-family:monospace;font-size:1rem;min-height:100px;padding:.5rem}._container_gqxls_1{display:flex;gap:1rem;height:100%;min-height:0;box-sizing:border-box;max-width:2400px;margin:0 auto}._leftColumn_gqxls_11{display:flex;flex-direction:column;flex:1;min-height:0;gap:1rem}._rightColumn_gqxls_19{flex:1;display:flex;flex-direction:column;overflow-y:auto;border:1px solid black;border-radius:var(--corner);background:#fff;color:#000}._codeContainer_gqxls_31{display:flex;flex-direction:column;flex:.65;min-height:0}._toggleContainer_gqxls_38{height:40px}._consoleContainer_gqxls_42{flex:.35;display:flex;flex-direction:column;min-height:0;overflow-y:auto}._darkMode_gqxls_50{background:#202020!important;color:#0184a6}@media(max-width:1024px){._container_gqxls_1{flex-direction:column;height:unset}._codeContainer_gqxls_31{min-height:50vh}._consoleContainer_gqxls_42{min-height:10vh}}._editorPanel_z37th_1{display:flex;flex:1;flex-direction:column;min-height:0;border:1px solid var(--theme-dark-blue);border-radius:var(--corner);background:linear-gradient(180deg,#f6f9ff,#fff 20%,#fff);color:#000;overflow:hidden;box-shadow:0 8px 24px #0460bd14}._darkMode_z37th_15{background:linear-gradient(180deg,#1c2733,#202020 24%,#202020);color:var(--theme-dark-blue);border-color:var(--theme-dark-blue);box-shadow:none}._toolbar_z37th_22{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_z37th_15 ._toolbar_z37th_22{border-bottom-color:var(--theme-dark-blue);background:#161616}._examplesRow_z37th_37{display:flex;align-items:center;gap:.5rem;min-width:0}._examplesLabel_z37th_44{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}._exampleList_z37th_52{display:flex;align-items:center;gap:.375rem;min-width:0;overflow-x:auto;scrollbar-width:none}._exampleList_z37th_52::-webkit-scrollbar{display:none}._exampleChip_z37th_65,._shareButton_z37th_66{border:1px solid var(--theme-dark-blue);border-radius:999px;background:#fff;color:var(--theme-dark-blue);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}._exampleChip_z37th_65{padding:.4rem .7rem}._exampleChip_z37th_65:hover:not(._exampleChipActive_z37th_86),._shareButton_z37th_66:hover{background:#eff6ff}._exampleChipActive_z37th_86{background:var(--theme-dark-blue);color:#fff}._shareButton_z37th_66{flex-shrink:0;min-width:8.5rem;padding:.5rem .8rem;text-align:center}._darkMode_z37th_15 ._exampleChip_z37th_65,._darkMode_z37th_15 ._shareButton_z37th_66{border-color:var(--theme-dark-blue);background:#202020;color:var(--theme-dark-blue)}._darkMode_z37th_15 ._exampleChipActive_z37th_86{background:var(--theme-dark-blue);color:#fff}._darkMode_z37th_15 ._exampleChip_z37th_65:hover:not(._exampleChipActive_z37th_86),._darkMode_z37th_15 ._shareButton_z37th_66:hover{background-color:#0460bd24}._editorSurface_z37th_120{display:flex;flex:1;min-height:0;background:transparent;overflow:hidden}._editor_z37th_1{flex:1;min-height:0;overflow:hidden}._editor_z37th_1 .cm-editor{height:100%;font-size:1rem}._editor_z37th_1 .cm-scroller{height:100%;min-height:0}._editor_z37th_1 .cm-content{-moz-tab-size:4;tab-size:4}._copyError_z37th_148{padding:.35rem .75rem 0;color:#a40000;font-size:.875rem}._darkMode_z37th_15 ._copyError_z37th_148{color:#ff8c8c}@media(max-width:720px){._toolbar_z37th_22{flex-wrap:wrap}._shareButton_z37th_66{width:100%}}._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}