body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout paint;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;transform:translateZ(0);transition:background-color .3s ease;width:100vw;will-change:top,width}.menu-wrapper{font-size:14px;left:20px;position:fixed;top:20px;z-index:1000}.toggle-button-container2{display:flex;position:absolute;right:20px;top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toggle-button-container2 button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc)!important;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;text-shadow:1px 2px #000000b3;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3}.toggle-button-container2 button:hover{background:#ffffff40;box-shadow:0 8px 24px #00000026;font-size:15px;transform:translateY(-2px)}.toggle-button-container{margin-bottom:10px}.toggle-button-container button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;text-shadow:1px 2px #000;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-button-container button:hover{background:#ffffff40;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.button-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:320px;min-width:280px;opacity:1;overflow-y:auto;padding:20px;transform:translateX(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.button-menu.minimized{opacity:0;pointer-events:none;transform:translateX(-100%)}.button-menu::-webkit-scrollbar{width:6px}.button-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.button-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.button-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.fullscreen-button{position:absolute}.presets-container{grid-gap:8px;border-bottom:1px solid #ffffff1a;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px;padding-bottom:20px}.presets-container button{background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:12px 8px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.presets-container button:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.presets-container button[style*=darkgreen]{background:linear-gradient(135deg,#22c55ecc,#16a34acc)!important;box-shadow:0 4px 12px #22c55e4d!important}.tabButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.tabButton:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tabButton:hover:before{left:100%}.tabButton:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.menu-options-content{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}input[type=text],select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;box-sizing:border-box;color:#fff;font-size:13px;margin-bottom:12px;padding:10px 12px;transition:all .3s ease;width:100%}input[type=text]:focus,select:focus{background:#ffffff26;border-color:#6366f1cc;box-shadow:0 0 0 3px #6366f133;outline:none}select option{background:#1a1a1a;color:#fff}input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;height:6px;margin:8px 0 12px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #6366f166;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:18px;width:18px}.menu-option-list{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;margin-bottom:16px;padding:12px}.menu-option-list label{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:500;margin-bottom:8px}input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;margin-left:8px;width:18px}button:not(.tabButton):not(.toggle-button-container button):not(.presets-container button){background:linear-gradient(135deg,#22c55ecc,#16a34acc);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-bottom:8px;margin-right:8px;padding:10px 16px;transition:all .3s ease}button:not(.tabButton):not(.toggle-button-container button):not(.presets-container button):hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.top-menu-option-list{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:16px}.top-menu-option-list label{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:500;justify-content:space-between}@media (max-width:768px){.menu-wrapper{left:10px;right:10px;top:10px}.button-menu{max-width:calc(100vw - 40px);min-width:auto;padding:16px}.presets-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.presets-container{grid-template-columns:repeat(2,1fr)}.menu-wrapper{font-size:12px}}.content{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout paint;height:100%;left:0;position:absolute;top:0;transform:translateZ(0);width:100%;will-change:top,width;z-index:1}
/*# sourceMappingURL=main.e20ae44a.css.map*/