.Menu_menuRoot__b9FJm{position:relative;gap:12px}.Menu_menuList__7kxDP,.Menu_menuRoot__b9FJm{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.Menu_menuList__7kxDP{gap:8px;list-style-type:none;margin:0;padding:0}.Menu_triggerButton__nEzkD{border-width:0;border-style:none;background-color:transparent;cursor:pointer;padding:6px 12px;border-radius:6px;font-size:.95rem;font-weight:500;line-height:1.2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,color .15s ease}.Menu_triggerButtonDark__EpzYf{color:white}.Menu_triggerButtonLight__V481n{color:black}.Menu_triggerButtonOpenLight__inhb5{background-color:rgba(255,255,255,.65)}.Menu_triggerButtonOpenDark__Jwu_9{background-color:rgba(0,0,0,.25)}.Menu_dropdownContainer__awIOz{position:absolute;top:100%;left:0;z-index:9999;min-width:220px;padding:4px 0}.Menu_dropdownPanel__xRrIJ{border-width:1px;border-style:solid;border-radius:8px;backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.25)}.Menu_dropdownList__xOGl1{list-style-type:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px}.Menu_dropdownItemButton__MlIat{width:100%;text-align:left;cursor:pointer;border-width:0;border-style:none;background-color:transparent;padding:8px 10px;border-radius:6px;font-size:.85rem;line-height:1.25;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;transition:background-color .12s ease,color .12s ease}.Menu_dropdownItemLabel__1sAh0{font-weight:500;margin:0}.Menu_dropdownItemDescription__e6ijU{font-size:.7rem;opacity:.75;margin:0}.Menu_dropdownItemLightHover__DmDYE{background-color:rgba(255,255,255,.85)}.Menu_dropdownItemDarkHover__ND9tQ{background-color:rgba(0,0,0,.35)}.Menu_dropdownItemSelectedLight__04QdV{outline:2px solid rgba(0,0,0,.35);outline-offset:0}.Menu_dropdownItemSelectedDark__mcfw7{outline:2px solid rgba(255,255,255,.45);outline-offset:0}.Menu_visuallyHidden__qUf_N{position:absolute;width:1px;height:1px;padding:0;margin:-1px 0 0 -1px;overflow:hidden;clip:rect(0 0 0 0);border-width:0}.Header_header__AF_3G{border-bottom-width:1px;border-bottom-style:solid;padding:1rem 2rem;min-height:4rem;box-shadow:0 2px 4px hsla(180,50%,20%,.1)}.Header_title__a3JC3{font-size:1.25rem;font-weight:700}.Header_subtitle__sBTEk{font-size:.875rem;font-weight:400;opacity:.8}.Header_navLink__bX76H{text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s ease-in-out;font-size:.875rem;font-weight:500;border:1px solid transparent}.Header_navLink__bX76H:hover:not(.Header_navLinkActive__ielxB){background-color:hsl(180,30%,92%);border-color:hsl(180,30%,80%)}.Header_navLinkActive__ielxB{font-weight:600;background-color:hsl(25,40%,92%);border-color:hsl(25,30%,80%);color:hsl(25,60%,40%)}.Header_debugButton__vGC4f{border-width:0;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;color:white}.Header_debugButton__vGC4f:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.Header_debugButton__vGC4f:not(:hover){transform:translateY(0);box-shadow:none}.Header_debugButtonOn__QyKvY{background-color:hsl(120,60%,50%)}.Header_debugButtonOff__ixlTL{background-color:hsl(180,60%,50%)}.examples_container__efjHg{padding:2rem;max-width:1200px;width:100%;align-self:center}.examples_sectionTitle__a6YdI{font-size:2rem;font-weight:700;margin:0;color:hsl(220,60%,25%)}.examples_sectionDescription__GiP2e{font-size:1.125rem;line-height:1.6;margin:0;color:hsl(220,40%,40%)}.examples_demoSection__6jf8g{margin-bottom:2rem}.examples_demoSectionHeader__HM_vt{margin-bottom:.5rem}.examples_demoSectionTitle__H9UDu{font-size:1.5rem;font-weight:600;margin:0}.examples_demoSectionDescription__n9fh8{margin:0;line-height:1.5}.examples_demoSectionContent__MqFSr{border-width:1px;border-style:solid;border-radius:.5rem;padding:1rem}.examples_implementationNotes__nhfwJ{margin-top:3rem;padding:1.5rem;border-width:1px;border-style:solid;border-radius:.5rem}.examples_implementationNotesTitle__K_ebv{font-size:1.25rem;font-weight:600;margin:0}.examples_implementationNotesList__Cf0f_{line-height:1.6;padding-left:1.5rem;margin:1rem 0 0}@media (max-width:768px){.examples_container__efjHg{padding:1rem}.examples_sectionTitle__a6YdI{font-size:1.75rem}.examples_sectionDescription__GiP2e{font-size:1rem}.examples_implementationNotes__nhfwJ{padding:1rem}}.examples_examplesRoot__xlE0X{padding:16px}.examples_grid__TJHMT{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.examples_exampleCard__vWVJy{flex-grow:1;flex-basis:320px;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px}.examples_heading__Vf6pZ{font-size:1.1rem;font-weight:600;margin:0 0 8px}.Hero_hero__OwXaP{display:block;position:relative}.Hero_heroVideo__7QOC3{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.examples_heroContainer__tFhSb{border-radius:8px;overflow:hidden;margin:1rem 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.examples_code__wRUG0{font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;margin:1rem 0 0;padding:0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.playground_playgroundContent__9oOhh{width:100%;padding:24px}.playground_configSummary__ZeBle{padding:16px;border:1px solid hsl(180,20%,85%);border-radius:8px;background-color:white}.playground_select__wcttx{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__wcttx: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__9oOhh{padding:16px}.playground_configSummary__ZeBle{padding:12px}}.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_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__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_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__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_playgroundContent__78KnS{min-height:600px;padding:2rem}.playground_configSummary__Ov3VP{background-color:hsl(220,20%,96%);border:1px solid hsl(220,20%,88%);border-radius:6px;padding:1rem;font-family:Courier New,monospace;font-size:.75rem;white-space:pre-wrap;overflow-x:auto}.playground_demoCard__lbPeo{transition:transform .2s ease-in-out}.playground_demoCard__lbPeo:hover{transform:translateY(-2px)}.playground_colorSwatch__k_kFM{width:24px;height:24px;border-radius:4px;border:2px solid white;box-shadow:0 0 0 1px hsl(220,20%,80%)}@media (max-width:768px){.playground_playgroundContent__78KnS{padding:1rem}}.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_testHarness__4a8lK{min-height:100vh}.page_container__Z70BK{display:flex;flex-direction:column;height:100%}.page_content__Qa4LD{flex-grow:1;padding:0}.page_testHarnessContainer__pkaE2{width:100%;height:100%}.page_contentArea__OP0qT{padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.page_pageRoot__nXd4U{padding:24px}.page_section__Jr_vR{margin:12px 0 24px}.page_heading__TM_7R{font-size:1.25rem;font-weight:600;margin:0 0 8px}