.code_source__WoL39{overflow:auto;max-height:36rem;scrollbar-width:thin;background:var(--background)}.code_preview__NHxno:focus-visible,.code_source__WoL39:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.code_source__WoL39 pre{margin:0;padding:1.25rem;width:max-content;min-width:100%;font:.8125rem/1.85 var(--font-mono),monospace;tab-size:2;white-space:pre;overflow-wrap:normal;word-break:normal;background:transparent}.code_source__WoL39 pre,.code_source__WoL39 span{color:var(--shiki-light)}.dark .code_source__WoL39 pre,.dark .code_source__WoL39 span{color:var(--shiki-dark)}.code_preview__NHxno{padding:1.5rem;overflow:auto;max-height:36rem;contain:layout paint;isolation:isolate;color:var(--foreground);background:var(--background);font:1rem/1.6 var(--font-sans),sans-serif;overflow-wrap:anywhere}.code_preview__NHxno :where(*){all:revert;box-sizing:border-box}.code_preview__NHxno :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl){margin-block:0 1rem}.code_preview__NHxno :where(img,video,audio,input,select,textarea){max-width:100%}.code_preview__NHxno :where(table){border-collapse:collapse}.code_preview__NHxno :where(td,th){border:1px solid var(--border);padding:.5rem .75rem}.code_preview__NHxno :where(a){color:var(--foreground);text-decoration:underline}.code_preview__NHxno :where(button,input,textarea,select){border:1px solid var(--border);border-radius:.25rem;background:var(--muted);color:var(--foreground);padding:.2rem .4rem;font:inherit}.code_preview__NHxno :where(input[type=checkbox],input[type=radio]){accent-color:var(--primary)}.code_copy__SbGnV{transition:opacity .15s}@media (hover:hover) and (pointer:fine){.code_copy__SbGnV{opacity:0;pointer-events:none}.code_block__pGr2f:focus-within .code_copy__SbGnV,.code_block__pGr2f:hover .code_copy__SbGnV,.code_copy__SbGnV[data-feedback]{opacity:1;pointer-events:auto}}.code_tryLink__lWhDO{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;min-height:2rem;padding:.375rem .75rem;border:1px solid var(--brand);border-radius:.5rem;background:var(--brand);color:var(--brand-foreground);font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.code_tryLink__lWhDO:hover{border-color:#1d4ed8;background:#1d4ed8}.code_tryLink__lWhDO:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.code_preview__NHxno :where(video){display:block;width:min(100%,36rem)!important;height:auto!important;aspect-ratio:16/9;object-fit:contain;border-radius:.5rem;background:#000}.code_preview__NHxno :where(audio){display:block;width:min(100%,28rem)!important}.lesson-information-box_box__qS2GG{border-left:3px solid var(--color-emerald-500);background:var(--muted);color:var(--foreground);padding:1.25rem 1.5rem;border-radius:0 .5rem .5rem 0}.lesson-information-box_box__qS2GG>ul,.lesson-information-box_box__qS2GG[data-lesson-information-box] ul[data-lesson-prose]{list-style:none;padding:0;margin:0}.lesson-information-box_box__qS2GG li+li{margin-top:1rem}.lesson-information-box_box__qS2GG p[data-lesson-prose]{margin:0}.callout_callout__E4Aw6{margin-block:.75rem;border-inline-start:4px solid var(--callout-accent);padding:.75rem 1rem;background:color-mix(in srgb,var(--callout-accent) 16%,var(--background));color:var(--foreground);font-size:.875rem;line-height:1.65;overflow-wrap:anywhere}.callout_note__0bxGP{--callout-accent:var(--color-rose-400)}.callout_tip__i6sFP{--callout-accent:var(--color-blue-500)}.callout_callout__E4Aw6[data-callout]>:first-child{margin-block-start:0}.callout_callout__E4Aw6[data-callout]>:last-child{margin-block-end:0}.callout_callout__E4Aw6[data-callout]>p[data-lesson-prose]{margin-block:0}.callout_callout__E4Aw6[data-callout]>p+p[data-lesson-prose]{margin-block-start:.75rem}.callout_callout__E4Aw6 ol,.callout_callout__E4Aw6 ul{padding-inline-start:1.5rem}.callout_callout__E4Aw6 ul{list-style:disc}.callout_callout__E4Aw6 ol{list-style:decimal}.legacy-lesson_lesson__L0MFJ{font-size:1rem;line-height:1.8;overflow-wrap:anywhere}.legacy-lesson_lesson__L0MFJ h2[data-lesson-prose]{font-size:1.5rem;font-weight:650;margin-block:2.5rem 1rem}.legacy-lesson_lesson__L0MFJ h3[data-lesson-prose]{font-size:1.15rem;font-weight:600;margin-block:1.5rem .5rem}.legacy-lesson_lesson__L0MFJ p[data-lesson-prose]{margin-block:1rem;color:var(--foreground)}.legacy-lesson_lesson__L0MFJ ul[data-lesson-prose]{padding-left:1.5rem;list-style:disc}.legacy-lesson_lesson__L0MFJ[data-lesson-path="/html/html_elements"] ul[data-lesson-prose]{list-style-type:decimal}.legacy-lesson_lesson__L0MFJ ol[data-lesson-prose]{padding-left:1.5rem;list-style:decimal}.legacy-lesson_lesson__L0MFJ dd[data-lesson-prose]{margin-left:0}.legacy-lesson_lesson__L0MFJ a[data-lesson-prose]{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.legacy-lesson_lesson__L0MFJ img{max-width:100%;height:auto}.legacy-lesson_lesson__L0MFJ img[data-lesson-prose]{display:inline-block;vertical-align:middle;box-sizing:border-box;background:#fff;padding:.75rem;border-radius:.5rem;border:1px solid var(--border)!important}.legacy-lesson_lesson__L0MFJ table{display:block;overflow-x:auto;border-collapse:collapse;margin-block:1rem}.legacy-lesson_lesson__L0MFJ td,.legacy-lesson_lesson__L0MFJ th{border:1px solid var(--border);padding:.5rem .75rem}.legacy-lesson_lesson__L0MFJ th{background:var(--muted);text-align:left}.legacy-lesson_lesson__L0MFJ .outerQues[data-lesson-prose]{margin-block:1.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);overflow:hidden}.legacy-lesson_lesson__L0MFJ .outerQues[data-lesson-prose]>:is(h2,h3){margin:0;padding:.65rem 1rem;background:var(--muted);border-bottom:1px solid var(--border);font-size:1.1rem}.legacy-lesson_lesson__L0MFJ .outerQues[data-lesson-prose]>p{margin:0;padding:1rem}.legacy-lesson_lesson__L0MFJ .outerQues[data-lesson-prose]>img{margin:0 1rem 1rem;max-width:calc(100% - 2rem)}.legacy-lesson_lesson__L0MFJ dl[data-lesson-prose]{margin-block:1.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);overflow:hidden}.legacy-lesson_lesson__L0MFJ [data-definition-row]{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr)}.legacy-lesson_lesson__L0MFJ [data-definition-row]+[data-definition-row]{border-top:1px solid var(--border)}.legacy-lesson_lesson__L0MFJ [data-definition-row]>dt{grid-column:1;padding:.85rem 1rem;font-weight:600;background:var(--muted);border-right:1px solid var(--border)}.legacy-lesson_lesson__L0MFJ [data-definition-row]>dd{grid-column:2;padding:.85rem 1rem;min-width:0}.legacy-lesson_lesson__L0MFJ [data-definition-row]>dd+dd{grid-column:1/-1}.legacy-lesson_lesson__L0MFJ [data-definition-row]>:is(dt,dd)>:is(p,h2,h3){margin:0}.legacy-lesson_lesson__L0MFJ [data-definition-row]>dt+dt{border-top:1px solid var(--border)}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose]{border:0;background:transparent}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose]>div{margin-block:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card);overflow:hidden}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose] dt[data-lesson-prose]{padding:.65rem 1rem;background:var(--muted);border-bottom:1px solid var(--border);font-weight:600}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose] dt[data-lesson-prose]>:is(p,h2,h3){margin:0}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose] dd[data-lesson-prose]{padding:.85rem 1rem;min-width:0}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose] dd[data-lesson-prose]>p:first-child{margin-top:0}.legacy-lesson_lesson__L0MFJ .valuesCont[data-lesson-prose] dd[data-lesson-prose]>p:last-child{margin-bottom:0}@media (max-width:640px){.legacy-lesson_lesson__L0MFJ [data-definition-row]{grid-template-columns:minmax(0,1fr)}.legacy-lesson_lesson__L0MFJ [data-definition-row]>:is(dt,dd){grid-column:1}.legacy-lesson_lesson__L0MFJ [data-definition-row]>dt{border-right:0;border-bottom:1px solid var(--border)}}.legacy-lesson_lesson__L0MFJ .pallets{display:inline-block;padding:.4rem .75rem;margin:.25rem;border:1px solid var(--border);cursor:pointer;color:black}.legacy-lesson_lesson__L0MFJ .colorBox,.legacy-lesson_lesson__L0MFJ .colorBoxForHex{min-height:5rem}.legacy-lesson_lesson__L0MFJ input{border:1px solid var(--border);padding:.25rem}.live-code_block__9ehE2{min-width:0;margin-block:.75rem;overflow:hidden;border-radius:.4rem}.live-code_compact__Np4KS{width:fit-content;max-width:100%}.live-code_compact__Np4KS .live-code_source__CVZCH pre{padding:.35rem .65rem}.live-code_label__2GySe{padding:.3rem .75rem;border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:.65rem;font-weight:650}.live-code_source__CVZCH{overflow-x:auto;background:var(--muted);border:1px solid var(--border);border-radius:.4rem}.live-code_source__CVZCH pre{padding:.75rem;margin:0;background:transparent!important;font:.75rem/1.65 var(--font-mono),monospace;white-space:pre;color:var(--shiki-light,var(--foreground));width:max-content;min-width:100%}.live-code_source__CVZCH span{color:var(--shiki-light)}.dark .live-code_source__CVZCH pre,.dark .live-code_source__CVZCH span{color:var(--shiki-dark)}.live-code_source__CVZCH:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.play_content__XNnSx{min-width:0;line-height:1.7;overflow-wrap:anywhere}.play_content__XNnSx h1{margin-bottom:1.5rem;font-size:1.8rem;line-height:1.3;font-weight:700}.play_content__XNnSx h2{margin-bottom:1rem;font-size:1rem;line-height:1.4;font-weight:650}.play_content__XNnSx h3{margin:1rem 0;font-weight:650}.play_content__XNnSx p{margin:.75rem 0}.play_content__XNnSx a{color:var(--play-blue);text-decoration:underline;text-underline-offset:3px}.play_content__XNnSx ol,.play_content__XNnSx ul{padding-left:1.5rem}.play_content__XNnSx ul{list-style:disc}.play_content__XNnSx ol{list-style:decimal}.play_content__XNnSx img{max-width:100%;height:auto}.play_content__XNnSx figure{margin:1rem 0}.play_content__XNnSx figcaption{margin-top:.5rem;color:var(--muted-foreground);font-size:.875rem}.play_content__XNnSx .applicable,.play_content__XNnSx .propDescription,.play_content__XNnSx .propertySection,.play_content__XNnSx .propertyValues,.play_content__XNnSx .syntaxValues{margin-bottom:1.5rem;padding:1.25rem;border:0;border-radius:0;background:var(--card)}.play_content__XNnSx .valuesCont{margin-top:1rem}.play_content__XNnSx .dtdd{padding:1rem;border-top:1px solid var(--border)}.play_content__XNnSx .dtdd[role=button]{cursor:pointer}.play_content__XNnSx .dtdd[role=button]:not([data-selected]):hover{background:var(--muted)}.play_content__XNnSx .dtdd[data-selected]{background:color-mix(in srgb,var(--brand) 10%,var(--card))}.play_content__XNnSx .dtdd:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.play_content__XNnSx dt{font-weight:600}.play_content__XNnSx dd{margin-left:.75rem}.play_content__XNnSx dd:last-of-type p{display:inline-block;padding:.35rem .65rem;border-radius:.35rem;background:var(--muted);font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.play_content__XNnSx .defaultButton{margin-left:.75rem;border:1px solid var(--border);border-radius:.3rem;padding:.15rem .4rem;font-size:.7rem;color:var(--muted-foreground)}.play_content__XNnSx input{margin:0 .5rem;accent-color:var(--primary)}.play_content__XNnSx input[type=range]{display:block;width:min(100%,16rem);margin:.75rem 0}.play_content__XNnSx input[type=color]{display:block;margin:.75rem 0}.play_content__XNnSx .flowChanger{padding:.75rem;border-radius:.5rem;background:var(--muted)}.play_content__XNnSx .pdtdd{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr);gap:1rem;border-top:1px solid var(--border);padding:.75rem 0}.play_content__XNnSx .pdtdd .dtdd{border:0}.play_content__XNnSx .rdtdd{min-width:0}.play_content__XNnSx .propertySection{scroll-margin-top:6rem}@media (max-width:700px){.play_content__XNnSx .pdtdd{grid-template-columns:minmax(0,1fr)}}.play_heading__2NjlQ{display:flex;flex-wrap:wrap;align-items:start;gap:.75rem;margin-bottom:1.5rem}.play_heading__2NjlQ h1{flex:1 1 15rem;margin-bottom:0}.play_content__XNnSx .responsive-image-cont img,.play_content__XNnSx>img{display:block;margin-block:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:white}.play_declarationRow__haj03{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.play_tryLink__ub_XP{flex-shrink:0;margin-left:auto;padding:.35rem .65rem;border-radius:.35rem;background:var(--brand);color:var(--brand-foreground)!important;font-size:.75rem;text-decoration:none!important}.play_inputControl__GWbh7{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.play_inputControl__GWbh7 input[type=range]{width:min(100%,15rem);min-width:8rem;flex:1}.play_inputControl__GWbh7 output{font:.75rem var(--font-mono),monospace;font-variant-numeric:tabular-nums}.play_content__XNnSx{--play-green:#15803d;--play-amber:#b45309;--play-cyan:#0e7490;--play-blue:#005a9c;--play-purple:#6d28d9;--play-red:#b91c1c}.dark .play_content__XNnSx{--play-green:#4ade80;--play-amber:#fbbf24;--play-cyan:#22d3ee;--play-blue:#60a5fa;--play-purple:#c4b5fd;--play-red:#f87171}.play_content__XNnSx .propDescription{--section-color:var(--play-green)}.play_content__XNnSx .syntaxValues{--section-color:var(--play-amber)}.play_content__XNnSx .propertyValues{--section-color:var(--play-cyan)}.play_content__XNnSx .applicable{--section-color:var(--play-red)}.play_content__XNnSx .applicableHeading,.play_content__XNnSx .descriptionHeading,.play_content__XNnSx .syntaxHeading,.play_content__XNnSx .valuesHeading{position:sticky;top:4rem;z-index:20;display:block;margin:-1.25rem -1.25rem 1rem;padding:.75rem 1.25rem;border-radius:0;color:var(--section-color);background:color-mix(in srgb,var(--section-color) 15%,var(--card))}.play_content__XNnSx .propertyValues{padding:0}.play_content__XNnSx .propertyValues>.valuesHeading{margin:0}.play_content__XNnSx .propertyValues>.valuesCont{margin-top:0}.play_content__XNnSx .syntaxValues>p{color:var(--play-blue);font-style:italic}.play_content__XNnSx .orOp{color:var(--play-amber);font-style:normal}.play_content__XNnSx dt{color:var(--play-blue)}.play_content__XNnSx .defaultButton{color:var(--play-blue);border-color:var(--play-blue)}.play_content__XNnSx .propDescription>img{padding:.75rem;border-radius:.5rem;background:white}.compatibility_actions__metVQ{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.compatibility_trigger__1uS0Z{position:relative}.compatibility_button__ZftDQ{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:.4rem;color:var(--muted-foreground);background:var(--card);cursor:pointer;text-decoration:none!important}.compatibility_button__ZftDQ:focus-visible,.compatibility_button__ZftDQ:hover{color:var(--foreground);background:var(--muted)}.compatibility_panel__gKcNU{position:absolute;top:100%;right:0;padding-top:.5rem;z-index:30}.compatibility_card__ireWJ{width:min(22rem,calc(100vw - 3rem));padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--popover);color:var(--popover-foreground);box-shadow:0 12px 32px #0003}.compatibility_caption__qLHEF{margin:0 0 .75rem!important;color:var(--muted-foreground)}.compatibility_browsers__8u7Wk{list-style:none!important;padding:0!important;margin:0}.compatibility_browsers__8u7Wk li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--border)}.compatibility_browsers__8u7Wk img{background:transparent;border-radius:0;padding:0}.compatibility_partial__LXcm1,.compatibility_supported__N5EXw,.compatibility_unsupported__ic3VL{display:inline-flex;align-items:center;gap:.25rem;border-radius:.3rem;padding:.15rem .35rem;font-size:.65rem;font-weight:600}.compatibility_supported__N5EXw{color:#166534;background:#dcfce7}.compatibility_unsupported__ic3VL{color:#991b1b;background:#fee2e2}.compatibility_partial__LXcm1{color:#854d0e;background:#fef9c3}.compatibility_check___XUqV{margin-top:.75rem;text-decoration:underline;cursor:pointer}.compatibility_reference__MCGEl{display:flex;align-items:center;gap:.3rem;margin-top:.75rem}.compatibility_result__QOnf5{display:flex;align-items:center;gap:.25rem;margin:.5rem 0!important}@media (max-width:700px){.compatibility_panel__gKcNU{left:0;right:auto}}.sidebar-content_content__uyM6J{--sidebar-accent:var(--brand);--sidebar-accent-foreground:var(--brand-foreground);--scrollbar-thumb:color-mix(in srgb,var(--sidebar-foreground) 35%,transparent);scrollbar-gutter:auto;scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--sidebar)}.sidebar-content_content__uyM6J [data-slot=sidebar-group]{padding-inline:0}.sidebar-content_content__uyM6J [data-slot=sidebar-menu-button],.sidebar-content_content__uyM6J [data-slot=sidebar-menu-sub-button]{border-radius:0;padding-inline:1rem}.sidebar-content_content__uyM6J [data-slot=sidebar-menu-sub]{margin-inline:0;padding-inline:0;transform:none}.sidebar-content_content__uyM6J [data-slot=sidebar-menu-sub-button]{width:100%;transform:none}.sidebar-content_content__uyM6J:after{content:"";display:block;flex:0 0 6rem}[data-sidebar=sidebar]:focus-within .sidebar-content_content__uyM6J,[data-sidebar=sidebar]:hover .sidebar-content_content__uyM6J{--scrollbar-thumb:color-mix(in srgb,var(--sidebar-foreground) 65%,transparent)}.sidebar-content_content__uyM6J::-webkit-scrollbar{width:12px}.sidebar-content_content__uyM6J::-webkit-scrollbar-track{background:var(--sidebar)}.sidebar-content_content__uyM6J::-webkit-scrollbar-thumb{border:3px solid var(--sidebar);border-radius:999px;background:var(--scrollbar-thumb)}.sidebar-content_content__uyM6J::-webkit-scrollbar-thumb:hover{background:var(--sidebar-foreground)}.sidebar-header_header__COALG{padding-block:10px;background:color-mix(in srgb,var(--brand) 18%,var(--sidebar));border-bottom:1px solid color-mix(in srgb,var(--brand) 40%,var(--sidebar))}.home_home__0k2Mg{--home-accent:var(--brand);overflow:clip;padding-bottom:80px}.dark .home_home__0k2Mg{--home-accent:#93c5fd}.home_container__MB7HU{max-width:1600px;margin:0 auto;padding:0 28px}.home_home__0k2Mg a:focus-visible{outline:2px solid var(--home-accent);outline-offset:5px}.home_home__0k2Mg :where(section,article,[id]){scroll-margin-top:100px}.home_hero__Q8Yz2{padding:44px 0 8px;background:linear-gradient(180deg,var(--muted),var(--background))}.home_eyebrow__xHGzN{color:var(--home-accent);font-size:11px;font-weight:700;letter-spacing:.13em}.home_hero__Q8Yz2 h1{margin:12px 0;font-size:clamp(30px,4vw,46px);line-height:1.15;font-weight:750;letter-spacing:-.04em}.home_intro__s6zh0{font-size:14px;line-height:1.6;color:var(--muted-foreground)}.home_section__yPF4o{padding-top:32px}.home_sectionHeading__9QaCE{display:flex;align-items:center;justify-content:space-between;gap:16px}.home_sectionHeading__9QaCE h2{font-size:22px;font-weight:700;letter-spacing:-.025em}.home_sectionHeading__9QaCE>a{font-size:12px}.home_tutorialGrid__isf95{display:grid;grid-template-columns:1fr;gap:24px;margin-top:18px}.home_tutorialCard__G_xpg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--card)}.home_tutorialBody__rKOXr{padding:32px;align-self:center}.home_tutorialExample__QU0eL{min-width:0;padding:24px;background:var(--muted);border-radius:12px}.home_cardLabel___Fa5i{display:flex;align-items:center;gap:10px;color:var(--home-accent);font-size:12px}.home_tutorialBody__rKOXr h3{font-size:21px;font-weight:700;margin:12px 0 8px}.home_tutorialBody__rKOXr>p{color:var(--muted-foreground);font-size:13px;line-height:1.6}.home_tutorialBody__rKOXr>p+p{margin-top:14px;font-size:14px;line-height:1.85}.home_tutorialLinks__iFhGg{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:12px}.home_tutorialLinks__iFhGg>a:hover{text-decoration:underline;text-underline-offset:4px}.home_textLink__9sR4B{display:inline-flex;align-items:center;gap:8px;color:var(--home-accent);font-weight:600}@media (max-width:760px){.home_home__0k2Mg{padding-bottom:56px}.home_container__MB7HU{padding:0 20px}.home_hero__Q8Yz2{padding-top:30px}.home_tutorialGrid__isf95{grid-template-columns:1fr;gap:14px}.home_tutorialCard__G_xpg{grid-template-columns:1fr}.home_tutorialBody__rKOXr{padding:20px}.home_tutorialExample__QU0eL{padding:16px}}@media (prefers-reduced-motion:reduce){.home_home__0k2Mg *{transition:none}}.tools_showcase__c_Llb{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:38px;margin-top:28px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--brand) 4%,var(--background))}.tools_explanation__rU4ax{padding:8px 0}.tools_icon__ViyIB{display:inline-flex;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--background);color:var(--home-accent)}.tools_explanation__rU4ax h3{font-size:clamp(24px,2.5vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.03em;margin:22px 0 16px}.tools_explanation__rU4ax>p{font-size:14px;line-height:1.85;color:var(--muted-foreground)}.tools_explanation__rU4ax ul{display:grid;gap:18px;margin:28px 0;font-size:13px}.tools_explanation__rU4ax li{display:flex;align-items:baseline;gap:12px}.tools_explanation__rU4ax li span{font-size:11px;font-weight:600;color:var(--home-accent)}.tools_explanation__rU4ax>a{font-size:13px}.tools_demo__gpcvr{min-width:0;padding:26px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 36px #00000006}.tools_demoHeading__5CpWc{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:var(--muted-foreground)}.tools_liveDot__l93dM{width:6px;height:6px;border-radius:50%;background:var(--brand)}.tools_demo__gpcvr h3{margin:14px 0 5px;font-size:23px;font-weight:700;letter-spacing:-.025em}.tools_demo__gpcvr>p{font-size:12px;color:var(--muted-foreground);line-height:1.7}.tools_demo__gpcvr label{display:block;margin-top:20px;font-size:11px;font-weight:600}.tools_inputRow__YNzMS{display:flex;align-items:center;margin-top:7px;position:relative}.tools_inputRow__YNzMS input{width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:10px 70px 10px 12px;font-family:monospace;font-size:17px;font-weight:600}.tools_inputRow__YNzMS span{position:absolute;right:12px;font-size:11px;color:var(--muted-foreground)}.tools_demo__gpcvr .tools_hint__SKmno{margin-top:7px;font-size:10px}.tools_steps__3vgul{margin-top:18px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.tools_steps__3vgul ol{padding-left:18px;list-style:decimal}.tools_steps__3vgul li{margin-bottom:10px;padding-left:3px}.tools_formula__x5t7_{display:flex;flex-wrap:wrap;gap:5px 14px;font-family:monospace;margin-top:4px}.tools_formula__x5t7_ sup{font-size:9px}.tools_result__aUUMg{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.tools_result__aUUMg span{font-size:11px;color:var(--muted-foreground)}.tools_result__aUUMg output{font-size:28px;font-weight:700;color:var(--home-accent)}.tools_error__XQx_A{color:var(--destructive)}.tools_grid__EDgyR{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}.tools_card__SsYZ_{display:flex;flex-direction:column;align-items:start;min-width:0;padding:26px;border:1px solid var(--border);border-radius:12px;transition:border-color .15s;background:var(--card)}.tools_category__quaGV{color:var(--home-accent);font-size:11px;font-weight:600;margin-bottom:12px}.tools_card__SsYZ_:hover{border-color:var(--brand)}.tools_card__SsYZ_ h3{font-size:17px;font-weight:650;letter-spacing:-.025em;margin:0 0 8px}.tools_card__SsYZ_ p{flex:1;font-size:12px;color:var(--muted-foreground);line-height:1.8}.tools_card__SsYZ_ code{margin:20px 0;font-size:12px;padding:8px 10px;border-radius:5px;background:var(--muted);overflow-wrap:anywhere}.tools_card__SsYZ_>span:last-child{font-size:12px;margin-top:18px}.tools_more__f2Tdr{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:22px;color:var(--muted-foreground)}.tools_more__f2Tdr:hover{color:var(--home-accent)}@media (max-width:900px){.tools_showcase__c_Llb{gap:26px;padding:28px}.tools_grid__EDgyR{gap:14px}.tools_card__SsYZ_{padding:20px}}@media (max-width:760px){.tools_grid__EDgyR,.tools_showcase__c_Llb{grid-template-columns:1fr}.tools_showcase__c_Llb{padding:20px;gap:24px}.tools_demo__gpcvr{padding:20px}.tools_more__f2Tdr{align-items:start}.tools_more__f2Tdr svg{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.tools_card__SsYZ_{transition:none}}