.BorderGenerator_container__iuTxR{padding:2rem;background-color:#1a1a1a;border-radius:12px;color:#fff}.BorderGenerator_mainContent___kzdx{display:flex;flex-direction:column;gap:2rem}.BorderGenerator_flex__T4HTR{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.BorderGenerator_controls__B9r5L{display:flex;flex-direction:column;gap:1.5rem;flex:2}.BorderGenerator_preview__2n4w2{flex:1}.BorderGenerator_stateButtons__axyFg{display:flex;gap:1rem;width:100%}.BorderGenerator_sectionButton__2g1V1,.BorderGenerator_stateButton__53mXy{flex:1;padding:.75rem;background-color:#2a2a2a;border:2px solid transparent;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.BorderGenerator_sectionButton__2g1V1:hover,.BorderGenerator_stateButton__53mXy:hover{background-color:#3a3a3a}.BorderGenerator_sectionButton__2g1V1.BorderGenerator_active__ywmC_,.BorderGenerator_stateButton__53mXy.BorderGenerator_active__ywmC_{border-color:#ffcf98;background-color:#2a2a2a}.BorderGenerator_sectionButtons__Cyxwp{display:flex;gap:1rem}.BorderGenerator_settingsPanel__qT9LG{background-color:#2a2a2a;padding:1.5rem;border-radius:8px}.BorderGenerator_radiusControls__QxWjX,.BorderGenerator_styleControls__q5g2y{display:flex;flex-direction:column;gap:1.5rem}.BorderGenerator_cornerControl__v1D1_,.BorderGenerator_sideControl__73X_U{display:flex;flex-direction:column;gap:.75rem}.BorderGenerator_cornerLabel__AV5lW,.BorderGenerator_sideLabel__Ukjmw{font-size:.9rem;color:#fff;text-transform:capitalize}.BorderGenerator_controlGroup__8S_Tp{display:flex;gap:1rem;align-items:center}.BorderGenerator_sliderContainer__zHRwa{flex:1;display:flex;flex-direction:column;gap:.5rem}.BorderGenerator_sliderLabel__bMuG4{font-size:.8rem;color:#888}.BorderGenerator_slider__l1TFI{width:100%;height:6px;-webkit-appearance:none;background:#3a3a3a;border-radius:3px;outline:none}.BorderGenerator_slider__l1TFI::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#ffcf98;cursor:pointer;border:none}.BorderGenerator_slider__l1TFI::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ffcf98;cursor:pointer;border:none}.BorderGenerator_numberInput__TXBgW{width:60px;padding:.4rem;text-align:center}.BorderGenerator_numberInput__TXBgW,.BorderGenerator_styleSelect__97tF7{background-color:#3a3a3a;border:1px solid #4a4a4a;color:#fff;border-radius:4px}.BorderGenerator_styleSelect__97tF7{padding:.5rem;width:120px}.BorderGenerator_colorContainer__9Sssw{display:flex;gap:1rem;align-items:center}.BorderGenerator_colorPicker__NpnFe{width:40px;height:40px;padding:0;border:none;border-radius:4px;background:none;cursor:pointer;overflow:hidden}.BorderGenerator_colorPicker__NpnFe::-webkit-color-swatch-wrapper{padding:0}.BorderGenerator_colorPicker__NpnFe::-webkit-color-swatch{border:none;border-radius:4px}.BorderGenerator_opacityValue___BWy2{font-size:.8rem;color:#888;min-width:40px;text-align:right}.BorderGenerator_cornerToggle__4XxnS{margin-bottom:1.5rem;padding:.75rem;background-color:#3a3a3a;border-radius:6px}.BorderGenerator_toggleLabel__BTIJ9{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#fff;font-size:.9rem}.BorderGenerator_toggleLabel__BTIJ9 input[type=checkbox]{width:18px;height:18px;accent-color:#ffcf98;cursor:pointer}.BorderGenerator_cornerInputs__M2vn_{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.BorderGenerator_preview__2n4w2{height:200px;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:1.5rem 0;color:#fff;font-size:.9rem;letter-spacing:.5px}.BorderGenerator_codePreview__tXfyM{background-color:#2a2a2a;border-radius:8px;overflow:hidden}.BorderGenerator_codeTitle__tqfA1{padding:1rem 1.5rem;margin:0;background-color:#3a3a3a;color:#fff;font-size:1rem;font-weight:500}.BorderGenerator_code__OYWgT{margin:0;padding:1.5rem;background-color:#2a2a2a;color:#fff;font-family:monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;white-space:pre}@media (max-width:768px){.BorderGenerator_container__iuTxR{padding:1rem}.BorderGenerator_controlGroup__8S_Tp{flex-direction:column;align-items:stretch}.BorderGenerator_cornerInputs__M2vn_{grid-template-columns:1fr}.BorderGenerator_styleSelect__97tF7{width:100%}.BorderGenerator_colorContainer__9Sssw{justify-content:space-between}}.BorderGenerator_colorPicker__NpnFe:focus,.BorderGenerator_numberInput__TXBgW:focus,.BorderGenerator_sectionButton__2g1V1:focus,.BorderGenerator_slider__l1TFI:focus,.BorderGenerator_stateButton__53mXy:focus,.BorderGenerator_styleSelect__97tF7:focus{outline:2px solid #ffcf98;outline-offset:2px}.BorderGenerator_code__OYWgT::-webkit-scrollbar{height:8px}.BorderGenerator_code__OYWgT::-webkit-scrollbar-track{background:#3a3a3a;border-radius:4px}.BorderGenerator_code__OYWgT::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.BorderGenerator_code__OYWgT::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@media (max-width:488px){.BorderGenerator_flex__T4HTR{flex-direction:column}.BorderGenerator_controls__B9r5L,.BorderGenerator_preview__2n4w2{width:100%}}