.styles_container__N_xOQ{padding:20px 0}.styles_generatorCard__8n7vX{background:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.styles_cardHeader__TjSpX{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.styles_cardHeader__TjSpX h5{font-weight:600;margin:0}.styles_actions____xIW{display:flex;gap:.5rem}.styles_cardBody__rS_Es{padding:2rem}.styles_section__pLCoJ{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e9ecef}.styles_section__pLCoJ h6{color:#495057;margin-bottom:1rem;display:flex;align-items:center;font-weight:600}.styles_label__gHzsa{font-weight:500;color:#495057;margin-bottom:.5rem;display:block}.styles_previewContainer__27yCt{background:white;border-radius:8px;padding:1rem;border:2px solid #e9ecef;margin-bottom:1rem}.styles_imagePreview__ccGv3{border-radius:6px;overflow:hidden;margin-bottom:1rem}.styles_previewImage__NuM4Q{width:100%;height:auto;display:block;border-radius:4px}.styles_previewInfo__tZ_Ae{text-align:center}.styles_currentFilter___PcLE{background:#e9ecef;padding:.75rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.styles_currentFilter___PcLE strong{display:block;margin-bottom:.25rem;color:#495057}.styles_imageSelection__t6wf7{margin-bottom:1rem}.styles_sampleImages__qCJTr{display:flex;gap:.5rem;flex-wrap:wrap}.styles_sampleImages__qCJTr .styles_btn__xRj8t{flex:1 1;min-width:80px}.styles_customImage__BCxwf{margin-bottom:1rem}.styles_customImageInput__qBqMA{display:flex;gap:.5rem;margin-bottom:.75rem}.styles_customImageInput__qBqMA .styles_form-control__aCXji{flex:1 1}.styles_uploadSection__P9B_i{text-align:center}.styles_fileInput__G92S_{display:none}.styles_uploadBtn__i8_fR{display:inline-block;padding:.5rem 1rem;background:#6c757d;color:white;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.styles_uploadBtn__i8_fR:hover{background:#5a6268}.styles_filterControls__jPXaN{display:flex;flex-direction:column;gap:1.5rem}.styles_filterControl__yS5bI{background:white;padding:1rem;border-radius:6px;border:1px solid #dee2e6}.styles_filterHeader__jO63D{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.styles_filterLabel__NIYdn{font-weight:500;color:#495057;margin:0}.styles_filterValue__iN2VC{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#8b5cf6;font-family:Courier New,monospace}.styles_resetBtn__lWVqq{background:none;border:none;color:#6c757d;padding:.25rem;border-radius:4px;cursor:pointer;font-size:.8rem}.styles_resetBtn__lWVqq:hover{background:#f8f9fa;color:#495057}.styles_rangeLabels__MM69U{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d;margin-top:.25rem}.styles_form-range__kdpfr::-webkit-slider-thumb{background:#8b5cf6}.styles_form-range__kdpfr::-moz-range-thumb{background:#8b5cf6}.styles_presetGrid__ThDq1{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.styles_presetItem__Mmh_0{position:relative;background:white;border:2px solid #e9ecef;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.styles_presetItem__Mmh_0:hover{border-color:#8b5cf6;transform:translateY(-2px)}.styles_presetItem__Mmh_0.styles_active__xYFxi{border-color:#8b5cf6;background:#f3f0ff}.styles_presetPreview__wBE3D{width:100%;height:60px;background-size:cover;background-position:50%;border-radius:4px;margin-bottom:.5rem}.styles_presetName__GObki{font-size:.8rem;font-weight:500;color:#495057}.styles_deletePreset__qmRJM{position:absolute;top:-8px;right:-8px;background:#dc3545;color:white;border:none;border-radius:50%;width:20px;height:20px;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .3s ease}.styles_presetItem__Mmh_0:hover .styles_deletePreset__qmRJM{opacity:1}.styles_customPresets__y_HZB{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.styles_codeContainer__L36eu{background:#1a1a1a;border-radius:6px;overflow:hidden}.styles_generatedCode__952sn{color:#f8f9fa;padding:1.5rem;margin:0;font-family:Courier New,monospace;font-size:14px;line-height:1.5;overflow-x:auto;max-height:200px;overflow-y:auto}.styles_generatedCode__952sn::-webkit-scrollbar{width:8px;height:8px}.styles_generatedCode__952sn::-webkit-scrollbar-track{background:#2d2d2d}.styles_generatedCode__952sn::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.styles_generatedCode__952sn::-webkit-scrollbar-thumb:hover{background:#7c3aed}.styles_infoContent__QHygB{color:#495057;line-height:1.6}.styles_browserSupport__J12DL{margin-top:1rem}.styles_supportBadge__TQaV2{display:inline-block;background:#8b5cf6;color:white;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;margin:.25rem}.styles_cardFooter__Mlv_J{background:#f8f9fa;padding:1rem 1.5rem;border-top:1px solid #e9ecef}@media (max-width:1200px){.styles_presetGrid__ThDq1{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.styles_cardBody__rS_Es{padding:1.5rem}.styles_presetGrid__ThDq1{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.styles_cardHeader__TjSpX{flex-direction:column;gap:1rem;align-items:flex-start}.styles_actions____xIW{width:100%;justify-content:flex-end}.styles_presetGrid__ThDq1{grid-template-columns:repeat(3,1fr)}.styles_sampleImages__qCJTr{justify-content:center}.styles_sampleImages__qCJTr .styles_btn__xRj8t{flex:none;min-width:70px}.styles_customImageInput__qBqMA{flex-direction:column}}@media (max-width:576px){.styles_presetGrid__ThDq1{grid-template-columns:repeat(2,1fr)}.styles_filterHeader__jO63D{flex-direction:column;align-items:flex-start;gap:.5rem}.styles_filterValue__iN2VC{align-self:flex-end}}.styles_imagePreview__ccGv3{transition:filter .3s ease}.styles_presetPreview__wBE3D{transition:all .3s ease}.styles_filterControls__jPXaN{max-height:600px;overflow-y:auto;padding-right:.5rem}.styles_filterControls__jPXaN::-webkit-scrollbar{width:6px}.styles_filterControls__jPXaN::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.styles_filterControls__jPXaN::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.styles_filterControls__jPXaN::-webkit-scrollbar-thumb:hover{background:#7c3aed}