.Flex_Flex__9qq0A{display:flex;gap:var(--flex-gap)}@media screen and (max-width:1024px){.Flex_Flex__9qq0A.Flex_Wrap__Ha_5Z{flex-shrink:0;flex:1 0 auto;flex-wrap:wrap}}.Flex_Flex__9qq0A.Flex_FullWidth__SLVa5{width:100%}.Flex_Flex__9qq0A.Flex_AlignCenter__Sskwr{align-items:center}.Flex_Flex__9qq0A.Flex_AlignEnd__JyfYY{align-items:baseline}.Flex_Flex__9qq0A.Flex_Inline___UhdK{flex-direction:row}.Flex_Flex__9qq0A.Flex_Column__VbNqD{flex-direction:column}.Flex_Flex__9qq0A.Flex_JustifyContent__CGAzu{--justifty-content:center;justify-content:var(--justifty-content)}.pageTitle_Title__2K7ln{font-size:32px}.pageTitle_SubTitle__dN62R{margin-top:var(--spacing-md);font-family:var(--font-mono);color:rgba(var(--background-end-rgba)/60%)}.cards_Cards___7IeJ{display:grid;max-width:calc(100vw - var(--spacing-sm)*2);width:var(--max-width)}@media screen and (min-width:1281px){.cards_Cards___7IeJ{grid-template-columns:repeat(3,minmax(calc(33.3333333333% - var(--spacing-xl-2) * 3),1fr));gap:var(--spacing-xl);margin:var(--spacing-xxl) auto}}@media screen and (max-width:1280px){.cards_Cards___7IeJ{grid-template-columns:repeat(3,minmax(calc(33.3333333333% - var(--spacing-xl-2) * 3),1fr));gap:var(--spacing-xl);margin:var(--spacing-xl) auto}}@media screen and (max-width:700px){.cards_Cards___7IeJ{grid-template-columns:repeat(1,minmax(calc(33.3333333333% - var(--spacing-xl-2) * 3),1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) auto}}.cards_Card__rk0Re{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl-2);padding:24px;background-color:var(--gray);border-radius:10px;border:1px solid rgba(var(--background-end-rgba)/20%)}.cards_Card_Head__aobGo{display:flex;align-items:center;gap:var(--spacing-md)}.cards_Card_Head__aobGo svg{font-size:42px;color:var(--brand-primary)}.cards_Card__rk0Re p{font-family:var(--font-mono);font-size:14px;line-height:24px}.filters_Filters__N4FCL{display:flex;flex-direction:column;gap:var(--spacing-sm);width:calc(100% + 2px);padding:var(--spacing-sm)}.filters_Label__hODLV{display:flex;gap:6px;align-items:center;font-size:13px;color:rgba(var(--background-end-rgba)/30%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.filters_Checked___YIgM .filters_Label__hODLV{color:var(--white)}.filters_ExtList__Kk4Lj{display:flex;flex-direction:column;gap:var(--spacing-md)}.filters_CheckboxField__0m1_2{display:inline-flex;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.filters_CheckboxField__0m1_2:hover{cursor:pointer}}.filters_CheckboxField__0m1_2 input[type=checkbox]{position:absolute!important;height:1px;width:1px;outline:none;overflow:hidden;clip:rect(1px,1px,1px,1px)}.filters_CheckboxField__0m1_2 input[type=checkbox]:checked+div{color:var(--white);border-color:var(--brand-primary);transition:border-color 107ms var(--bezier-custom)}.filters_CheckboxField__0m1_2 input[type=checkbox]:checked+div .filters_Check__M5mzm{opacity:1;transition:opacity 107ms var(--bezier-custom)}.filters_CheckboxField__0m1_2 input[type=checkbox]:checked+div .filters_Check__M5mzm polyline{animation:filters_dash-check__ql7hG 107ms var(--bezier-custom) forwards}.filters_Check__M5mzm{display:block;width:100%;height:100%;color:var(--brand-primary);transform:scale(1);opacity:0}.filters_Check__M5mzm polyline{fill:none;transform-origin:50% 50%;stroke-width:5px;stroke-dasharray:22.7713679002;stroke:currentcolor}@supports(display:grid){.filters_Check__M5mzm polyline{stroke-dashoffset:22.7713679002}}.filters_Check_Outer__b072j{position:relative;box-sizing:border-box;width:18px;height:18px;border:2px solid var(--light-gray);border-radius:2px}@keyframes filters_dash-check__ql7hG{to{stroke-dashoffset:0}}.codeViewer_CodeViewer__ZT8uF{position:relative;display:flex;width:100%;height:auto}.codeViewer_EditorWrapper__7O9ZC{position:relative;width:100%;height:100%}.codeViewer_ActionsButtons__8Q_66{position:absolute;z-index:1;top:-32px;right:8px}.codeViewer_Button__416aF{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:92px;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.codeViewer_Button__416aF:hover{cursor:pointer}.codeViewer_CopyButton__iv_J_{z-index:1;color:var(--white);background-color:var(--brand-primary)}.codeViewer_CopyButton__iv_J_:hover{background-color:rgba(var(--brand-primary-rgba)/80%)}.codeViewer_Preview__LIbTe{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:var(--gray);border:1px solid var(--color-border)}.codeViewer_Preview__LIbTe svg{max-width:100%;min-width:62px;max-height:80vh;width:auto;height:auto;display:block;margin:auto}.codeViewer_Zoom__KxR_6{position:absolute;z-index:10;left:var(--spacing-md);bottom:var(--spacing-md);font-size:12px}.codeViewer_Zoom__KxR_6 span{flex-shrink:0;width:78px;text-wrap:nowrap}.codeViewer_Zoom__KxR_6 input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:6px;background-color:rgba(var(--background-end-rgba)/20%)}.codeViewer_Zoom__KxR_6 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:15px;width:15px;background-color:var(--brand-primary);border-radius:50%;border:none;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;box-shadow:none}.codeViewer_Zoom__KxR_6 input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px rgba(var(--brand-primary-rgba)/20%)}.codeViewer_Zoom__KxR_6 input[type=range]:active::-webkit-slider-thumb,.codeViewer_Zoom__KxR_6 input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 13px rgba(var(--brand-primary-rgba)/50%)}.codeViewer_Zoom__KxR_6 input[type=range]::-moz-range-thumb{height:15px;width:15px;background-color:var(--brand-primary);border-radius:50%;border:none;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}.codeViewer_Zoom__KxR_6 input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 10px rgba(var(--brand-primary-rgba)/20%)}.codeViewer_Zoom__KxR_6 input[type=range]:active::-moz-range-thumb,.codeViewer_Zoom__KxR_6 input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 13px rgba(var(--brand-primary-rgba)/50%)}.ComponentNameField_Field__xtl34{position:relative}.ComponentNameField_Input__iITXc{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:38px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--white);background-color:rgba(var(--background-end-rgba)/10%);border:none;border-radius:5px;outline:none}.ComponentNameField_Input__iITXc.ComponentNameField_Valid__XBt9g{outline:1px solid var(--success)}.ComponentNameField_Input__iITXc.ComponentNameField_Error__9zMdd{outline:1px solid var(--error)}.spinner_Spinner__zQka6{display:block;width:20px;height:20px;margin:0;transform-origin:center;animation:spinner_Button-Spinner--loading__bUoGh .5s linear infinite;color:var(--brand-primary)}.spinner_Spinner__zQka6 svg{display:block;margin:0;padding:0}@keyframes spinner_Button-Spinner--loading__bUoGh{to{transform:rotate(1turn)}}.FileDropZone_DropZone__Na_EN{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;color:var(--white)}.FileDropZone_DropZone__Na_EN.FileDropZone_Dragging__SGcmB{z-index:100;background-color:rgba(93,95,239,.9)}.FileDropZone_Lottie__xjqFc{width:100vw}.FileTab_Tab__M02n8{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:13px;background-color:rgba(var(--background-end-rgba)/5%);scroll-snap-align:start;border-radius:5px;border:none;width:auto;white-space:nowrap}.FileTab_Tab__M02n8.FileTab_Active__XKhVS{background-color:rgba(var(--background-end-rgba)/20%)}.FileTab_Tab__M02n8:hover{background-color:rgba(var(--background-end-rgba)/10%);cursor:pointer}.header_Header__ISqbd{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none}.header_Header__ISqbd .header_Logo__lJynC{display:flex;width:245px;height:auto}.generator_Page__Sz1vb{display:grid;grid-template-rows:1fr;width:100vw;gap:var(--spacing-xs);height:calc(100dvh - var(--header-height));padding:var(--spacing-xs)}.generator_Page__Sz1vb:not(.generator_Splited__9OzmA){grid-template-columns:250px 1fr 1fr;grid-template-areas:"header svg preview"}.generator_Page__Sz1vb.generator_Splited__9OzmA{grid-template-columns:250px 1fr 1fr 1fr;grid-template-areas:"header svg preview test"}@media screen and (max-width:1024px){.generator_Page__Sz1vb.generator_Splited__9OzmA{grid-template-columns:250px 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"header svg preview" "header test test"}}.generator_Page__Sz1vb.generator_Splited__9OzmA .generator_EditorSectionTest__oUAjt,.generator_Page__Sz1vb.generator_Splited__9OzmA .generator_EditorSection__p15Z7,.generator_Page__Sz1vb.generator_Splited__9OzmA .generator_ResultSection__5y9Zk{flex:1 1 100%;flex-shrink:0;min-width:0}.generator_EditorSectionTest__oUAjt,.generator_EditorSection__p15Z7,.generator_ResultSection__5y9Zk{position:relative;padding:42px 0;background-color:var(--gray);border-radius:8px;overflow:hidden}.generator_Editor_Head__SDCXI{grid-area:header;width:100%;height:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xxl);background-color:var(--gray);border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.generator_FrameworkSelect__4W6Gn{padding:.25rem .5rem;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:.9rem}.generator_Options__zNPJ0{display:flex;align-items:center;gap:1rem}.generator_EditorSection__p15Z7{grid-area:svg;width:100%}.generator_ResultSection__5y9Zk{grid-area:preview;width:100%}.generator_EditorSectionTest__oUAjt{grid-area:test;width:100%}.generator_LoadingIndicator__Wxbre{font-size:.875rem;color:#666;animation:generator_pulse__hQAD2 1.5s infinite}.generator_Line__UoDJL{grid-area:line}.generator_Line2__KB17y,.generator_Line__UoDJL{display:block;width:1px;height:100%;background-color:#666}.generator_Line2__KB17y{grid-area:line2}.generator_EmptyState__Xrg16{height:100%;font-size:14px}.generator_Button__Y36Y2,.generator_EmptyState__Xrg16{-webkit-user-select:none;-moz-user-select:none;user-select:none}.generator_Button__Y36Y2{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);color:var(--white);background-color:rgba(var(--background-end-rgba)/10%);border:none;border-radius:5px}.generator_Button__Y36Y2.generator_PreviewButton__IAltc{z-index:3;width:92px}.generator_Button__Y36Y2:hover{cursor:pointer;background-color:rgba(var(--background-end-rgba)/5%)}.generator_Preview__1W2XN{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:var(--gray);border:1px solid var(--color-border)}.generator_Preview__1W2XN svg{max-width:100%;min-width:62px;max-height:80vh;width:auto;height:auto;display:block;margin:auto}.generator_ExtraFiles__AfANf{position:absolute;z-index:2;top:10px;left:8px;width:calc(100% - (108px + var(--spacing-xs)));overflow-x:auto;scrollbar-color:rgba(var(--background-end-rgba)/20%) rgba(0,0,0,0);scrollbar-width:1px;scroll-snap-type:x mandatory}.generator_Stats__hNTRp{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);z-index:3;width:240px;max-width:90vw;padding:var(--spacing-sm);font-size:12px;background-color:var(--black);border-radius:8px}@keyframes generator_pulse__hQAD2{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}