.styles_container__oCtxW{padding:20px 0}.styles_keyframesContainer__nlcEb{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:6px;padding:15px}.styles_keyframeItem__s77wm{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:15px;margin-bottom:15px}.styles_keyframeItem__s77wm:last-child{margin-bottom:0}.styles_keyframeHeader__IK7HH{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.styles_percentageInput__WEs3C{display:flex;align-items:center;gap:8px}.styles_percentageInput__WEs3C label{margin-bottom:0;font-weight:500;font-size:.9rem}.styles_percentageInput__WEs3C input{width:80px}.styles_percentageInput__WEs3C span{font-weight:500}.styles_propertiesGrid__5DscA{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.styles_propertyInput__01zJt{display:flex;flex-direction:column}.styles_propertyInput__01zJt label{font-size:.8rem;margin-bottom:4px}.styles_propertyInput__01zJt .styles_form-control-color__7Eo5R{height:38px;padding:5px}.styles_previewArea__KBpeQ{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:200px;margin-bottom:20px}.styles_previewElement__0cLo8{transition:all .3s ease}.styles_previewElement__0cLo8.styles_div__X2dh_{width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.styles_previewElement__0cLo8.styles_button__CB9gx{padding:12px 24px;background:#0d6efd;color:white;border:none;border-radius:6px;font-weight:500;cursor:pointer;box-shadow:0 2px 4px rgba(13,110,253,.3)}.styles_previewElement__0cLo8.styles_button__CB9gx:hover{background:#0b5ed7}.styles_previewElement__0cLo8.styles_text__tk_FP{font-size:1.5rem;font-weight:600;color:#2c3e50;background:none}.styles_previewElement__0cLo8.styles_image__Sob3a{width:120px;height:120px;background:#e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6c757d}.styles_imagePlaceholder__Xj4SQ i{font-size:2rem;margin-bottom:8px}.styles_imagePlaceholder__Xj4SQ span{font-size:.9rem}.styles_previewElement__0cLo8.styles_animating__GpZ9e{animation-play-state:running!important}.styles_generatedCode__pa_OI{background-color:#1e1e1e;color:#d4d4d4;border:1px solid #333;border-radius:4px;padding:15px;font-size:13px;line-height:1.4;margin:0;overflow-x:auto;font-family:Courier New,monospace;min-height:200px;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.styles_generatedCode__pa_OI::-webkit-scrollbar,.styles_keyframesContainer__nlcEb::-webkit-scrollbar{width:6px}.styles_generatedCode__pa_OI::-webkit-scrollbar-track,.styles_keyframesContainer__nlcEb::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.styles_generatedCode__pa_OI::-webkit-scrollbar-thumb,.styles_keyframesContainer__nlcEb::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.styles_generatedCode__pa_OI::-webkit-scrollbar-thumb:hover,.styles_keyframesContainer__nlcEb::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.styles_form-label__7Vskx{font-weight:500;margin-bottom:8px}.styles_form-control__xoTqi:focus,.styles_form-select__6coaF:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.styles_btn__QzGB7{transition:all .2s ease-in-out}.styles_btn__QzGB7:disabled{opacity:.6;cursor:not-allowed}.styles_btn-outline-primary__7XDJi{border-color:#0d6efd;color:#0d6efd}.styles_btn-outline-primary__7XDJi:hover{background-color:#0d6efd;border-color:#0d6efd;color:white}.styles_card__QEYId{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.styles_card__QEYId:hover{transform:translateY(-2px)}@media (max-width:768px){.styles_propertiesGrid__5DscA{grid-template-columns:1fr}.styles_keyframeHeader__IK7HH{flex-direction:column;gap:10px;align-items:flex-start}.styles_previewArea__KBpeQ{padding:20px;min-height:150px}.styles_generatedCode__pa_OI{font-size:12px;min-height:150px;max-height:200px}}@keyframes styles_slideIn__H54D6{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes styles_fadeIn__uAaMi{0%{opacity:0}to{opacity:1}}@keyframes styles_bounce__DR_7f{0%,to{transform:scale(1)}30%{transform:scale(1.2)}50%{transform:scale(.9)}70%{transform:scale(1.1)}}@keyframes styles_rotate__i_qFU{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes styles_pulse__9DLS3{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes styles_shake__Tz2Wl{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.styles_card-header__Z7I7p.styles_bg-primary__4vanc{background:linear-gradient(135deg,#0d6efd,#0a58ca)!important}.styles_card-header__Z7I7p.styles_bg-success__0__Ro{background:linear-gradient(135deg,#198754,#146c43)!important}.styles_card-header__Z7I7p.styles_bg-info__lpRkf{background:linear-gradient(135deg,#0dcaf0,#0aa2c0)!important}.styles_btn-group__1ZiCJ .styles_btn__QzGB7{border-radius:.375rem}.styles_btn-group__1ZiCJ .styles_btn__QzGB7:not(:first-child){margin-left:-1px}.styles_previewElement__0cLo8{animation-play-state:paused}