.BolgTips_wrapper__BLb0o{--color-mode-transition:background-color 300ms cubic-bezier(0,0.7,0.6,1),color 300ms cubic-bezier(0,0.7,0.6,1)}.BolgTips_borderLine__vQ5oz{position:relative;margin:16px -32px 64px;border-left:3px solid;border-radius:6px 6px 6px 3px;padding:28px 32px 32px calc(29px);scroll-margin-top:48px;background:var(--color-info-background);border-color:var(--color-info)}.BolgTips_fixedIcon__ncPYO{position:absolute;top:0;left:0;transform:translate(calc(-50% - 1.5px),-50%);padding:8px;border-radius:50%;background:var(--color-page-background);transition:var(--color-mode-transition);color:var(--color-info)}html[data-color-theme=dark] .BolgTips_fixedIcon__ncPYO{background:var(--color-backdrop)}.BolgTips_wrapper__BLb0o strong{display:block;font-weight:var(--font-weight-bold);scroll-margin-top:64px}.BolgTips_wrapper__BLb0o p,.BolgTips_wrapper__BLb0o strong{font-size:1.125rem;margin-bottom:1em}.BolgTips_borderLine__vQ5oz.BolgTips_success__hPNle{border-color:var(--color-success);background-color:var(--color-success-background)}.BolgTips_borderLine__vQ5oz.BolgTips_warning__NgR4f{border-color:var(--color-warning);background-color:var(--color-warning-background)}.Card_wrapper__r1iDw{padding:var(--viewport-padding);margin-left:calc(var(--viewport-padding) * -1);margin-right:calc(var(--viewport-padding) * -1);margin-bottom:64px;background:var(--color-card-background);border:1px solid var(--color-card-border);box-shadow:var(--shadow-card)}@media (min-width:56rem){.Card_wrapper__r1iDw{border-radius:8px!important}}.BlogSummaryCard_wrapper__Rc4hL{width:100%;max-width:750px;margin-bottom:32px}.BlogSummaryCard_title__t18Ta{display:block;font-size:1.75rem;line-height:1.3;text-decoration:none;transition:color .2s;margin-bottom:.25rem}.BlogSummaryCard_title__t18Ta:hover{color:var(--color-primary)}.BlogSummaryCard_wrapper__Rc4hL time{display:block;margin-bottom:1rem;font-weight:500;font-size:1.125rem;color:var(--color-decorative-900)}.BlogSummaryCard_wrapper__Rc4hL p{font-size:1.125rem;margin-bottom:0}.BlogSummaryCard_arrow__Zo9hx{display:inline-block;font-family:Monaco,monospace;color:var(--color-primary);transition:transform .2s;font-weight:400}.BlogSummaryCard_continueReadingLink__DdkQ_{font-weight:600}.BlogSummaryCard_continueReadingLink__DdkQ_:hover{text-underline-offset:.125em}.BlogSummaryCard_continueReadingLink__DdkQ_:hover .BlogSummaryCard_arrow__Zo9hx{transform:translateX(4px)}.BlogHero_wrapper__M743_{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;max-width:var(--outer-content-width);margin:0 auto}.BlogHero_content__ioSG7{position:relative;width:100%;max-width:var(--content-width);padding:var(--viewport-padding);padding-top:calc(48px + 8vw);padding-bottom:64px}.BlogHero_content__ioSG7 h1{margin-bottom:.5rem}.BlogHero_content__ioSG7 p{font-size:1.125rem;color:var(--color-decorative-900);margin-bottom:0;font-weight:400}.BlogHero_content__ioSG7 time{font-weight:500}@media (min-width:35rem){.BlogHero_content__ioSG7 p{font-size:1.25rem}}.postSlug_wrapper__o3fsB{padding-bottom:64px;position:relative}.postSlug_page__tAcTp{position:relative;display:grid;grid-template-columns:1fr min(var(--trimmed-content-width),100%) 1fr;max-width:var(--outer-content-width);margin:0 auto;padding:64px var(--viewport-padding) 32px;background:var(--color-page-background);box-shadow:var(--shadow-page)}.postSlug_page__tAcTp>*{grid-column:2}.postSlug_seriesNavigation__BTKWC{margin-top:40px;border-top:1px solid var(--color-gray-200);padding-top:18px}.postSlug_seriesNavigation__BTKWC p{margin-bottom:10px;font-size:1rem}.postSlug_seriesNavigation__BTKWC p a{margin-left:8px}.postSlug_seriesLinks__xzvyT{display:flex;flex-wrap:wrap;gap:14px}.postSlug_seriesLinks__xzvyT a{font-size:.95rem;line-height:1.5}@media (min-width:80rem){.postSlug_page__tAcTp{border:1px solid var(--color-page-border);border-radius:8px}}.Slider_slider__mLQdv{--handle-width:12px;--handle-height:24px;--track-color:var(--color-gray-500);--handle-color:var(--color-text);--handle-active-color:var(--color-primary);--background-color:var(--color-card-background);display:block;width:100%;height:var(--handle-height);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-offset:6px;cursor:pointer}.Slider_slider__mLQdv::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--handle-width);height:var(--handle-height);border-radius:50px;background:var(--color-gray-900);cursor:-webkit-grab;cursor:grab;transform:translateY(calc(-50% + 1.5px));outline:2px solid var(--background-color)}.Slider_slider__mLQdv:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.Slider_slider__mLQdv:focus::-webkit-slider-thumb{background:var(--handle-active-color)}.Slider_slider__mLQdv:focus:not(:focus-visible){outline:none}.Slider_slider__mLQdv::-webkit-slider-runnable-track{width:calc(100% - 1.5rem);height:3px;background:var(--track-color);border-radius:1.5px;margin:calc(var(--handle-size) / 2) 0}.Slider_slider__mLQdv::-moz-range-track{background:var(--track-color)}.SliderControl_wrapper__0QZSe{display:flex;flex-direction:column;gap:8px}.SliderControl_header__6CoQO{display:flex;justify-content:space-between;align-items:baseline}.SliderControl_label__f_KmU{font-size:1.125rem;font-weight:550}.SliderControl_value__lOcnx{font-size:1.125rem;font-weight:400}.Equation_wrapper__SSLOz{text-align:center;font-size:2rem;font-family:var(--font-family-mono);margin-bottom:8px}.Equation_remainderPhrase__FSnHZ{color:var(--color-gray-500)}.Equation_remainderDigit__z_knZ{color:var(--color-text)}.DivisionGroupsDemo_wrapper__E4Xqm{display:flex;flex-direction:column;align-items:center;gap:32px}.DivisionGroupsDemo_header__60AGQ{display:flex;justify-content:space-between}.DivisionGroupsDemo_slider__DqxQ6{width:250px}.DivisionGroupsDemo_demoWrapper__s7AXN{position:relative;width:100%;max-width:600px}.DivisionGroupsDemo_demoArea__3hAVB{display:grid;grid-gap:16px;height:300px;border:2px solid var(--color-gray-500);padding:16px}.DivisionGroupsDemo_group__WBdBq{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;padding:8px;border:1px solid var(--color-gray-300)}.DivisionGroupsDemo_item__Nzw3u{position:relative;z-index:2;width:32px;height:32px;background:var(--color-secondary);border-radius:1000px;display:flex;justify-content:center;align-items:center;font-weight:700}.DivisionGroupsDemo_remainderArea__I_yOc{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--color-gray-300);height:64px;width:100%;max-width:600px;margin-top:16px}.DivisionGroupsDemo_remainderHeading__hmGHT{position:absolute;top:0;left:-1px;padding:4px 8px 0;border:1px solid var(--color-gray-300);border-bottom:none;background:var(--color-card-background);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transform:translateY(-100%);border-radius:2px 2px 0 0}.JSBasicsLab_wrapper__TgRTp{margin:24px 0 40px;border:1px solid var(--color-card-border);background:var(--color-card-background);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.JSBasicsLab_header__nYQVW{padding:16px 18px 12px;border-bottom:1px dashed var(--color-card-border)}.JSBasicsLab_kicker__h1NwK{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin:0 0 4px}.JSBasicsLab_header__nYQVW h3{margin:0;font-size:1.15rem}.JSBasicsLab_labBody___VNWq{padding:14px 18px 18px;display:grid;grid-gap:12px;gap:12px}.JSBasicsLab_gridTwo__qEHuT{display:grid;grid-gap:10px;gap:10px}.JSBasicsLab_field__8Nxkn{display:grid;grid-gap:6px;gap:6px}.JSBasicsLab_field__8Nxkn span{font-size:.88rem;color:var(--color-gray-700)}.JSBasicsLab_field__8Nxkn input,.JSBasicsLab_field__8Nxkn select,.JSBasicsLab_field__8Nxkn textarea{width:100%;border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text);padding:8px 10px;font-size:.95rem}.JSBasicsLab_segment__ICeJf{display:flex;gap:8px}.JSBasicsLab_segment__ICeJf button{border:1px solid var(--color-gray-300);background:var(--color-page-background);color:var(--color-text);border-radius:999px;padding:6px 12px;font-size:.85rem;cursor:pointer}.JSBasicsLab_segment__ICeJf button.JSBasicsLab_active__oN_49{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-secondary-100)}.JSBasicsLab_primary__0ghUr{border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:white}.JSBasicsLab_primary__0ghUr,.JSBasicsLab_secondary__7Pa0p{padding:8px 12px;width:-moz-fit-content;width:fit-content;font-size:.9rem;cursor:pointer}.JSBasicsLab_secondary__7Pa0p{border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text)}.JSBasicsLab_codePanel__lPLbh{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background);display:grid;grid-gap:8px;gap:8px}.JSBasicsLab_codePanelTitle__rJVnB{margin:0;font-size:.86rem;color:var(--color-gray-700);letter-spacing:.04em;text-transform:uppercase}.JSBasicsLab_codeLine__vM4uN{margin:0;font-family:var(--font-family-mono),monospace;font-size:.92rem;padding:8px 10px;border:1px dashed var(--color-gray-300);border-radius:8px;background:var(--color-inline-code-bg)}.JSBasicsLab_hint__u__mZ{margin:0;font-size:.88rem;color:var(--color-gray-700)}.JSBasicsLab_runMeta__DjjNE{margin:0;font-size:.88rem;color:var(--color-primary)}.JSBasicsLab_resultCard__Uu8Wx{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background)}.JSBasicsLab_resultTitle__GVwzu{margin:0 0 8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700)}.JSBasicsLab_pre__ZnKaa{margin:0;font-size:.82rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono),monospace}.JSBasicsLab_error__3Iyow{margin:0;color:var(--color-error);background:var(--color-error-background);border:1px solid var(--color-error);border-radius:8px;padding:8px 10px;font-size:.9rem}.JSBasicsLab_errorTitle__F8992{margin:0 0 6px;font-weight:600}.JSBasicsLab_errorMeta__HTDhN{margin:0 0 8px;font-size:.85rem}.JSBasicsLab_errorRaw__xml_J{margin:0 0 8px;font-size:.82rem;opacity:.88;word-break:break-word}.JSBasicsLab_errorContext__kwSz2{margin:0 0 8px;padding:8px;border-radius:6px;background:color-mix(in srgb,var(--color-error-background) 65%,black 10%);font-family:var(--font-family-mono),monospace;font-size:.82rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.JSBasicsLab_errorTips__qF2un{margin:0;padding-left:18px}.JSBasicsLab_errorTips__qF2un li{margin-bottom:4px;font-size:.86rem}.JSBasicsLab_history__0qOeR{border-top:1px dashed var(--color-card-border);padding-top:10px}.JSBasicsLab_historyTitle__UOz5d{margin:0 0 6px;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-700)}.JSBasicsLab_history__0qOeR ul{margin:0;padding-left:18px}.JSBasicsLab_history__0qOeR li{font-size:.86rem;margin-bottom:4px}.JSBasicsLab_timelineList__hqRwk{display:grid;grid-gap:8px;gap:8px}.JSBasicsLab_timelineItem__AIY1h{display:flex;align-items:center;gap:8px;border:1px solid var(--color-gray-300);border-radius:8px;padding:8px 10px;background:var(--color-page-background)}.JSBasicsLab_timelineType__3F4jt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;border:1px solid var(--color-gray-300);padding:2px 8px;min-width:62px;text-align:center;font-family:var(--font-family-mono),monospace}.JSBasicsLab_timelineTypeSync__RypP9{color:var(--color-gray-700)}.JSBasicsLab_timelineTypeMicro__cz8G_{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 9%,transparent)}.JSBasicsLab_timelineTypeMacro__lWAO9{color:var(--color-warning);border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.JSBasicsLab_timelineText__v6Ysa{font-size:.88rem;color:var(--color-text);font-family:var(--font-family-mono),monospace;word-break:break-word}.JSBasicsLab_decisionBanner__kejjS{border:1px dashed var(--color-gray-300);border-radius:10px;padding:10px 12px;font-size:.92rem;font-weight:500}.JSBasicsLab_decisionBannerSuccess__cl4my{border-color:var(--color-success);background:var(--color-success-background)}.JSBasicsLab_decisionBannerWarning__ytVAj{border-color:var(--color-warning);background:var(--color-warning-background)}.JSBasicsLab_decisionBannerError__jlFUe{border-color:var(--color-error);background:var(--color-error-background)}.JSBasicsLab_requestChecklist__KJu1d{display:grid;grid-gap:8px;gap:8px}.JSBasicsLab_requestCheckRow__sU1pY{display:grid;grid-template-columns:auto auto 1fr;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--color-gray-300);border-radius:8px;padding:8px 10px;background:var(--color-page-background)}.JSBasicsLab_requestCheckName__eHjxb{font-size:.86rem;font-weight:500;color:var(--color-text)}.JSBasicsLab_requestCheckBadge__CEQJe{border-radius:999px;font-size:.72rem;padding:2px 8px;border:1px solid var(--color-gray-300);min-width:54px;text-align:center}.JSBasicsLab_requestCheckBadgePass__lIr4c{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-background)}.JSBasicsLab_requestCheckBadgeFail__b22WY{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-background)}.JSBasicsLab_requestCheckBadgeSkip__Jqtk9{color:var(--color-gray-700)}.JSBasicsLab_requestCheckDetail__RmLK9{font-size:.84rem;color:var(--color-gray-700)}@media (min-width:56rem){.JSBasicsLab_gridTwo__qEHuT{grid-template-columns:1fr 1fr}}.ReactLabs_wrapper__sVbYG{margin:24px 0 40px;border:1px solid var(--color-card-border);background:var(--color-card-background);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.ReactLabs_labBody__XLWdh{padding:14px 18px 18px;display:grid;grid-gap:12px;gap:12px}.ReactLabs_gridTwo__QGOHB{display:grid;grid-gap:10px;gap:10px}.ReactLabs_field__agUnu{display:grid;grid-gap:6px;gap:6px}.ReactLabs_field__agUnu span{font-size:.88rem;color:var(--color-gray-700)}.ReactLabs_field__agUnu input,.ReactLabs_field__agUnu select,.ReactLabs_field__agUnu textarea{width:100%;border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text);padding:8px 10px;font-size:.95rem}.ReactLabs_segment__G4jfX{display:flex;gap:8px;flex-wrap:wrap}.ReactLabs_primary__SmDAr{border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:white}.ReactLabs_primary__SmDAr,.ReactLabs_secondary__uPdpK{padding:8px 12px;width:-moz-fit-content;width:fit-content;font-size:.9rem;cursor:pointer}.ReactLabs_secondary__uPdpK{border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text)}.ReactLabs_selected__EJVGP{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-secondary-100)}.ReactLabs_codePanel__tyNcq{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background);display:grid;grid-gap:8px;gap:8px}.ReactLabs_codePanelTitle__sUz27{margin:0;font-size:.86rem;color:var(--color-gray-700);letter-spacing:.04em;text-transform:uppercase}.ReactLabs_codeLine__Rj_Zg{margin:0;font-family:var(--font-family-mono),monospace;font-size:.92rem;padding:8px 10px;border:1px dashed var(--color-gray-300);border-radius:8px;background:var(--color-inline-code-bg)}.ReactLabs_hint__5hFP3{margin:0;font-size:.88rem;color:var(--color-gray-700)}.ReactLabs_resultCard__J20pO{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background)}.ReactLabs_resultTitle__TO6gX{margin:0 0 8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700)}.ReactLabs_pre__JSqGS{margin:0;font-size:.82rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono),monospace}@media (min-width:56rem){.ReactLabs_gridTwo__QGOHB{grid-template-columns:1fr 1fr}}.StyleLabs_wrapper___1bPy{margin:24px 0 40px;border:1px solid var(--color-card-border);background:var(--color-card-background);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.StyleLabs_labBody__9dS51{padding:14px 18px 18px;display:grid;grid-gap:12px;gap:12px}.StyleLabs_gridTwo__InSNt{display:grid;grid-gap:10px;gap:10px}.StyleLabs_field__MO5NA{display:grid;grid-gap:6px;gap:6px}.StyleLabs_field__MO5NA span{font-size:.88rem;color:var(--color-gray-700)}.StyleLabs_field__MO5NA input,.StyleLabs_field__MO5NA select,.StyleLabs_field__MO5NA textarea{width:100%;border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text);padding:8px 10px;font-size:.95rem}.StyleLabs_segment__m9n1E{display:flex;gap:8px;flex-wrap:wrap}.StyleLabs_primary__YBxLq{border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:white}.StyleLabs_primary__YBxLq,.StyleLabs_secondary__D4P_L{padding:8px 12px;width:-moz-fit-content;width:fit-content;font-size:.9rem;cursor:pointer}.StyleLabs_secondary__D4P_L{border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text)}.StyleLabs_selected__gVcN2{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-secondary-100)}.StyleLabs_previewBox__kEUjQ{display:grid;grid-gap:8px;gap:8px}.StyleLabs_flexPreview__D89a9,.StyleLabs_previewBox__kEUjQ{border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-page-background);padding:10px}.StyleLabs_flexPreview__D89a9{min-height:64px;display:flex;align-items:center}.StyleLabs_pill__O6N2_{border:1px solid var(--color-gray-300);background:var(--color-inline-code-bg);color:var(--color-text);border-radius:999px;font-size:.85rem;padding:6px 10px;white-space:nowrap}.StyleLabs_resultCard__RBOr2{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background)}.StyleLabs_resultTitle__sJRfk{margin:0 0 8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700)}.StyleLabs_responsiveBox__yGUSQ{max-width:100%;border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background);overflow-x:auto}.StyleLabs_dynamicGrid__sy7b6{display:grid;grid-gap:8px;gap:8px}.StyleLabs_tile__zpDjh{border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-inline-code-bg);padding:10px;text-align:center;font-weight:500}.StyleLabs_gridMeta__JzPk_{display:grid;grid-gap:8px;gap:8px}.StyleLabs_gridShell__u22kt{max-width:100%;border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background);overflow-x:auto}.StyleLabs_dashboardGrid__hltdD{display:grid;min-width:460px;grid-template-columns:var(--sidebar-width,240px) minmax(var(--content-min,320px),1fr);grid-template-rows:var(--header-height,64px) minmax(220px,1fr);grid-template-areas:"sidebar header" "sidebar main";grid-gap:var(--gap-size,12px);gap:var(--gap-size,12px)}.StyleLabs_gridBlock__elJ_k{border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-inline-code-bg);min-height:72px;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:600}.StyleLabs_gridSidebar__yG6w8{grid-area:sidebar}.StyleLabs_gridHeader__8ezIS{grid-area:header}.StyleLabs_gridMain__xAL00{grid-area:main;min-width:var(--content-min,320px)}.StyleLabs_dashboardGridCompact__55FGf{min-width:0;grid-template-columns:1fr;grid-template-rows:var(--header-height,64px) auto;grid-template-areas:"header" "main"}.StyleLabs_dashboardGridCompact__55FGf .StyleLabs_gridSidebar__yG6w8{display:none}.StyleLabs_dashboardGridCompact__55FGf .StyleLabs_gridMain__xAL00{min-width:0}.StyleLabs_themePreview__4Eowk{border:1px solid var(--color-gray-300);border-radius:10px;padding:12px;display:grid;grid-gap:10px;gap:10px}.StyleLabs_motionTrack__ZskSy{border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-page-background);padding:10px;min-height:42px;display:flex;align-items:center}.StyleLabs_dot__JZn2U{width:16px;height:16px;border-radius:999px;background:var(--color-primary);display:inline-block}.StyleLabs_codePanel__TMzz3{border:1px solid var(--color-gray-300);border-radius:10px;padding:8px 10px;background:var(--color-page-background)}.StyleLabs_codePanelTitle__Q7TZE{margin:0;font-size:.86rem;color:var(--color-gray-700);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.StyleLabs_codeLine__K1yRf{margin:0;font-family:var(--font-family-mono),monospace;font-size:.92rem;padding:8px 10px;border:1px dashed var(--color-gray-300);border-radius:8px;background:var(--color-inline-code-bg)}.StyleLabs_hint__H7iZZ{margin:0;font-size:.88rem;color:var(--color-gray-700)}.StyleLabs_pre__Wxv_G{margin:8px 0 0;font-size:.82rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono),monospace}@media (min-width:56rem){.StyleLabs_gridTwo__InSNt{grid-template-columns:1fr 1fr}}.VueLabs_wrapper__tc6d6{margin:24px 0 40px;border:1px solid var(--color-card-border);background:var(--color-card-background);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.VueLabs_labBody__7MUJW{padding:14px 18px 18px;display:grid;grid-gap:12px;gap:12px}.VueLabs_gridTwo__yzIn3{display:grid;grid-gap:10px;gap:10px}.VueLabs_field__Pc_vr{display:grid;grid-gap:6px;gap:6px}.VueLabs_field__Pc_vr span{font-size:.88rem;color:var(--color-gray-700)}.VueLabs_field__Pc_vr input,.VueLabs_field__Pc_vr select,.VueLabs_field__Pc_vr textarea{width:100%;border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text);padding:8px 10px;font-size:.95rem}.VueLabs_segment__OaRWn{display:flex;gap:8px;flex-wrap:wrap}.VueLabs_primary__pMRxM{border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:white}.VueLabs_primary__pMRxM,.VueLabs_secondary__Oqgfa{padding:8px 12px;width:-moz-fit-content;width:fit-content;font-size:.9rem;cursor:pointer}.VueLabs_secondary__Oqgfa{border:1px solid var(--color-gray-300);border-radius:8px;background:var(--color-page-background);color:var(--color-text)}.VueLabs_codePanel__TmM3_{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background);display:grid;grid-gap:8px;gap:8px}.VueLabs_codePanelTitle__WXIu6{margin:0;font-size:.86rem;color:var(--color-gray-700);letter-spacing:.04em;text-transform:uppercase}.VueLabs_codeLine___xLmN{margin:0;font-family:var(--font-family-mono),monospace;font-size:.92rem;padding:8px 10px;border:1px dashed var(--color-gray-300);border-radius:8px;background:var(--color-inline-code-bg)}.VueLabs_successLine__m4mPl{border-color:var(--color-success);background:var(--color-success-background)}.VueLabs_warnLine__tbvLH{border-color:var(--color-warning);background:var(--color-warning-background)}.VueLabs_hint__qwm8M{margin:0;font-size:.88rem;color:var(--color-gray-700)}.VueLabs_resultCard__uFbY8{border:1px solid var(--color-gray-300);border-radius:10px;padding:10px;background:var(--color-page-background)}.VueLabs_resultTitle__5Twnr{margin:0 0 8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700)}.VueLabs_pre__o_G6T{margin:0;font-size:.82rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;font-family:var(--font-family-mono),monospace}.VueLabs_checkList__abIf8{display:grid;grid-gap:8px;gap:8px}.VueLabs_checkRow__Kh1TX{border:1px solid var(--color-gray-300);border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:8px;background:var(--color-page-background)}.VueLabs_badge__8PCVl{border-radius:999px;border:1px solid var(--color-gray-300);padding:2px 8px;font-size:.74rem;min-width:44px;text-align:center}.VueLabs_pass__cCfO0{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-background)}.VueLabs_fail__T_xWt{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-background)}.VueLabs_safeText__6IKe1{margin:0;color:var(--color-success)}.VueLabs_dangerText__qE9lm{margin:0;color:var(--color-error)}.VueLabs_stepList__jNpib{margin:0;padding-left:18px}.VueLabs_stepList__jNpib li{margin-bottom:6px;font-size:.9rem}@media (min-width:56rem){.VueLabs_gridTwo__yzIn3{grid-template-columns:1fr 1fr}}