.BorderRadiusGenerator_container__ONqaP{background-color:#1a1a1a;padding:2rem;color:#fff}.BorderRadiusGenerator_toolbar__tOi5c{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:2rem}.BorderRadiusGenerator_toolbarControls__A2lNA{display:flex;gap:1rem;align-items:center}.BorderRadiusGenerator_animationToggle__G2TvE{display:flex;align-items:center;gap:.5rem;cursor:pointer}.BorderRadiusGenerator_mainContent__lcHxa{display:flex;gap:2rem;flex-wrap:wrap}.BorderRadiusGenerator_previewSection__8H_py{flex:1;min-width:400px}.BorderRadiusGenerator_previewArea__MNKU2{background-color:#2a2a2a;border-radius:8px;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:400px;position:relative}.BorderRadiusGenerator_showGrid__D4zT1{background-image:linear-gradient(90deg,#333 1px,transparent 0),linear-gradient(180deg,#333 1px,transparent 0);background-size:20px 20px}.BorderRadiusGenerator_shape__yFeSl{border:2px solid #ffcf98;transition:all .3s ease}.BorderRadiusGenerator_animatedShape__WeBkR{animation:BorderRadiusGenerator_borderRadius__gGtVZ 2s ease-in-out infinite}.BorderRadiusGenerator_controls__okHfN{flex:1;min-width:400px;background-color:#2a2a2a;border-radius:8px;padding:2rem}.BorderRadiusGenerator_stateToggle___uOsT{display:flex;gap:1rem;margin-bottom:2rem}.BorderRadiusGenerator_stateButton__TnUgA{flex:1;background-color:#333;color:#fff;border:none;padding:.75rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.BorderRadiusGenerator_stateButton__TnUgA:hover{background-color:#444}.BorderRadiusGenerator_stateButton__TnUgA.BorderRadiusGenerator_active__VOHv_{background-color:#ffcf98;color:#1a1a1a}.BorderRadiusGenerator_presets__zK9po{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.BorderRadiusGenerator_copyButton__Vg93E,.BorderRadiusGenerator_gridToggle__0j0PE,.BorderRadiusGenerator_presetButton__oD2Vj,.BorderRadiusGenerator_randomizeButton__5D3sd,.BorderRadiusGenerator_timingSelect__FEygi{background-color:#333;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.BorderRadiusGenerator_copyButton__Vg93E:hover,.BorderRadiusGenerator_gridToggle__0j0PE:hover,.BorderRadiusGenerator_presetButton__oD2Vj:hover,.BorderRadiusGenerator_randomizeButton__5D3sd:hover,.BorderRadiusGenerator_timingSelect__FEygi:hover{background-color:#444}.BorderRadiusGenerator_presetButton__oD2Vj.BorderRadiusGenerator_active__VOHv_,.BorderRadiusGenerator_randomizeButton__5D3sd{background-color:#ffcf98;color:#1a1a1a}.BorderRadiusGenerator_radiusControls__jnpqh{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.BorderRadiusGenerator_cornerControl__b2Go4{background-color:#333;padding:1rem;border-radius:8px}.BorderRadiusGenerator_cornerControl__b2Go4 h3{margin:0 0 1rem;font-size:.9rem;font-weight:300;text-transform:capitalize}.BorderRadiusGenerator_axisControls__3KRBl{display:flex;flex-direction:column;gap:1rem}.BorderRadiusGenerator_axisControl__7Y_64{display:flex;align-items:center;gap:1rem}.BorderRadiusGenerator_axisControl__7Y_64 label{width:20px;color:#fff}.BorderRadiusGenerator_axisControl__7Y_64 input[type=range]{flex:1;height:4px;background-color:#444;border-radius:2px;-webkit-appearance:none}.BorderRadiusGenerator_axisControl__7Y_64 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:#ffcf98;border-radius:50%;cursor:pointer}.BorderRadiusGenerator_axisControl__7Y_64 input[type=range]::-moz-range-thumb{width:16px;height:16px;background-color:#ffcf98;border-radius:50%;cursor:pointer;border:none}.BorderRadiusGenerator_axisControl__7Y_64 input[type=number]{width:60px;background-color:#444;border:none;color:#fff;padding:.25rem;border-radius:4px}.BorderRadiusGenerator_codeOutput__dB8YA{background-color:#333;padding:1rem;border-radius:8px}.BorderRadiusGenerator_codeOutput__dB8YA h3{margin:0 0 1rem;color:#ffcf98}.BorderRadiusGenerator_code__bPG9h{background-color:#222;padding:1rem;border-radius:4px;margin-bottom:1rem;white-space:pre-wrap;word-break:break-all;font-family:monospace}.BorderRadiusGenerator_copyButton__Vg93E{width:100%}@keyframes BorderRadiusGenerator_borderRadius__gGtVZ{0%,to{border-radius:20px}50%{border-radius:150px}}@media (max-width:768px){.BorderRadiusGenerator_container__ONqaP{padding:1rem}.BorderRadiusGenerator_mainContent__lcHxa{flex-direction:column}.BorderRadiusGenerator_controls__okHfN,.BorderRadiusGenerator_previewSection__8H_py{min-width:100%}.BorderRadiusGenerator_radiusControls__jnpqh{grid-template-columns:1fr}.BorderRadiusGenerator_presets__zK9po{justify-content:center}.BorderRadiusGenerator_stateToggle___uOsT{flex-direction:column}}.BorderRadiusGenerator_animationToggle__G2TvE input[type=checkbox]{-webkit-appearance:none;appearance:none;width:40px;height:20px;background-color:#333!important;border-radius:10px;opacity:1!important;position:relative;cursor:pointer;transition:background-color .3s}.BorderRadiusGenerator_animationToggle__G2TvE input[type=checkbox]:checked{background-color:#ffcf98!important}.BorderRadiusGenerator_animationToggle__G2TvE input[type=checkbox]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff!important;top:2px;left:2px;transition:transform .3s}.BorderRadiusGenerator_animationToggle__G2TvE input[type=checkbox]:checked:before{transform:translateX(20px)}.BorderRadiusGenerator_copyButton__Vg93E:focus,.BorderRadiusGenerator_gridToggle__0j0PE:focus,.BorderRadiusGenerator_presetButton__oD2Vj:focus,.BorderRadiusGenerator_randomizeButton__5D3sd:focus,.BorderRadiusGenerator_stateButton__TnUgA:focus{outline:2px solid #ffcf98;outline-offset:2px}.BorderRadiusGenerator_axisControl__7Y_64 input[type=number]:focus,.BorderRadiusGenerator_axisControl__7Y_64 input[type=range]:focus{outline:none;box-shadow:0 0 0 2px #ffcf98}