.styles_container__eC1x0{padding:20px 0}.styles_generatorCard__eFwvE{background:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.styles_cardHeader__NcAJp{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.styles_cardHeader__NcAJp h5{font-weight:600;margin:0}.styles_actions__li2W5{display:flex;gap:.5rem}.styles_cardBody__n9jy4{padding:2rem}.styles_section__uSBIj{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e9ecef}.styles_section__uSBIj h6{color:#495057;margin-bottom:1rem;display:flex;align-items:center;font-weight:600}.styles_label__fjvkG{font-weight:500;color:#495057;margin-bottom:.5rem;display:block}.styles_propertyGroup__Y3v0T{margin-bottom:1.5rem}.styles_propertyGroup__Y3v0T:last-child{margin-bottom:0}.styles_rangeLabels__txNSl{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d;margin-top:.25rem}.styles_form-range__wCNWe::-webkit-slider-thumb{background:#3b82f6}.styles_form-range__wCNWe::-moz-range-thumb{background:#3b82f6}.styles_customProperties__mIrxY{margin-bottom:1rem}.styles_propertyInputGroup__JVqB1{display:flex;gap:.5rem;margin-bottom:.75rem}.styles_propertyInputGroup__JVqB1 .styles_form-control__EHs5G{flex:1 1}.styles_propertyList__W1vGm{display:flex;flex-wrap:wrap;gap:.5rem}.styles_propertyTag__rV5BS{display:inline-flex;align-items:center;background:#3b82f6;color:white;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.styles_removeBtn__NkhdF{background:none;border:none;color:white;margin-left:.5rem;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer}.styles_removeBtn__NkhdF:hover{background:rgba(255,255,255,.2)}.styles_colorInputGroup__vX_b9{display:flex;gap:.5rem;align-items:center}.styles_colorInput__Rdn5B{width:50px;height:38px;border:1px solid #ced4da;border-radius:4px;cursor:pointer}.styles_timingViz__Cd9OH{margin-top:1rem;padding:1rem;background:white;border-radius:6px;border:1px solid #e9ecef}.styles_timingCurve__5O_6E{width:100%;height:60px;background:linear-gradient(90deg,#f8f9fa,#e9ecef);border-radius:4px;position:relative;overflow:hidden;margin-bottom:.5rem}.styles_curve__GTi8A{width:100%;height:100%;position:relative}.styles_dot__okrEA{width:12px;height:12px;background:#3b82f6;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);animation:styles_moveDot__JnwM7 2s infinite}@keyframes styles_moveDot__JnwM7{0%{left:0}to{left:100%}}.styles_timingInfo__9Ug4U{text-align:center}.styles_timingInfo__9Ug4U strong{display:block;color:#495057}.styles_timingInfo__9Ug4U small{font-size:.8rem}.styles_previewSelector__4Zt81{margin-bottom:1rem}.styles_elementButtons__UNM4_{display:flex;gap:.5rem;flex-wrap:wrap}.styles_elementButtons__UNM4_ .styles_btn__Amppp{flex:1 1;min-width:80px}.styles_previewContainer__9RcZE{background:white;border-radius:8px;padding:2rem;border:2px dashed #e9ecef;text-align:center}.styles_previewArea__YAat6{min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.styles_previewControls__yZgtf{display:flex;flex-direction:column;gap:.5rem;align-items:center}.styles_buttonPreview__fWgDn{padding:12px 24px;border:none;border-radius:6px;font-size:16px;min-width:120px}.styles_boxPreview__PwOOt,.styles_buttonPreview__fWgDn{background:#3b82f6;color:white;cursor:pointer;font-weight:500}.styles_boxPreview__PwOOt{width:120px;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center}.styles_cardPreview__PlQnf{width:200px;background:white;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.styles_cardPreview__PlQnf h4{margin:0 0 .5rem;color:#495057;font-size:1.1rem}.styles_cardPreview__PlQnf p{margin:0;color:#6c757d;font-size:.9rem}.styles_textPreview__0349Y{font-size:1.5rem;font-weight:600;color:#3b82f6;cursor:pointer;padding:1rem}.styles_codeContainer__8zKmd{background:#1a1a1a;border-radius:6px;overflow:hidden}.styles_generatedCode__MPoVP{color:#f8f9fa;padding:1.5rem;margin:0;font-family:Courier New,monospace;font-size:14px;line-height:1.5;overflow-x:auto;max-height:300px;overflow-y:auto}.styles_generatedCode__MPoVP::-webkit-scrollbar{width:8px;height:8px}.styles_generatedCode__MPoVP::-webkit-scrollbar-track{background:#2d2d2d}.styles_generatedCode__MPoVP::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.styles_generatedCode__MPoVP::-webkit-scrollbar-thumb:hover{background:#2563eb}.styles_cardFooter__KiwRJ{background:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef}@media (max-width:992px){.styles_cardBody__n9jy4{padding:1.5rem}.styles_elementButtons__UNM4_{justify-content:center}.styles_elementButtons__UNM4_ .styles_btn__Amppp{flex:none;min-width:100px}}@media (max-width:768px){.styles_cardHeader__NcAJp{flex-direction:column;gap:1rem;align-items:flex-start}.styles_actions__li2W5{width:100%;justify-content:flex-end}.styles_colorInputGroup__vX_b9{flex-direction:column;align-items:stretch}.styles_colorInput__Rdn5B{width:100%;height:40px}.styles_propertyInputGroup__JVqB1{flex-direction:column}.styles_previewContainer__9RcZE{padding:1rem}}@keyframes styles_pulse__Nxcc2{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.styles_boxPreview__PwOOt:hover,.styles_buttonPreview__fWgDn:hover,.styles_cardPreview__PlQnf:hover,.styles_textPreview__0349Y:hover{animation:styles_pulse__Nxcc2 2s ease-in-out infinite}