.page_homeContainer__hhi27{display:flex;flex-direction:column;align-items:center;width:100%;padding:32px}.page_cardsGridWrapper__Vi1wN{display:flex;flex-direction:column;gap:32px}.page_filterToolbar__gIVIq{padding:16px 24px;border-bottom-width:1px;border-bottom-style:solid;display:flex;gap:16px;align-items:center;justify-content:center}.Card_card__nLGTS{border-radius:8px;overflow:hidden;transition:all .2s ease}.Card_cardOutlined__0N02L{background-color:transparent}.Card_cardInteractive__9J18l{cursor:pointer}.Card_cardFocused__eENl_{outline-offset:2px}.Card_header__1y6kG{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.Card_headerClickable__1bMU9{cursor:pointer}.Card_headerCollapsed__iptXM{border-bottom:0 transparent!important}.Card_headerCollapsedVisibilityNoBorder__fduyB{border-width:1px;border-style:solid;border-radius:8px 8px 0 0}.Card_body__KkKzl{padding:20px;font-size:1.125rem;line-height:1.5;flex-grow:1}.Card_body__KkKzl h3{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;line-height:1.4}.Card_body__KkKzl h4{font-size:1rem;font-weight:600;margin:1rem 0 .5rem;line-height:1.4}.Card_body__KkKzl p{margin:0 0 .75rem;line-height:1.6}.Card_body__KkKzl ol,.Card_body__KkKzl ul{margin:0 0 .75rem;padding-left:1.5rem;line-height:1.6;list-style-position:outside}.Card_body__KkKzl ul{list-style-type:disc}.Card_body__KkKzl ol{list-style-type:decimal}.Card_body__KkKzl li{margin:.25rem 0;display:list-item}.Card_body__KkKzl code{background-color:rgba(0,0,0,.05);padding:2px 6px;border-radius:3px;font-size:.9em;font-family:monospace}.Card_body__KkKzl strong{font-weight:600}.Card_bodyCollapsedDisplay__Qjqnl{display:none}.Card_bodyCollapsedVisibility___Es9V{visibility:hidden}.Card_footer__e4uaO{display:flex;align-items:center;padding:12px 20px;font-size:.8rem}.Card_footerCollapsedDisplay__IQytO{display:none}.Card_footerCollapsedVisibility__4Ys7Q{visibility:hidden}.Card_footerCollapsedVisibilityNoBorder__2gxut{border-top:0 transparent}.Card_collapseButton__wdWcj{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;transition:background-color .2s ease}.Card_collapseButton__wdWcj:hover{background-color:var(--button-hover-bg)}.Card_headerContent__8f16d{display:flex;align-items:center;gap:12px;flex-grow:1;min-width:0}.Card_headerIcon__ZXzsZ{flex-shrink:0;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.Card_headerTitle__IIFhd{flex-grow:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Card_headerActions__Pfvy1{display:flex;align-items:center;gap:8px;flex-shrink:0}.examples_container__aZCun{padding:32px;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}.examples_sectionTitle__VOdxE{font-size:2rem;font-weight:700;margin-top:0;margin-bottom:0;color:hsl(180,60%,25%)}.examples_sectionDescription__7b2uu{font-size:1.1rem;line-height:1.6;margin-top:0;margin-bottom:0;color:hsl(180,40%,40%)}.examples_demoSection__lgvPh{width:100%}.examples_demoSectionHeader__31b__{margin-bottom:16px}.examples_demoSectionTitle__2cTDa{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:0}.examples_demoSectionDescription__tUiKQ{font-size:1rem;line-height:1.5;margin-top:0;margin-bottom:0}.examples_demoSectionContent__5IyvA{padding:24px;border-width:1px;border-style:solid;border-radius:12px;background-color:white}.examples_implementationNotes__opIwL{padding:24px;border-width:1px;border-style:solid;border-radius:12px;margin-top:32px}.examples_implementationNotesTitle__j0por{font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:0}.examples_implementationNotesList__8e4LN{margin-top:16px;margin-bottom:0;padding-left:24px}.examples_implementationNotesList__8e4LN li{margin-bottom:8px;line-height:1.5}.examples_implementationNotesList__8e4LN li:last-child{margin-bottom:0}@media (max-width:768px){.examples_container__aZCun{padding:24px}.examples_sectionTitle__VOdxE{font-size:1.75rem}.examples_sectionDescription__7b2uu{font-size:1rem}.examples_demoSectionContent__5IyvA,.examples_implementationNotes__opIwL{padding:16px}}@media (max-width:480px){.examples_container__aZCun{padding:16px}.examples_sectionTitle__VOdxE{font-size:1.5rem}.examples_demoSectionTitle__2cTDa{font-size:1.25rem}.examples_demoSectionContent__5IyvA{padding:12px}}.examples_code__IW96t{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;overflow-x:auto;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;margin-top:1.5rem;margin-bottom:0;color:#374151;line-height:1.5}.examples_gradientBox__RnVZx{min-height:200px;border-radius:8px;overflow:hidden}.examples_presetBox__urV7I{height:60px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.examples_code__LnUDU{font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;margin:0;padding:0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.Modal_overlay__OVrUR{position:fixed;inset:0;background-color:hsla(var(--hue,210),10%,10%,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:Modal_fadeIn__wk6Li .15s ease-out}@keyframes Modal_fadeIn__wk6Li{0%{opacity:0}to{opacity:1}}.Modal_modal__fe2Hw{background-color:white;border-radius:.75rem;box-shadow:0 20px 25px -5px hsla(var(--hue,210),20%,10%,.1),0 10px 10px -5px hsla(var(--hue,210),20%,10%,.04);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);animation:Modal_slideIn__X81gi .2s ease-out;outline:none}@keyframes Modal_slideIn__X81gi{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.Modal_modal__fe2Hw[data-size=sm]{width:100%;max-width:24rem}.Modal_modal__fe2Hw[data-size=md]{width:100%;max-width:32rem}.Modal_modal__fe2Hw[data-size=lg]{width:100%;max-width:48rem}.Modal_modal__fe2Hw[data-size=xl]{width:100%;max-width:64rem}.Modal_modal__fe2Hw[data-size=full]{width:calc(100vw - 2rem);height:calc(100vh - 2rem);max-width:none;max-height:none;border-radius:.5rem}.Modal_header__b5bgl{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid hsl(var(--hue,210),20%,90%);flex-shrink:0}.Modal_title__kjpkb{margin:0;font-size:1.125rem;font-weight:600;color:hsl(var(--hue,210),20%,20%);flex:1}.Modal_closeButton__jeIQf{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:.375rem;color:hsl(var(--hue,210),20%,50%);font-size:1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;margin-left:.5rem;flex-shrink:0}.Modal_closeButton__jeIQf:hover{background-color:hsl(var(--hue,210),20%,95%);color:hsl(var(--hue,210),20%,30%)}.Modal_closeButton__jeIQf:focus-visible{outline:2px solid hsl(var(--hue,210),70%,50%);outline-offset:2px}.Modal_content__bqiG2{padding:1.5rem;overflow-y:auto;flex:1}.Modal_footer__H2QKE{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid hsl(var(--hue,210),20%,90%);flex-shrink:0}@media (prefers-color-scheme:dark){.Modal_overlay__OVrUR{background-color:hsla(var(--hue,210),10%,5%,.7)}.Modal_modal__fe2Hw{background-color:hsl(var(--hue,210),10%,15%);box-shadow:0 20px 25px -5px hsla(0,0%,0%,.3),0 10px 10px -5px hsla(0,0%,0%,.2)}.Modal_header__b5bgl{border-bottom-color:hsl(var(--hue,210),20%,25%)}.Modal_title__kjpkb{color:hsl(var(--hue,210),20%,95%)}.Modal_closeButton__jeIQf{color:hsl(var(--hue,210),20%,70%)}.Modal_closeButton__jeIQf:hover{background-color:hsl(var(--hue,210),20%,20%);color:hsl(var(--hue,210),20%,90%)}.Modal_footer__H2QKE{border-top-color:hsl(var(--hue,210),20%,25%)}}@media (prefers-reduced-motion:reduce){.Modal_modal__fe2Hw,.Modal_overlay__OVrUR{animation:none}}.examples_button__T7QQs{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid hsl(210,70%,50%);background:hsl(210,70%,50%);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.examples_button__T7QQs:hover{background:hsl(210,70%,45%);border-color:hsl(210,70%,45%)}.examples_buttonGhost__c_FQB{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid hsl(210,20%,80%);background:transparent;color:hsl(210,20%,30%);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.examples_buttonGhost__c_FQB:hover{background:hsl(210,20%,95%)}.examples_buttonPrimary__jXZs9{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid hsl(210,70%,50%);background:hsl(210,70%,50%);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.examples_buttonPrimary__jXZs9:hover{background:hsl(210,70%,45%);border-color:hsl(210,70%,45%)}.examples_buttonDanger__Aqa9b{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid hsl(0,70%,50%);background:hsl(0,70%,50%);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.examples_buttonDanger__Aqa9b:hover{background:hsl(0,70%,45%);border-color:hsl(0,70%,45%)}.examples_code__KoSAQ{background:hsl(210,20%,96%);border:1px solid hsl(210,20%,90%);border-radius:.5rem;padding:1rem;font-size:.8125rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;overflow-x:auto;margin-top:1rem;white-space:pre-wrap}.examples_label__Pmxiq{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:hsl(210,20%,30%)}.examples_input__VyPjc{width:100%;padding:.625rem .75rem;border:1px solid hsl(210,20%,80%);border-radius:.375rem;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.examples_input__VyPjc:focus{outline:none;border-color:hsl(210,70%,50%);box-shadow:0 0 0 3px hsla(210,70%,50%,.2)}@media (prefers-color-scheme:dark){.examples_code__KoSAQ{background:hsl(210,15%,15%);border-color:hsl(210,15%,25%);color:hsl(210,20%,90%)}.examples_buttonGhost__c_FQB{border-color:hsl(210,20%,40%);color:hsl(210,20%,85%)}.examples_buttonGhost__c_FQB:hover{background:hsl(210,20%,20%)}.examples_label__Pmxiq{color:hsl(210,20%,85%)}.examples_input__VyPjc{background:hsl(210,15%,15%);border-color:hsl(210,20%,35%);color:hsl(210,20%,95%)}.examples_input__VyPjc:focus{border-color:hsl(210,70%,50%)}}.playground_playgroundContainer__VYjVo{width:100%;max-width:900px;margin:0 auto}.playground_controls__m5UKE{display:flex;flex-direction:column;gap:1.5rem}.playground_controlGroup__3h3fF{display:flex;flex-direction:column;gap:.5rem}.playground_controlLabel__J7979{font-size:.875rem;font-weight:600;color:hsl(var(--hue,210),20%,30%)}.playground_controlRow__SwEGx{display:flex;flex-wrap:wrap;gap:.5rem}.playground_optionButton__7zyqR{padding:.5rem 1rem;border:1px solid hsl(var(--hue,210),20%,80%);border-radius:.375rem;background:white;color:hsl(var(--hue,210),20%,40%);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.playground_optionButton__7zyqR:hover{border-color:hsl(var(--hue,210),60%,50%);color:hsl(var(--hue,210),60%,40%)}.playground_optionButton__7zyqR.playground_active__Ltki0{background:hsl(var(--hue,210),70%,50%);border-color:hsl(var(--hue,210),70%,50%);color:white}.playground_textInput__OdgRV{padding:.625rem .75rem;border:1px solid hsl(var(--hue,210),20%,80%);border-radius:.375rem;font-size:.875rem;max-width:300px;transition:border-color .15s ease,box-shadow .15s ease}.playground_textInput__OdgRV:focus{outline:none;border-color:hsl(var(--hue,210),70%,50%);box-shadow:0 0 0 3px hsla(var(--hue,210),70%,50%,.2)}.playground_checkbox__BbR9o{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--hue,210),20%,40%);cursor:pointer}.playground_checkbox__BbR9o input{width:1rem;height:1rem;cursor:pointer}.playground_resetButton__bFmMu{padding:.5rem 1rem;border:1px solid hsl(var(--hue,210),20%,80%);border-radius:.375rem;background:transparent;color:hsl(var(--hue,210),20%,50%);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.playground_resetButton__bFmMu:hover{background:hsl(var(--hue,210),20%,95%);color:hsl(var(--hue,210),20%,30%)}.playground_previewArea__UC4j_{display:flex;align-items:center;justify-content:center;min-height:120px;background:hsl(var(--hue,210),10%,97%);border-radius:.5rem;padding:2rem}.playground_openButton__er61w{padding:.875rem 2rem;border:none;border-radius:.5rem;background:hsl(var(--hue,210),70%,50%);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.playground_openButton__er61w:hover{background:hsl(var(--hue,210),70%,45%);transform:translateY(-1px);box-shadow:0 4px 12px hsla(var(--hue,210),70%,40%,.3)}.playground_ghostButton__dwFGG{padding:.75rem 1.5rem;border:1px solid hsl(210,20%,80%);border-radius:.375rem;background:transparent;color:hsl(210,20%,40%);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.playground_ghostButton__dwFGG:hover{background:hsl(210,20%,95%)}.playground_primaryButton__d_V5q{padding:.75rem 1.5rem;border:1px solid hsl(210,70%,50%);border-radius:.375rem;background:hsl(210,70%,50%);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.playground_primaryButton__d_V5q:hover{background:hsl(210,70%,45%);border-color:hsl(210,70%,45%)}.playground_codeContainer__e9DQO{position:relative}.playground_codeOutput___MxgB{background:hsl(210,20%,96%);border:1px solid hsl(210,20%,90%);border-radius:.5rem;padding:1rem;font-size:.8125rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;overflow-x:auto;white-space:pre-wrap;margin:0}.playground_copyButton__YpkLl{position:absolute;top:.5rem;right:.5rem;padding:.375rem .75rem;border:1px solid hsl(210,20%,80%);border-radius:.25rem;background:white;color:hsl(210,20%,40%);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.playground_copyButton__YpkLl:hover{background:hsl(210,20%,95%);border-color:hsl(210,60%,50%);color:hsl(210,60%,40%)}@media (prefers-color-scheme:dark){.playground_controlLabel__J7979{color:hsl(var(--hue,210),20%,85%)}.playground_optionButton__7zyqR{background:hsl(var(--hue,210),10%,20%);border-color:hsl(var(--hue,210),20%,35%);color:hsl(var(--hue,210),20%,75%)}.playground_optionButton__7zyqR:hover{border-color:hsl(var(--hue,210),60%,50%);color:hsl(var(--hue,210),60%,70%)}.playground_textInput__OdgRV{background:hsl(var(--hue,210),10%,15%);border-color:hsl(var(--hue,210),20%,35%);color:hsl(var(--hue,210),20%,95%)}.playground_checkbox__BbR9o{color:hsl(var(--hue,210),20%,75%)}.playground_resetButton__bFmMu{border-color:hsl(var(--hue,210),20%,35%);color:hsl(var(--hue,210),20%,70%)}.playground_resetButton__bFmMu:hover{background:hsl(var(--hue,210),10%,20%);color:hsl(var(--hue,210),20%,90%)}.playground_previewArea__UC4j_{background:hsl(var(--hue,210),10%,12%)}.playground_ghostButton__dwFGG{border-color:hsl(210,20%,40%);color:hsl(210,20%,80%)}.playground_ghostButton__dwFGG:hover{background:hsl(210,15%,20%)}.playground_codeOutput___MxgB{background:hsl(210,15%,12%);border-color:hsl(210,15%,25%);color:hsl(210,20%,90%)}.playground_copyButton__YpkLl{background:hsl(210,15%,20%);border-color:hsl(210,20%,35%);color:hsl(210,20%,80%)}.playground_copyButton__YpkLl:hover{background:hsl(210,15%,25%)}}.Toast_toast__4N9Rh{--toast-bg:white;--toast-text:hsl(var(--hue,210),20%,20%);--toast-border:hsl(var(--hue,210),20%,85%);--toast-icon-color:hsl(var(--hue,210),70%,50%);position:fixed;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:var(--toast-bg);border:1px solid var(--toast-border);border-radius:.5rem;box-shadow:0 10px 15px -3px hsla(var(--hue,210),20%,10%,.1),0 4px 6px -2px hsla(var(--hue,210),20%,10%,.05);min-width:280px;max-width:420px;z-index:9999;animation:Toast_slideIn__OJdb3 .2s ease-out}@keyframes Toast_slideIn__OJdb3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Toast_toast__4N9Rh[data-position=top-left]{top:1rem;left:1rem;animation-name:Toast_slideInFromTop__eG208}.Toast_toast__4N9Rh[data-position=top-center]{top:1rem;left:50%;transform:translateX(-50%);animation-name:Toast_slideInFromTop__eG208}.Toast_toast__4N9Rh[data-position=top-right]{top:1rem;right:1rem;animation-name:Toast_slideInFromTop__eG208}.Toast_toast__4N9Rh[data-position=bottom-left]{bottom:1rem;left:1rem}.Toast_toast__4N9Rh[data-position=bottom-center]{bottom:1rem;left:50%;transform:translateX(-50%)}.Toast_toast__4N9Rh[data-position=bottom-right]{bottom:1rem;right:1rem}@keyframes Toast_slideInFromTop__eG208{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Toast_toast__4N9Rh[data-variant=info]{--toast-icon-color:hsl(210,70%,50%);border-left:4px solid hsl(210,70%,50%)}.Toast_toast__4N9Rh[data-variant=success]{--toast-icon-color:hsl(145,70%,40%);border-left:4px solid hsl(145,70%,40%)}.Toast_toast__4N9Rh[data-variant=warning]{--toast-icon-color:hsl(35,90%,45%);border-left:4px solid hsl(35,90%,45%)}.Toast_toast__4N9Rh[data-variant=error]{--toast-icon-color:hsl(0,70%,50%);border-left:4px solid hsl(0,70%,50%)}.Toast_icon__yqLJj{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--toast-icon-color)}.Toast_content__1iZJh{flex:1;min-width:0}.Toast_title__RFC_a{font-weight:600;font-size:.9375rem;color:var(--toast-text);margin-bottom:.25rem}.Toast_message__avAWV{font-size:.875rem;color:hsl(var(--hue,210),15%,45%);line-height:1.4}.Toast_closeButton__tvTt_{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;border-radius:.25rem;color:hsl(var(--hue,210),15%,55%);cursor:pointer;flex-shrink:0;margin:-.25rem -.25rem -.25rem 0;transition:background-color .15s ease,color .15s ease}.Toast_closeButton__tvTt_:hover{background-color:hsl(var(--hue,210),15%,95%);color:hsl(var(--hue,210),15%,30%)}.Toast_closeButton__tvTt_:focus-visible{outline:2px solid hsl(var(--hue,210),70%,50%);outline-offset:2px}@media (prefers-color-scheme:dark){.Toast_toast__4N9Rh{--toast-bg:hsl(var(--hue,210),10%,15%);--toast-text:hsl(var(--hue,210),20%,95%);--toast-border:hsl(var(--hue,210),15%,25%);box-shadow:0 10px 15px -3px hsla(0,0%,0%,.3),0 4px 6px -2px hsla(0,0%,0%,.2)}.Toast_message__avAWV{color:hsl(var(--hue,210),15%,70%)}.Toast_closeButton__tvTt_{color:hsl(var(--hue,210),15%,60%)}.Toast_closeButton__tvTt_:hover{background-color:hsl(var(--hue,210),15%,20%);color:hsl(var(--hue,210),15%,90%)}}@media (prefers-reduced-motion:reduce){.Toast_toast__4N9Rh{animation:none}}.examples_button__F_cML{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid hsl(210,70%,50%);background:hsl(210,70%,50%);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.examples_button__F_cML:hover{opacity:.9;transform:translateY(-1px)}.examples_code__y_Kd1{background:hsl(210,20%,96%);border:1px solid hsl(210,20%,90%);border-radius:.5rem;padding:1rem;font-size:.8125rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;overflow-x:auto;margin-top:1rem;white-space:pre-wrap}@media (prefers-color-scheme:dark){.examples_code__y_Kd1{background:hsl(210,15%,15%);border-color:hsl(210,15%,25%);color:hsl(210,20%,90%)}}.playground_playgroundContainer__PPOop{width:100%;max-width:900px;margin:0 auto}.playground_controls__kt50C{display:flex;flex-direction:column;gap:1.5rem}.playground_controlGroup__v8cr7{display:flex;flex-direction:column;gap:.5rem}.playground_controlLabel__nCkVR{font-size:.875rem;font-weight:600;color:hsl(var(--hue,210),20%,30%)}.playground_controlRow__rJliy{display:flex;flex-wrap:wrap;gap:.5rem}.playground_optionButton__pMfQm{padding:.5rem .75rem;border:1px solid hsl(var(--hue,210),20%,80%);border-radius:.375rem;background:white;color:hsl(var(--hue,210),20%,40%);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.playground_optionButton__pMfQm:hover{border-color:hsl(var(--hue,210),60%,50%);color:hsl(var(--hue,210),60%,40%)}.playground_optionButton__pMfQm.playground_active__kP0U2{background:hsl(var(--hue,210),70%,50%);border-color:hsl(var(--hue,210),70%,50%);color:white}.playground_textInput__arstp{padding:.625rem .75rem;border:1px solid hsl(var(--hue,210),20%,80%);border-radius:.375rem;font-size:.875rem;max-width:400px;transition:border-color .15s ease,box-shadow .15s ease}.playground_textInput__arstp:focus{outline:none;border-color:hsl(var(--hue,210),70%,50%);box-shadow:0 0 0 3px hsla(var(--hue,210),70%,50%,.2)}.playground_rangeContainer__r8JFu{max-width:300px}.playground_rangeInput__UuLaZ{width:100%;cursor:pointer}.playground_checkbox__jZehu{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--hue,210),20%,40%);cursor:pointer}.playground_checkbox__jZehu input{width:1rem;height:1rem;cursor:pointer}.playground_resetButton__4RRPJ{padding:.5rem 1rem;border:1px solid hsl(var(--hue,210),20%,80%);border-radius:.375rem;background:transparent;color:hsl(var(--hue,210),20%,50%);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.playground_resetButton__4RRPJ:hover{background:hsl(var(--hue,210),20%,95%);color:hsl(var(--hue,210),20%,30%)}.playground_previewArea__AZ35t{display:flex;align-items:center;justify-content:center;min-height:120px;background:hsl(var(--hue,210),10%,97%);border-radius:.5rem;padding:2rem}.playground_openButton__ZjmcA{padding:.875rem 2rem;border:none;border-radius:.5rem;background:hsl(var(--hue,210),70%,50%);color:white;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.playground_openButton__ZjmcA:hover{background:hsl(var(--hue,210),70%,45%);transform:translateY(-1px);box-shadow:0 4px 12px hsla(var(--hue,210),70%,40%,.3)}.playground_codeContainer__kGcDz{position:relative}.playground_codeOutput__9zUL2{background:hsl(210,20%,96%);border:1px solid hsl(210,20%,90%);border-radius:.5rem;padding:1rem;font-size:.8125rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;overflow-x:auto;white-space:pre-wrap;margin:0}.playground_copyButton__dEgJm{position:absolute;top:.5rem;right:.5rem;padding:.375rem .75rem;border:1px solid hsl(210,20%,80%);border-radius:.25rem;background:white;color:hsl(210,20%,40%);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.playground_copyButton__dEgJm:hover{background:hsl(210,20%,95%);border-color:hsl(210,60%,50%);color:hsl(210,60%,40%)}@media (prefers-color-scheme:dark){.playground_controlLabel__nCkVR{color:hsl(var(--hue,210),20%,85%)}.playground_optionButton__pMfQm{background:hsl(var(--hue,210),10%,20%);border-color:hsl(var(--hue,210),20%,35%);color:hsl(var(--hue,210),20%,75%)}.playground_optionButton__pMfQm:hover{border-color:hsl(var(--hue,210),60%,50%);color:hsl(var(--hue,210),60%,70%)}.playground_textInput__arstp{background:hsl(var(--hue,210),10%,15%);border-color:hsl(var(--hue,210),20%,35%);color:hsl(var(--hue,210),20%,95%)}.playground_checkbox__jZehu{color:hsl(var(--hue,210),20%,75%)}.playground_resetButton__4RRPJ{border-color:hsl(var(--hue,210),20%,35%);color:hsl(var(--hue,210),20%,70%)}.playground_resetButton__4RRPJ:hover{background:hsl(var(--hue,210),10%,20%);color:hsl(var(--hue,210),20%,90%)}.playground_previewArea__AZ35t{background:hsl(var(--hue,210),10%,12%)}.playground_codeOutput__9zUL2{background:hsl(210,15%,12%);border-color:hsl(210,15%,25%);color:hsl(210,20%,90%)}.playground_copyButton__dEgJm{background:hsl(210,15%,20%);border-color:hsl(210,20%,35%);color:hsl(210,20%,80%)}.playground_copyButton__dEgJm:hover{background:hsl(210,15%,25%)}}.playground_playgroundContent__ujEIs{width:100%;padding:24px}.playground_input__vZ5sk,.playground_select__2sGhO{width:100%;padding:8px 12px;border:1px solid hsl(270,30%,80%);border-radius:6px;background-color:white;font-size:.875rem}.playground_input__vZ5sk:focus,.playground_select__2sGhO:focus{outline:none;border-color:hsl(270,60%,45%);box-shadow:0 0 0 2px hsla(270,60%,45%,.25)}.playground_slider__R_p93{width:100%;height:6px;border-radius:3px;background:hsl(270,20%,80%);outline:none;-webkit-appearance:none;appearance:none}.playground_slider__R_p93::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:hsl(270,70%,50%);cursor:pointer;border:2px solid hsl(0,0%,100%);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease-in-out}.playground_slider__R_p93::-webkit-slider-thumb:hover{background:hsl(270,80%,45%);box-shadow:0 2px 8px rgba(0,0,0,.15)}.playground_slider__R_p93::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:hsl(270,70%,50%);cursor:pointer;border:2px solid hsl(0,0%,100%);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease-in-out}.playground_slider__R_p93::-moz-range-thumb:hover{background:hsl(270,80%,45%);box-shadow:0 2px 8px rgba(0,0,0,.15)}@media (max-width:768px){.playground_playgroundContent__ujEIs{padding:16px}}.playground_playgroundContent__bEMWU{width:100%;padding:24px}.playground_configSummary__iaUrh{padding:16px;border:1px solid hsl(270,20%,85%);border-radius:8px;background-color:white}.playground_input__zu_RI,.playground_select__hppJC{width:100%;padding:8px 12px;border:1px solid hsl(270,30%,80%);border-radius:6px;background-color:white;font-size:.875rem}.playground_input__zu_RI:focus,.playground_select__hppJC:focus{outline:none;border-color:hsl(270,60%,45%);box-shadow:0 0 0 2px hsla(270,60%,45%,.25)}.playground_addButton__1YnZW{background-color:hsl(135,60%,50%);color:white;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}.playground_removeButton__oixsu{background-color:hsl(45,60%,50%);color:white;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.playground_navItemGroup__cYpNl{padding:1rem;border-radius:6px;background-color:hsl(270,10%,96%);border:1px solid hsl(270,15%,90%)}.playground_navItemIndex__W2aDG{font-weight:600;color:hsl(270,40%,40%)}@media (max-width:768px){.playground_playgroundContent__bEMWU{padding:16px}.playground_configSummary__iaUrh{padding:12px}}.playground_playgroundContent__iBhLB{width:100%;padding:24px}.playground_configSummary__OAhrC{padding:16px;border:1px solid hsl(270,20%,85%);border-radius:8px;background-color:white}.playground_select__gP7Yk{width:100%;padding:8px 12px;border:1px solid hsl(270,30%,80%);border-radius:6px;background-color:white;font-size:.875rem}.playground_select__gP7Yk:focus{outline:none;border-color:hsl(270,60%,45%);box-shadow:0 0 0 2px hsla(270,60%,45%,.25)}@media (max-width:768px){.playground_playgroundContent__iBhLB{padding:16px}.playground_configSummary__OAhrC{padding:12px}}.playground_previewContainer__v_mnr{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.playground_colorStopContainer__QwYTU{padding:1rem;border:1px solid hsl(225,30%,85%);border-radius:8px;background-color:hsl(225,10%,98%)}.playground_colorStopContainer__QwYTU:hover{border-color:hsl(225,30%,75%);background-color:hsl(225,10%,96%)}.playground_huePreview__nhQPD{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsl(225,30%,85%);margin-left:8px;vertical-align:middle}.playground_removeButton__6XJBH{background-color:hsl(0,70%,55%);color:white;border-width:0;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease}.playground_removeButton__6XJBH:hover{background-color:hsl(0,70%,45%);transform:scale(1.1)}.playground_removeButton__6XJBH:active{transform:scale(.95)}.playground_addButton__TjX5O{background-color:hsl(120,70%,55%);color:white;border-width:0;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9375rem;transition-property:all;transition-duration:.2s;transition-timing-function:ease;width:100%}.playground_addButton__TjX5O:hover{background-color:hsl(120,70%,45%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.playground_addButton__TjX5O:active{transform:translateY(0)}.playground_copyButton__Pp71r{background-color:hsl(180,70%,45%);color:white;border-width:0;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9375rem;transition-property:all;transition-duration:.2s;transition-timing-function:ease;width:100%}.playground_copyButton__Pp71r:hover{background-color:hsl(180,70%,35%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.playground_copyButton__Pp71r:active{transform:translateY(0)}.playground_codeDisplay__kOIRL{margin:0;font-size:.8125rem;font-family:Courier New,monospace;color:hsl(180,50%,30%);background-color:white;padding:1rem;border:1px solid hsl(180,30%,85%);border-radius:6px;overflow-x:auto;white-space:pre}.playground_colorPicker__QoYLA{width:100%;height:50px;border-radius:6px;border:1px solid hsl(225,30%,85%);cursor:pointer}@media (max-width:768px){.playground_previewContainer__v_mnr{border-radius:8px}.playground_codeDisplay__kOIRL{font-size:.75rem}.playground_colorStopContainer__QwYTU{padding:.75rem}}.playground_previewContainer__kWigb{background-color:hsl(220,20%,98%);border:1px solid hsl(220,20%,90%);border-radius:8px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:200px}.playground_codeDisplay__tEOtI{background-color:hsl(220,20%,96%);border:1px solid hsl(220,20%,85%);border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre;margin-top:0;margin-bottom:0;max-height:400px;overflow-y:auto}.playground_copyButton__4q8HS{background-color:hsl(270,60%,50%);color:white;border-width:0;border-radius:6px;padding:12px 24px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out;align-self:flex-start}.playground_copyButton__4q8HS:hover{background-color:hsl(270,60%,45%)}.playground_copyButton__4q8HS:active{background-color:hsl(270,60%,40%)}.playground_colorSwatch__E_axG{display:inline-block;width:16px;height:16px;border-radius:3px;margin-right:8px;vertical-align:middle;border:1px solid hsl(220,20%,80%)}@media (max-width:768px){.playground_previewContainer__kWigb{padding:1rem}.playground_codeDisplay__tEOtI{font-size:.8125rem;padding:.75rem}}.playground_configSummary__ZOWsM{margin:0;padding:1rem;background-color:hsl(0,0%,16%);color:hsl(0,0%,90%);font-size:.8125rem;font-family:monospace;overflow-x:auto;border-radius:.375rem;line-height:1.5;border:1px solid hsl(0,0%,30%)}@media (max-width:768px){.playground_configSummary__ZOWsM{font-size:.75rem}}.playground_previewContainer__uh5Bg{width:100%;min-height:400px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:.5rem;overflow-x:auto}.playground_codeGeneration__A3nGK{width:100%;margin-top:1rem}.playground_codeTitle__WLy_V{font-size:1.125rem;font-weight:600;color:#374151;margin-top:0;margin-bottom:.75rem}.playground_codeBlock__pYiTc{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;overflow-x:auto;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:#374151;line-height:1.6;margin:0}.playground_pluginSummary___anYN{width:100%;margin-top:1rem;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.playground_summaryTitle__PLx2G{font-size:1.125rem;font-weight:600;color:#374151;margin-top:0;margin-bottom:1rem}.playground_pluginStatus__QJEPN{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;background-color:#ffffff;border-radius:.25rem}.playground_pluginName__aqX1j{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;color:#6b7280;font-weight:500}.playground_pluginEnabled__gCznn{color:#10b981;font-weight:600;font-size:.875rem}.playground_pluginDisabled__5UP6R{color:#ef4444;font-weight:600;font-size:.875rem}.playground_renderedPanel__qJicP,.playground_sourcePanel__zumFc{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.playground_panelTitle__zXIhS{font-size:1rem;font-weight:600;color:#374151;margin-top:0;margin-bottom:.5rem;padding:.5rem 1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.playground_sourceCode__Sqwb1{background-color:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:.375rem;overflow-x:auto;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;line-height:1.5;margin:0;white-space:pre-wrap;word-wrap:break-word}.playground_renderedPanel__qJicP .playground_previewContainer__uh5Bg,.playground_sourceCode__Sqwb1{flex:1;overflow-y:auto;max-height:600px}@media (max-width:768px){.playground_previewContainer__uh5Bg{min-height:300px}.playground_pluginStatus__QJEPN{flex-direction:column;align-items:flex-start;gap:.25rem}.playground_renderedPanel__qJicP,.playground_sourcePanel__zumFc{flex-direction:column}}.playground_label__6bTJK{font-size:.875rem;font-weight:500;margin-top:0;margin-bottom:4px;color:hsl(225,60%,25%)}.playground_checkboxLabel__8F7T9{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:hsl(225,50%,30%);cursor:pointer}.playground_button__lomYH{background-color:hsl(225,60%,50%);color:white;border-width:0;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600}.playground_select__kitJv{width:100%;padding:8px 12px;border:1px solid hsl(225,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;font-family:inherit;cursor:pointer}.playground_select__kitJv:focus{outline:none;border-color:hsl(225,60%,50%);box-shadow:0 0 0 2px hsla(225,60%,50%,.25)}.playground_textInput__CzE23{width:100%;padding:8px 12px;border:1px solid hsl(225,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;font-family:inherit}.playground_textInput__CzE23:focus{outline:none;border-color:hsl(225,60%,50%);box-shadow:0 0 0 2px hsla(225,60%,50%,.25)}.playground_input__0d154{width:100%;padding:8px 12px;border:1px solid hsl(225,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;font-family:inherit}.playground_input__0d154:focus{outline:none;border-color:hsl(225,60%,50%);box-shadow:0 0 0 2px hsla(225,60%,50%,.25)}.playground_textarea__NR1Xp{width:100%;padding:8px 12px;border:1px solid hsl(225,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px}.playground_textarea__NR1Xp:focus{outline:none;border-color:hsl(225,60%,50%);box-shadow:0 0 0 2px hsla(225,60%,50%,.25)}.playground_slider__Dvs5Y{width:100%;height:6px;border-radius:3px;background-color:hsl(225,30%,85%);outline:none;appearance:none}.playground_slider__Dvs5Y::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background-color:hsl(225,60%,50%);cursor:pointer;border-width:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.playground_slider__Dvs5Y::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background-color:hsl(225,60%,50%);cursor:pointer;border-width:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.playground_playgroundContent__hflLr{width:100%;padding:24px}.playground_select__CO7pY{width:100%;padding:8px 12px;border:1px solid hsl(180,30%,80%);border-radius:6px;background-color:white;font-size:.875rem}.playground_select__CO7pY:focus{outline:none;border-color:hsl(180,60%,45%);box-shadow:0 0 0 2px hsla(180,60%,45%,.25)}@media (max-width:768px){.playground_playgroundContent__hflLr{padding:16px}}.playground_previewContainer___7hbe{width:100%;gap:1.5rem;padding:1.5rem}.playground_codeContainer__l_rO0{width:100%;background-color:var(--playground-code-surface);border-radius:12px;border:1px solid var(--playground-code-border);padding:1rem}.playground_codeHeader__DGpOD{margin:0;font-size:1rem}.playground_configSummary__Xys8a{margin:.5rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem;white-space:pre-wrap}.playground_configSummary__4WhfL{background-color:hsl(220,20%,95%);padding:1rem;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;border-left:4px solid hsl(180,70%,50%);margin-top:0;margin-bottom:0}.playground_triggerButton__oFZgU{padding:.75rem 1.5rem;background-color:hsl(180,70%,50%);color:hsl(0,0%,100%);border-width:0;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition-property:background-color;transition-duration:.2s}.playground_triggerButton__oFZgU:hover{background-color:hsl(180,70%,45%)}.playground_option__jUW6B{padding:.75rem 1rem;border:2px solid hsl(220,20%,80%);background-color:hsl(0,0%,100%);border-radius:6px;cursor:pointer;text-align:left;transition-property:all;transition-duration:.2s}.playground_option__jUW6B:hover{border-color:hsl(220,70%,50%);background-color:hsl(220,90%,98%)}.playground_selectedOption__X4Ybf{padding:.75rem 1rem;border:2px solid hsl(220,70%,50%);background-color:hsl(220,90%,95%);border-radius:6px;cursor:pointer;text-align:left;font-weight:600}.playground_presetButton__0Sskt:hover{background-color:hsl(200,60%,92%);border-color:hsl(200,70%,70%);transform:translateX(4px)}.playground_label__OdW4i{font-size:.875rem;font-weight:500;color:hsl(200,50%,30%);margin:0 0 4px}.playground_slider__AtONB{width:100%;height:6px;border-radius:3px;background-color:hsl(200,20%,90%);outline:none;cursor:pointer;appearance:none}.playground_slider__AtONB::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background-color:hsl(200,60%,50%);cursor:pointer;transition:all .2s ease}.playground_slider__AtONB::-webkit-slider-thumb:hover{background-color:hsl(200,70%,45%);transform:scale(1.1)}.playground_slider__AtONB::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background-color:hsl(200,60%,50%);cursor:pointer;border-width:0;border-style:none;transition:all .2s ease}.playground_slider__AtONB::-moz-range-thumb:hover{background-color:hsl(200,70%,45%);transform:scale(1.1)}.playground_slider__AtONB:disabled{opacity:.5;cursor:not-allowed}.playground_checkboxLabel___eGWe{display:flex;align-items:center;gap:8px;font-size:.875rem;color:hsl(200,40%,30%);cursor:pointer;padding:4px 0}.playground_checkboxLabel___eGWe:hover{color:hsl(200,60%,25%)}.playground_checkbox__3cZZd{width:16px;height:16px;cursor:pointer;accent-color:hsl(200,60%,50%)}.playground_checkbox__3cZZd:disabled{opacity:.5;cursor:not-allowed}.playground_warning__6B10d{background-color:hsl(30,90%,95%);color:hsl(30,80%,35%);padding:8px 12px;border-radius:6px;font-size:.75rem;border-left:3px solid hsl(30,90%,60%);margin:8px 0 0}@media (max-width:768px){.playground_checkboxLabel___eGWe,.playground_label__OdW4i,.playground_presetButton__0Sskt{font-size:.8125rem}}.playground_playgroundContent__77aLA{width:100%;padding:24px}.playground_configSummary__Fu5_P{padding:16px;border:1px solid hsl(180,20%,85%);border-radius:8px;background-color:white}.playground_select__ZKa_I{width:100%;height:39px;padding:8px 12px;border:1px solid hsl(180,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;line-height:21px;box-sizing:border-box}.playground_select__ZKa_I:focus{outline:none;border-color:hsl(180,60%,45%);box-shadow:0 0 0 2px hsla(180,60%,45%,.25)}.playground_numberInput__eLiZP{width:80px;height:39px;padding:8px 8px 8px 12px;border:1px solid hsl(180,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;box-sizing:border-box}.playground_numberInput__eLiZP:focus{outline:none;border-color:hsl(180,60%,45%);box-shadow:0 0 0 2px hsla(180,60%,45%,.25)}.playground_unitSelect__ccf0h{width:60px;height:39px;padding:8px;border:1px solid hsl(180,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;box-sizing:border-box}.playground_unitSelect__ccf0h:focus{outline:none;border-color:hsl(180,60%,45%);box-shadow:0 0 0 2px hsla(180,60%,45%,.25)}.playground_slider__2TXua{width:100%;height:6px;border-radius:3px;background-color:hsl(180,20%,90%);appearance:none;cursor:pointer}.playground_slider__2TXua::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background-color:hsl(180,60%,45%);cursor:pointer;border-width:0}.playground_slider__2TXua::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background-color:hsl(180,60%,45%);cursor:pointer;border-width:0}.playground_eventLog__6t2EK{font-size:.75rem;color:hsl(180,30%,40%)}.playground_eventLogItem__gSxU_{font-size:.875rem;color:hsl(180,20%,30%);padding-top:4px;padding-bottom:4px;border-bottom:1px solid hsl(180,20%,90%)}.playground_eventLogItem__gSxU_:last-child{border-bottom-width:0}@media (max-width:768px){.playground_playgroundContent__77aLA{padding:16px}.playground_configSummary__Fu5_P{padding:12px}}.playground_configSummary__1MZD2{margin:0;padding:1rem;background-color:hsl(0,0%,16%);color:hsl(0,0%,90%);font-size:.8125rem;font-family:monospace;overflow-x:auto;border-radius:.375rem;line-height:1.5;border:1px solid hsl(0,0%,30%);white-space:pre-wrap;word-wrap:break-word}.playground_hueButton__Obi7z{padding:.375rem .75rem;border:none;border-radius:.25rem;color:white;font-size:.75rem;font-weight:500;cursor:pointer;transition:opacity .2s}.playground_hueButton__Obi7z:hover{opacity:.8}.playground_hueButton__Obi7z:focus{outline:2px solid hsl(210,80%,50%);outline-offset:2px}.playground_statusBadge__bm7QU{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.playground_resetButton__QgRI1{padding:.375rem .75rem;background-color:hsl(210,80%,50%);color:white;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.playground_resetButton__QgRI1:hover{background-color:hsl(210,80%,40%)}.playground_resetButton__QgRI1:focus{outline:2px solid hsl(210,80%,50%);outline-offset:2px}@media (max-width:768px){.playground_configSummary__1MZD2{font-size:.75rem}.playground_hueButton__Obi7z{padding:.25rem .5rem}}.playground_errorLog__uXaEV{padding:.75rem 1rem;background-color:hsl(0,90%,96%);border:1px solid hsl(0,70%,85%);border-radius:6px;color:hsl(0,70%,40%);font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace}.playground_codeBlock__XdoG4{padding:1rem;background-color:hsl(220,20%,97%);border-radius:6px;font-size:.8125rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap}.playground_errorLog__AmjN_{padding:.75rem 1rem;background-color:hsl(0,90%,96%);border:1px solid hsl(0,70%,85%);border-radius:6px;color:hsl(0,70%,40%);font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace}.playground_codeBlock__l6r7U{padding:1rem;background-color:hsl(220,20%,97%);border-radius:6px;font-size:.8125rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap}.playground_playgroundContent__bLRb1{width:100%;padding:24px}.playground_sectionTitle__gr_gx{color:hsl(270,70%,25%);font-size:1.75rem;font-weight:700;margin:0}.playground_select__kz5WR{width:100%;padding:8px 12px;border:1px solid hsl(180,30%,80%);border-radius:6px;background-color:white;font-size:.875rem;font-family:inherit;cursor:pointer}.playground_select__kz5WR:focus{outline:none;border-color:hsl(180,60%,45%);box-shadow:0 0 0 2px hsla(180,60%,45%,.25)}.playground_slider__a1ZSs{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer}.playground_buttonSecondary__emeSv{width:100%;padding:8px 12px;background-color:transparent;color:hsl(180,60%,40%);border:1px solid hsl(180,30%,70%);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition-property:all;transition-duration:.2s;transition-timing-function:ease}.playground_buttonSecondary__emeSv:hover{background-color:hsl(180,15%,95%)}.playground_infoLabel___T5P5{font-size:.75rem;font-weight:600;color:hsl(180,50%,30%);text-transform:uppercase;letter-spacing:.05em}.playground_infoValue__6XmQT{font-size:1rem;font-weight:600;color:hsl(180,60%,25%);font-family:monospace}.playground_statusSuccess__ROurx{font-size:.875rem;color:hsl(120,60%,35%);font-weight:600}.playground_statusError__Est65{font-size:.875rem;color:hsl(0,60%,45%);font-weight:600}.playground_logContainer__MHFMo{max-height:300px;overflow-y:auto;padding:8px;background-color:hsl(180,10%,98%);border:1px solid hsl(180,20%,90%);border-radius:4px;font-family:monospace;font-size:.75rem}.playground_logEntry__7o797{padding:4px 0;border-bottom:1px solid hsl(180,10%,92%);color:hsl(180,40%,30%)}.playground_logEntry__7o797:last-child{border-bottom-width:0}.playground_logEmpty__zGUhX{text-align:center;color:hsl(180,20%,60%);padding:16px 0}.playground_selectionSwatch__wrWtR{width:120px;height:120px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.playground_selectionInfo__L5RYv{font-family:monospace;font-size:.875rem;color:hsl(270,60%,30%);font-weight:600}@media (max-width:768px){.playground_playgroundContent__bLRb1{padding:16px}.playground_selectionSwatch__wrWtR{width:100px;height:100px}}.playground_playgroundContent__Ea_Zl{width:100%}.playground_valueLabel__gd1Sz{font-size:.875rem;font-weight:600;color:hsl(180,70%,35%)}.playground_slider__T4Uhx{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.playground_slider__T4Uhx::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:white;border:2px solid hsl(180,60%,40%);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.playground_slider__T4Uhx::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;border:2px solid hsl(180,60%,40%);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.playground_helperText__P_NNo{font-size:.75rem;color:hsl(180,40%,40%)}.playground_exampleButton__pdDrJ{padding:6px 12px;border:1px solid hsl(180,30%,70%);border-radius:4px;background-color:white;font-size:.75rem;color:hsl(180,60%,30%);cursor:pointer;transition-property:all;transition-duration:.2s}.playground_exampleButton__pdDrJ:hover{background-color:hsl(180,60%,95%);border-color:hsl(180,60%,50%)}.playground_sectionTitle__zbPi_{font-size:1.5rem;font-weight:700;color:hsl(180,70%,25%);margin:0}.playground_colorSwatch__LovMI{width:200px;height:200px;border-radius:12px;border:3px solid hsl(180,20%,85%);box-shadow:0 4px 12px rgba(0,0,0,.1)}.playground_colorName__kiftq{font-size:1.25rem;font-weight:600;color:hsl(180,60%,25%);margin:0}.playground_colorCode__6u_kW{font-size:.875rem;color:hsl(180,50%,35%);background-color:hsl(180,30%,95%)}.playground_colorCode__6u_kW,.playground_variableName__GEa_4{font-family:Courier New,monospace;padding:4px 8px;border-radius:4px}.playground_variableName__GEa_4{font-size:.75rem;color:hsl(180,40%,45%);background-color:hsl(180,20%,97%)}.playground_explorerTitle__53h8M{font-size:1rem;font-weight:600;color:hsl(180,60%,30%);margin:0}.playground_explorerSwatch__1Qdxy{width:120px;height:120px;border-radius:8px;border:2px solid hsl(180,20%,85%);box-shadow:0 2px 8px rgba(0,0,0,.1)}.playground_explorerCode__0tQQJ{color:hsl(180,50%,35%);background-color:hsl(180,30%,95%)}.playground_explorerCode__0tQQJ,.playground_explorerRgb__c5NEa{font-size:.75rem;font-family:Courier New,monospace;padding:4px 8px;border-radius:4px}.playground_explorerRgb__c5NEa{color:hsl(180,40%,45%);background-color:hsl(180,20%,97%)}.playground_converterSwatch__R9eKt{width:150px;height:150px;border-radius:10px;border:2px solid hsl(180,20%,85%);box-shadow:0 3px 10px rgba(0,0,0,.1)}.playground_converterCode__QOU5D{font-size:.875rem;font-family:Courier New,monospace;color:hsl(180,50%,35%);background-color:hsl(180,30%,95%);padding:4px 8px;border-radius:4px}.playground_converterStatus__xK0y_{font-size:.75rem;color:hsl(180,40%,40%);font-style:italic}.playground_themeCard__BnFZn{padding:32px;border-radius:12px;border-width:2px;border-style:solid;min-width:400px}.playground_themeTitle__kXkoO{font-size:1.5rem;font-weight:700;margin:0 0 12px}.playground_themeDescription__TURGl{font-size:.95rem;line-height:1.5;margin:0 0 24px}.playground_themePrimaryButton__7d9DX{padding:12px 24px;border-width:0;border-radius:6px;font-size:1rem;font-weight:600;color:white;cursor:pointer;transition-property:all;transition-duration:.2s}.playground_themePrimaryButton__7d9DX:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.playground_themeSecondaryButton__yhUMX{padding:12px 24px;border:2px solid;border-radius:6px;font-size:1rem;font-weight:600;background-color:transparent;cursor:pointer;transition-property:all;transition-duration:.2s}.playground_themeSecondaryButton__yhUMX:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.playground_gradientPreview__ITZcO{width:100%;height:300px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease}.playground_gradientPreview__ITZcO:hover{box-shadow:0 6px 16px rgba(0,0,0,.2)}.playground_colorStopContainer__sw3bT{padding:1rem;border:1px solid hsl(225,30%,85%);border-radius:8px;background-color:hsl(225,10%,98%)}.playground_colorStopContainer__sw3bT:hover{border-color:hsl(225,30%,75%);background-color:hsl(225,10%,96%)}.playground_huePreview__Ob0JE{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsl(225,30%,85%);margin-left:8px;vertical-align:middle}.playground_removeButton__E3SrU{background-color:hsl(0,70%,55%);color:white;border-width:0;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:1.25rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease}.playground_removeButton__E3SrU:hover{background-color:hsl(0,70%,45%);transform:scale(1.1)}.playground_removeButton__E3SrU:active{transform:scale(.95)}.playground_addButton__zQf8b{background-color:hsl(120,70%,55%);color:white;border-width:0;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9375rem;transition-property:all;transition-duration:.2s;transition-timing-function:ease;width:100%}.playground_addButton__zQf8b:hover{background-color:hsl(120,70%,45%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.playground_addButton__zQf8b:active{transform:translateY(0)}.playground_presetButton__nFTBr{background-color:hsl(210,70%,55%);color:white;border-width:0;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;text-transform:capitalize;transition-property:all;transition-duration:.2s;transition-timing-function:ease;width:100%}.playground_presetButton__nFTBr:hover{background-color:hsl(210,70%,45%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.playground_presetButton__nFTBr:active{transform:translateY(0)}.playground_copyButton__FTJK0{background-color:hsl(270,70%,55%);color:white;border-width:0;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9375rem;transition-property:all;transition-duration:.2s;transition-timing-function:ease;width:100%}.playground_copyButton__FTJK0:hover{background-color:hsl(270,70%,45%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.playground_copyButton__FTJK0:active{transform:translateY(0)}.playground_codeDisplay__PO_48{font-size:.8125rem;background-color:white;padding:1rem;border:1px solid hsl(180,30%,85%);border-radius:6px}.playground_codeDisplay__PO_48,.playground_configDisplay__72Dno{margin:0;font-family:Courier New,monospace;color:hsl(180,50%,30%);overflow-x:auto;white-space:pre}.playground_configDisplay__72Dno{font-size:.75rem;background-color:hsl(180,10%,98%);padding:.75rem;border:1px solid hsl(180,30%,85%);border-radius:4px;max-height:250px;overflow-y:auto}.playground_errorBox__fvy9a{background-color:hsl(0,70%,95%);color:hsl(0,70%,30%);padding:1rem;border-radius:6px;border:1px solid hsl(0,70%,80%);font-size:.875rem}@media (max-width:768px){.playground_gradientPreview__ITZcO{height:250px}.playground_codeDisplay__PO_48{font-size:.75rem}.playground_configDisplay__72Dno{font-size:.6875rem}.playground_colorStopContainer__sw3bT{padding:.75rem}}.playground_resultsSection__ZZJX_{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:hsl(0,0%,100%);border-radius:.5rem;border:1px solid hsl(0,0%,90%)}.playground_resultsHeader__zNqQp{margin-top:0;margin-bottom:0;font-size:1.25rem;font-weight:600;color:hsl(200,60%,30%);display:flex;align-items:center;gap:1rem}.playground_loading__ctdO_{font-size:.875rem;color:hsl(200,60%,50%);font-weight:400}.playground_error__mrGb4{padding:1rem;background-color:hsl(0,80%,95%);border-radius:.5rem;border:1px solid hsl(0,80%,80%);color:hsl(0,80%,30%)}.playground_resultsCount__k4g6j{font-size:.875rem;color:hsl(0,0%,50%);font-weight:500}.playground_resultsList__oH6Xe{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.playground_noResults__2AV9G{padding-top:2rem;padding-bottom:2rem;text-align:center;color:hsl(0,0%,50%);font-style:italic}.playground_resultCard__NiQBN{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:hsl(210,40%,98%);border-radius:.5rem;border:1px solid hsl(210,40%,90%);transition-property:all;transition-duration:.15s}.playground_resultCard__NiQBN:hover{border-color:hsl(200,60%,70%);box-shadow:0 2px 8px hsla(200,60%,50%,.1)}.playground_resultHeader__is1gq{display:flex;align-items:center;justify-content:space-between;gap:1rem}.playground_resultHeader__is1gq strong{font-size:1rem;color:hsl(210,40%,20%)}.playground_levelBadge__aAuPD{display:inline-block;padding:.25rem .5rem;background-color:hsl(200,60%,90%);color:hsl(200,60%,30%);border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap}.playground_resultDetails__0_dt1{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:hsl(0,0%,50%)}.playground_resultCoords__zAhMt{font-size:.8125rem;color:hsl(0,0%,50%);font-family:Courier New,Courier,monospace}.playground_codeSection__oJXIJ{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background-color:hsl(0,0%,100%);border-radius:.5rem;border:1px solid hsl(0,0%,90%)}.playground_codeHeader__CANsU{margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:600;color:hsl(200,60%,30%)}.playground_code__E4zr8{display:block;padding:1rem;background-color:hsl(0,0%,95%);border-radius:.5rem;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5;border:1px solid hsl(0,0%,85%)}@media (max-width:768px){.playground_codeSection__oJXIJ,.playground_resultsSection__ZZJX_{padding:1rem}.playground_resultsList__oH6Xe{max-height:300px}.playground_resultDetails__0_dt1{flex-direction:column;gap:.25rem}.playground_code__E4zr8{font-size:.75rem}}.playground_playgroundContent__UgGZQ{width:100%;padding:2rem}.playground_box__ymoCF{padding:1.5rem 2rem;border-width:2px;border-style:solid;border-radius:8px;font-weight:600;font-size:1rem;text-align:center;transition-property:all;transition-duration:.2s;transition-timing-function:ease}.playground_box__ymoCF:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1)}.playground_imageElement__SkDEK{transition-property:transform,box-shadow;transition-duration:.2s;transition-timing-function:ease}.playground_imageElement__SkDEK:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.playground_buttonElement__yuEfZ{transition-property:all;transition-duration:.2s;transition-timing-function:ease}.playground_buttonElement__yuEfZ:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2);filter:brightness(1.1)}.playground_label__Uj0us{background-color:white;padding:4px 8px;border-radius:4px;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.playground_configSummary__mNiak{margin:0;font-size:.75rem;font-family:Courier New,monospace;color:hsl(180,50%,30%);background-color:white;padding:.75rem;border:1px solid hsl(180,30%,85%);border-radius:4px;overflow-x:auto;max-height:300px;overflow-y:auto;white-space:pre}@media (max-width:768px){.playground_playgroundContent__UgGZQ{padding:1rem}.playground_box__ymoCF{padding:1rem 1.5rem;font-size:.875rem}.playground_configSummary__mNiak{font-size:.6875rem}}.playground_previewBox__IEPuy{padding:3rem 4rem;border-width:3px;border-style:solid;border-radius:12px;font-size:1.5rem;font-weight:700;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.playground_configSummary__PiW_a{background-color:hsl(200,20%,95%);padding:1.5rem;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;max-width:600px;width:100%;margin:0}.page_testHarnessContainer__IsQQ4{display:flex;flex:1;flex-direction:column;overflow:hidden}.page_toolbarSection__ldhG4{flex-shrink:0;position:sticky;top:0;background-color:white;border-bottom:1px solid hsl(220,20%,90%)}.page_contentSection__rgab0{display:flex;flex-grow:1;overflow-y:auto;overflow-x:auto;justify-content:center;padding:0}.page_contentSection__rgab0::-webkit-scrollbar{width:8px}.page_contentSection__rgab0::-webkit-scrollbar-track{background-color:hsl(220,20%,95%)}.page_contentSection__rgab0::-webkit-scrollbar-thumb{background-color:hsl(220,20%,75%);border-radius:4px}.page_contentSection__rgab0::-webkit-scrollbar-thumb:hover{background-color:hsl(220,20%,65%)}.page_testHarnessContainer__tP_qh{display:flex;flex:1;flex-direction:column;overflow:hidden}.page_toolbarSection__Y_Mcf{flex-shrink:0;position:sticky;top:0;background-color:white;border-bottom:1px solid hsl(220,20%,90%)}.page_contentSection__jBrrl{display:flex;flex-grow:1;overflow-y:auto;overflow-x:auto;justify-content:center;padding:0}.page_contentSection__jBrrl::-webkit-scrollbar{width:8px}.page_contentSection__jBrrl::-webkit-scrollbar-track{background-color:hsl(220,20%,95%)}.page_contentSection__jBrrl::-webkit-scrollbar-thumb{background-color:hsl(220,20%,75%);border-radius:4px}.page_contentSection__jBrrl::-webkit-scrollbar-thumb:hover{background-color:hsl(220,20%,65%)}.page_testHarnessContainer__MTWAE{display:flex;flex:1;flex-direction:column;overflow:hidden}.page_toolbarSection__6mTAD{flex-shrink:0;position:sticky;top:0;background-color:white;border-bottom:1px solid hsl(220,20%,90%);z-index:10}.page_contentSection__NoMYN{display:flex;flex-grow:1;overflow-y:auto;overflow-x:auto;justify-content:center;padding:0}.page_contentSection__NoMYN::-webkit-scrollbar{width:8px}.page_contentSection__NoMYN::-webkit-scrollbar-track{background-color:hsl(220,20%,95%)}.page_contentSection__NoMYN::-webkit-scrollbar-thumb{background-color:hsl(220,20%,75%);border-radius:4px}.page_contentSection__NoMYN::-webkit-scrollbar-thumb:hover{background-color:hsl(220,20%,65%)}.page_testHarness__I_Hvr{display:block;width:100%;min-height:100vh}.page_container__0_4Vb{display:flex;flex-direction:column;width:100%;min-height:100vh}.page_content__0z0Mp{flex-grow:1;display:flex;flex-direction:column}.page_testHarness__PHO7C{display:block;width:100%;min-height:100vh}.page_container__zW_Lw{display:flex;flex-direction:column;width:100%;min-height:100vh}.page_content__kIEXw{flex-grow:1;display:flex;flex-direction:column}.page_testHarnessContainer__pkaE2{width:100%;height:100%}.page_contentArea__OP0qT{padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.page_testHarness__8sito{width:100%;height:100%}.page_container__tT_UW{display:flex;flex-direction:column;height:100%;width:100%}.page_content__sPAO4{flex-grow:1;overflow-y:auto}.page_testHarnessContainer__hNlmP{display:flex;flex-direction:column;min-height:100vh;width:100%}.page_toolbarSection__GpQHR{flex-shrink:0;width:100%;z-index:10}.page_contentSection__nCFmL{flex-grow:1;width:100%;overflow-y:auto}@media (max-width:768px){.page_testHarnessContainer__hNlmP{min-height:auto}.page_contentSection__nCFmL{padding-bottom:2rem}}.page_testHarness__gVaoe{display:flex;flex-direction:column;min-height:100vh}.page_container__FtGqZ{display:flex;flex-direction:column;flex-grow:1}.page_content___oZhC{flex-grow:1;overflow-y:auto}.page_testHarness__JUoNI{display:flex;flex-direction:column;min-height:100vh}.page_container__ylB0w{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:2rem}.page_container__ylB0w,.page_content__S9PjT{display:flex;flex-direction:column;flex-grow:1}.page_content__S9PjT{margin-top:2rem}@media (max-width:768px){.page_container__ylB0w{padding:1rem}.page_content__S9PjT{margin-top:1rem}}.page_testHarness___W__c{display:block;width:100%;min-height:100vh}.page_container__eKqvn{display:flex;flex-direction:column;width:100%;min-height:100vh}.page_content__wVEOg{flex-grow:1;display:flex;flex-direction:column}.page_testHarnessContainer__6p2gJ{display:flex;flex:1;flex-direction:column;overflow:hidden}.page_toolbarSection__PBszz{flex-shrink:0;position:sticky;top:0;background-color:white;border-bottom:1px solid hsl(220,20%,90%)}.page_contentSection__1TJyE{display:flex;flex-grow:1;overflow-y:auto;overflow-x:auto;justify-content:center;padding:0}.page_contentSection__1TJyE::-webkit-scrollbar{width:8px}.page_contentSection__1TJyE::-webkit-scrollbar-track{background-color:hsl(220,20%,95%)}.page_contentSection__1TJyE::-webkit-scrollbar-thumb{background-color:hsl(220,20%,75%);border-radius:4px}.page_contentSection__1TJyE::-webkit-scrollbar-thumb:hover{background-color:hsl(220,20%,65%)}