@charset "UTF-8";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-straight/css/uicons-thin-straight.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);font-family:Inter,sans-serif}.icon{transform:translateY(1px)}.canvas{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;height:100vh}.canvas .canvas_bottom{width:100%;flex:1;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;margin-bottom:.5rem;max-height:100vh;max-width:100vw;overflow:auto}.canvas .canvas_bottom::-webkit-scrollbar{width:10px;min-width:10px}.canvas .canvas_bottom::-webkit-scrollbar-button{display:none}.canvas .canvas_bottom::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.canvas .canvas_bottom::-webkit-scrollbar-thumb{background-color:#ffffff0c;opacity:.3;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.canvas .canvas_bottom::-webkit-scrollbar-thumb:hover{background-color:#ffffff25}.toast{background-color:var(--border)!important;border:1px solid var(--border)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:.8rem!important;width:25rem!important;padding:.5rem .5rem .5rem 1rem!important}.toast .toast_title,.toast .toast_icon{color:var(--text-primary)!important}.toast .toast_cancel_button{background-color:var(--border)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;padding:1.2rem!important;border-radius:.5rem!important}.toast .toast_action_button{background-color:var(--accent)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;padding:1.2rem!important;border-radius:.5rem!important}.main_screen{width:100%;height:100%;background-color:var(--bg-primary);display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;position:relative;gap:1rem}.main_screen.full-width{padding:0;margin:0}.main_screen .settings_panel{flex:1;max-height:100%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:1.5rem;margin:0rem 0rem 0rem 1rem;padding:1rem;background:var(--bg-secondary);transition:width 0s;overflow:hidden;position:relative;min-width:35rem;min-height:30rem}.main_screen .settings_panel:hover .scroller::-webkit-scrollbar-thumb{background-color:#fff1}.main_screen .settings_panel .scroller{height:100%;overflow-y:auto;width:100%;padding:1rem}.main_screen .settings_panel .scroller::-webkit-scrollbar{width:10px}.main_screen .settings_panel .scroller::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.main_screen .settings_panel .scroller::-webkit-scrollbar-thumb{background-color:#ffffff0c;opacity:.3;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.main_screen .settings_panel .scroller::-webkit-scrollbar-thumb:hover{background-color:#ffffff25}.main_screen .settings_panel .title{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:1rem;padding:.5rem;margin-bottom:1rem;min-height:3.5rem;border-radius:.8rem;background-color:var(--border)}.main_screen .settings_panel .title h1{font-size:1.2rem;color:var(--text-primary);font-weight:700;letter-spacing:-.5px;margin-left:1.3rem}.main_screen .settings_panel .title .buttons{display:flex;align-items:center}.main_screen .settings_panel .settings{width:100%;padding:0rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem;height:100%}.main_screen .settings_panel .settings .settings_group{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;background:#ffffff08;padding:1.2rem;border-radius:1.2rem;border:1px solid var(--border);gap:1rem}.main_screen .settings_panel .settings .settings_group .group_title{width:100%;font-size:1.3rem;color:var(--text-primary);font-weight:700;border-bottom:2px solid var(--border);padding-bottom:.8rem;letter-spacing:-.3px;display:flex;align-items:center;gap:.5rem}.main_screen .settings_panel .settings .settings_group .group_title:before{content:"";width:4px;height:1.3rem;background:var(--accent);border-radius:2px}.button_comp{padding:.8rem 1rem;border-radius:.6rem;font-size:.8rem;font-weight:500;color:var(--text-primary);background-color:var(--button);border:1px solid var(--border);cursor:pointer;transition:all .2s ease;align-self:flex-start;display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center}.button_comp.primary{background-color:var(--accent);color:#000}.button_comp.secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.button_comp.disabled{opacity:.5;pointer-events:none}.button_comp{transition:all .2s ease-in}.button_comp:hover{opacity:80%}.button_comp:active{opacity:60%}.combo_box_main{border:1px solid var(--border);padding:.8rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:14rem;z-index:2;position:relative}.combo_box_main .left{display:flex;gap:.8rem;align-items:center}.combo_box_main .left .icon{font-size:.8rem;color:var(--text-primary)}.combo_box_main .left .selected_item{font-size:.9rem;color:var(--text-primary)}.combo_box_main .drop_arrow{width:1rem;filter:invert(1);transition:.2s ease-in-out}.combo_box_main .drop_arrow.active{transform:rotate(-180deg)}.combo_box_main .combobox{position:absolute;top:100%;right:0;margin-top:.8rem;border:1px solid var(--border);border-radius:.8rem;padding:.5rem;min-width:200px;z-index:1000;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;width:100%;animation:slide_combo .2s cubic-bezier(.16,1,.3,1) forwards;z-index:1;background-color:var(--bg-secondary)}@keyframes slide_combo{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.combo_box_main .combobox .combobox_item{color:var(--text-primary);padding-left:1rem;padding-right:.3rem;cursor:pointer;margin-bottom:.25rem;transition:all .2s ease;background-color:#ffffff05;border-radius:.5rem;font-size:.8rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;flex-wrap:nowrap;min-height:3rem}.combo_box_main .combobox .combobox_item:last-child{margin-bottom:.5rem}.combo_box_main .combobox .combobox_item.active{border:1px solid var(--border)}.combo_box_main .combobox .combobox_item:hover .combobox_item_actions{display:flex}.combo_box_main .combobox .combobox_item .dot{height:.4rem;width:.4rem;opacity:.8;border-radius:50%;margin-right:.8rem}.combo_box_main .combobox .combobox_item .combobox_item_actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.3rem;display:none;height:100%}.combo_box_main .combobox .combobox_item .combobox_item_actions button{height:90%;right:.5rem;aspect-ratio:1/1;margin:0;display:inline;padding:.7rem;transition:all .2s ease-in}.combo_box_main .combobox .combobox_item .combobox_item_actions button:hover{opacity:80%}.combo_box_main .combobox .combobox_item .combobox_item_actions button:active{opacity:60%}.combo_box_main .combobox .combobox_actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.combo_box_main .combobox .combobox_actions button{width:100%;border-radius:.5rem;color:var(--text-primary);background-color:var(--border)}.divider{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;width:100%}.divider .section_title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.divider .line{width:100%;height:1px;background:var(--border)}.info_panel{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;animation:slideDown .2s ease}.info_panel .video{width:100%;aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;display:grid;place-items:center;padding:3rem;background-color:var(--bg-primary);background-image:radial-gradient(circle at 25% 25%,var(--border) .5px,transparent 1px),radial-gradient(circle at 75% 75%,var(--border) .5px,transparent 1px);background-size:20px 20px}.info_panel .video img{width:50%;object-fit:cover;transform-origin:center;will-change:transform}.info_panel .video img.animation-vibrate{animation:vibrate .15s cubic-bezier(.4,0,.6,1) infinite}.info_panel .video img.animation-rotation{animation:rotation 6s cubic-bezier(.45,.05,.55,.95) infinite}.info_panel .video img.animation-pulse{animation:pulse 2s cubic-bezier(.4,0,.2,1) infinite}.info_panel .video img.animation-spring{animation:spring 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.info_panel .video img.animation-bounce{animation:bounce 2s cubic-bezier(.68,-.55,.265,1.55) infinite}.info_panel .video img.animation-limit{animation:limit 3s cubic-bezier(.65,0,.35,1) infinite}.info_panel .video img.animation-dampen{animation:dampen 4s cubic-bezier(.33,1,.68,1) infinite}.info_panel .video img.animation-slow{animation:slow 5s cubic-bezier(.5,0,.5,1) infinite}.info_panel .video img.animation-constant{animation:constant 3s cubic-bezier(.42,0,.58,1) infinite}@keyframes vibrate{0%,to{transform:rotate(0)}25%{transform:rotate(calc(var(--strength-value, 50) * .3deg))}50%{transform:rotate(0)}75%{transform:rotate(calc(var(--strength-value, 50) * -.3deg))}}@keyframes rotation{0%{transform:rotate(0)}25%{transform:rotate(calc(var(--wheel-degree, 180deg) / 2))}50%{transform:rotate(0)}75%{transform:rotate(calc(var(--wheel-degree, 180deg) / -2))}to{transform:rotate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes spring{0%,to{transform:rotate(0)}25%{transform:rotate(30deg)}50%{transform:rotate(0)}75%{transform:rotate(-30deg)}}@keyframes bounce{0%,to{transform:rotate(0) translateZ(0)}25%{transform:rotate(45deg) translateZ(0)}50%{transform:rotate(0) translateZ(0)}75%{transform:rotate(-45deg) translateZ(0)}}@keyframes limit{0%,to{transform:rotate(0)}25%{transform:rotate(45deg)}50%{transform:rotate(0)}75%{transform:rotate(-45deg)}}@keyframes dampen{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@keyframes slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes constant{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.info_panel .info_section:not(:last-child){margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.info_panel .info_section .info_label{display:block;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.info_panel .info_section .info_text{font-size:.875rem;color:var(--text-primary);line-height:1.5;margin:0}.input_box{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;width:100%;padding-top:0rem;margin:0!important}.input_box:first-child{margin-top:1rem}.input_box.disabled{opacity:.5;pointer-events:none}.input_box label{font-size:1rem;font-weight:500;color:var(--text-primary)}.input_box input{width:100%;padding:.8rem;border-radius:.6rem;border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;outline:none}.input_box input::placeholder{color:var(--text-secondary)}.setting_option{display:flex;flex-direction:column;width:100%;border-radius:1rem;transition:all .3s ease}.setting_option.disabled{opacity:.5;pointer-events:none}.setting_option .option_title{margin-bottom:.5rem;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}.setting_option .option_title span{font-size:.8rem;color:var(--text-primary);font-weight:500;letter-spacing:-.2px}.setting_option .option_title .value_controls{display:flex;align-items:center;gap:.5rem}.setting_option .option_title .value_controls button{width:1.7rem;height:1.7rem;border-radius:.5rem;font-weight:400;font-size:1.1rem;padding:0}.setting_option .option_title .value_controls button i{font-size:.75rem}.setting_option .option_title .value_controls button:hover{opacity:.8}.setting_option .option_title .value_controls button:disabled{opacity:.3;cursor:not-allowed}.setting_option .option_title .value_controls .selected_value{font-size:.8rem;color:var(--text-primary);padding:.3rem .8rem;border-radius:.5rem;min-width:3rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-primary);border:1px solid transparent}.setting_option .option_title .value_controls .selected_value:hover{background:#ffffff14;border-color:var(--border)}.setting_option .option_title .value_controls .value_input{font-size:1rem;color:var(--text-primary);font-weight:700;border-radius:.5rem;text-align:center;background:var(--bg-primary);outline:none;border:1px solid var(--border);padding:.3rem .7rem;font-weight:400;font-size:.8rem}.setting_option .option_title .value_controls .value_input::-webkit-inner-spin-button,.setting_option .option_title .value_controls .value_input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting_option .option_title .value_controls .value_input{-moz-appearance:textfield}.setting_option .option_title .pro_badge{color:var(--text-primary);font-size:.6rem;font-weight:700;opacity:.8;letter-spacing:.5px;margin-left:.5rem;background-color:var(--accent);padding:.2rem .4rem;border-radius:.4rem;color:var(--bg-primary)}.setting_option input[type=range]{-webkit-appearance:none;width:100%;height:1.3rem;border-radius:.5rem;outline:none;position:relative;background-color:var(--border);cursor:pointer}.setting_option input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:.3rem;background:var(--accent);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);border:0;box-shadow:0 1px 2px #0000004d,0 0 #ffffff1a}.setting_option input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 4px #0006,0 0 0 4px #ffffff14}.setting_option input[type=range]::-webkit-slider-thumb:active{transform:scale(.8);box-shadow:0 1px 3px #00000080,0 0 0 4px #ffffff1f}.setting_option input[type=range]::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:50%;background:var(--accent);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:0;box-shadow:0 1px 2px #0000004d,0 0 #ffffff1a}.setting_option input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 4px #0006,0 0 0 4px #ffffff14}.setting_option input[type=range]::-moz-range-thumb:active{transform:scale(1.05);box-shadow:0 1px 3px #00000080,0 0 0 4px #ffffff1f}.setting_option input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 4px #0006,0 0 0 4px #ffffff26}.setting_option input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 2px 4px #0006,0 0 0 4px #ffffff26}.setting_option .ranges_text{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:.75rem;font-size:.6875rem;color:var(--text-primary);font-weight:500}.setting_option .ranges_text span{background:transparent;padding:0;border-radius:0;border:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toggle-wrapper{display:inline-flex;align-items:center;width:100%;gap:.75rem}.toggle-wrapper .label{font-size:.875rem;font-weight:500;color:var(--text-primary);-webkit-user-select:none;user-select:none;cursor:pointer}.toggle{position:relative;display:inline-block;width:2.75rem;height:1.5rem;background-color:color-mix(in srgb,var(--text-primary) 30%,transparent);border:none;outline:none;border-radius:9999px;cursor:pointer;transition:background-color .2s ease-in-out;padding:0}.toggle:hover:not(.disabled){opacity:.8}.toggle.checked{background-color:var(--accent)}.toggle.checked .slider{transform:translate(1.25rem)}.toggle.disabled{opacity:.5;cursor:not-allowed}.toggle .slider{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:var(--bg-primary);border-radius:50%;transition:transform .2s ease-in-out}.wheel_preview{flex:1;max-height:100%;width:60%;min-width:35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1.5rem;overflow:hidden;transition:width 0s;background-color:var(--bg-secondary);min-height:30rem}.wheel_preview .buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;margin-top:1rem;z-index:5;background-color:#ffffff05;padding:.5rem;border-radius:1rem}.wheel_preview .buttons .button{cursor:pointer;background-color:transparent;color:var(--bg-primary);outline:none;padding:.8rem 1rem;border-radius:.8rem;font-size:.9rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;border:1px solid var(--border);color:var(--text-secondary);width:3rem;overflow:hidden;transition:all .3s ease;text-wrap:nowrap;white-space:nowrap}.wheel_preview .buttons .button:hover{background-color:var(--border);width:12rem;aspect-ratio:unset}.wheel_preview .buttons .button:hover span{display:inline}.wheel_preview .buttons .button span{display:none;font-size:.9rem;font-weight:500;animation:textReveal .6s ease forwards}@keyframes textReveal{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}.wheel_preview .buttons .button .icon{font-size:1rem;color:var(--text-secondary)}.wheel_preview .angle_representation{width:100%;margin-left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;height:clamp(20rem,40vh,30rem)}.wheel_preview .angle_representation .angle_text{font-size:clamp(1.5rem,3vw,2rem);color:var(--text-primary);opacity:.5;font-weight:300;transform:translateY(calc(-1.4*clamp(9rem,18vh,10rem)))}@media screen and (max-width:1800px){.wheel_preview .angle_representation .angle_text{transform:translateY(calc(-.9*clamp(9rem,18vh,10rem)))}}.wheel_preview .angle_representation .bars{width:100%;height:clamp(8rem,15vh,20rem);position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:calc(-1.1*clamp(20rem,32vh,20rem))}@media screen and (max-width:1800px){.wheel_preview .angle_representation .bars{margin-bottom:calc(-.6*clamp(20rem,32vh,20rem));scale:.7}}.wheel_preview .angle_representation .bars .bar:first-child,.wheel_preview .angle_representation .bars .bar:last-child{background-color:var(--accent);height:clamp(2.8rem,5vh,4rem)}.wheel_preview .angle_representation .bars .bar{position:absolute;height:clamp(2.4rem,4.5vh,3.5rem);background-color:var(--accent);opacity:.3;border-radius:.5rem;width:clamp(.15rem,.3vw,.25rem);bottom:0;transform-origin:center bottom}.wheel_preview .angle_representation .bars .bar.active{background-color:var(--accent);box-shadow:0 0 20px var(--accent);opacity:1}.wheel_preview .angle_representation .bars .bar:nth-child(1){transform:rotate(-50deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(2){transform:rotate(-48.1deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(3){transform:rotate(-46.2deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(4){transform:rotate(-44.3deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(5){transform:rotate(-42.4deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(6){transform:rotate(-40.5deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(7){transform:rotate(-38.6deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(8){transform:rotate(-36.7deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(9){transform:rotate(-34.8deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(10){transform:rotate(calc(-50deg + (10 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(11){transform:rotate(-31deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(12){transform:rotate(-29.1deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(13){transform:rotate(calc(-50deg + (13 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(14){transform:rotate(-25.3deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(15){transform:rotate(calc(-50deg + (15 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(16){transform:rotate(-21.5deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(17){transform:rotate(-19.6deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(18){transform:rotate(calc(-50deg + (18 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(19){transform:rotate(calc(-50deg + (19 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(20){transform:rotate(calc(-50deg + (20 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(21){transform:rotate(-12deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(22){transform:rotate(calc(-50deg + (22 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(23){transform:rotate(calc(-50deg + (23 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(24){transform:rotate(calc(-50deg + (24 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(25){transform:rotate(calc(-50deg + (25 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(26){transform:rotate(-2.5deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(27){transform:rotate(calc(-50deg + (27 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(28){transform:rotate(calc(-50deg + (28 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(29){transform:rotate(calc(-50deg + (29 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(30){transform:rotate(calc(-50deg + (30 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(31){transform:rotate(7deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(32){transform:rotate(calc(-50deg + (32 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(33){transform:rotate(calc(-50deg + (33 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(34){transform:rotate(calc(-50deg + (34 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(35){transform:rotate(calc(-50deg + (35 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(36){transform:rotate(16.5deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(37){transform:rotate(calc(-50deg + (37 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(38){transform:rotate(calc(-50deg + (38 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(39){transform:rotate(calc(-50deg + (39 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(40){transform:rotate(calc(-50deg + (40 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(41){transform:rotate(26deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(42){transform:rotate(calc(-50deg + (42 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(43){transform:rotate(calc(-50deg + (43 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(44){transform:rotate(calc(-50deg + (44 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(45){transform:rotate(calc(-50deg + (45 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(46){transform:rotate(35.5deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(47){transform:rotate(calc(-50deg + (47 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(48){transform:rotate(39.3deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(49){transform:rotate(calc(-50deg + (49 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(50){transform:rotate(calc(-50deg + (50 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(51){transform:rotate(45deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(52){transform:rotate(calc(-50deg + (52 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(53){transform:rotate(48.8deg) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .angle_representation .bars .bar:nth-child(54){transform:rotate(calc(-50deg + (54 - 1) * 1.9deg)) translateY(calc(-1*clamp(14rem,28vh,21rem)))}.wheel_preview .wheel{height:clamp(20rem,40vh,30rem);margin-top:calc(-1.3*clamp(8rem,12vh,13rem));position:relative;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out;aspect-ratio:1/1;clip-path:circle(50%)}.wheel_preview .wheel:hover img{opacity:.6;filter:blur(10px)}.wheel_preview .wheel:hover .buttons{opacity:1}.wheel_preview .wheel img{width:80%;object-fit:contain;transform:scale(1.15);mix-blend-mode:multiply;transition:filter .3s ease}.wheel_preview .wheel .buttons{position:absolute;opacity:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:var(--border);transition:.3s ease-in-out}.wheel_preview .wheel .buttons .upload_button{background-color:var(--accent);border:none;outline:none;color:var(--bg-primary);padding:.7rem 1rem;border-radius:.5rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .3s ease}.wheel_preview .wheel .buttons .upload_button .icon{font-size:.8rem;color:var(--bg-primary)}.wheel_preview .wheel .buttons .upload_button input{display:none;appearance:none;-webkit-appearance:none}.wheel_preview .wheel .buttons .upload_button i{font-size:1rem;color:var(--bg-primary)}@media screen and (max-width:1800px){.wheel_preview .wheel{height:clamp(15rem,30vh,30rem);margin-top:calc(-1.2*clamp(8rem,12vh,13rem))}}.wheel_preview .preset_cards{width:100%;display:flex;flex-direction:column;align-items:center;padding:0rem .5rem 1.5rem;opacity:.7;height:auto;border-top:1px solid var(--border)}.wheel_preview .preset_cards .preset_title{font-size:1.2rem;color:var(--text-primary);font-weight:500;padding:.7rem;opacity:.9}.wheel_preview .preset_cards .cards_container{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow:hidden;gap:1rem;padding:0 1rem}.wheel_preview .preset_cards .cards_container .preset_card{-webkit-user-select:none;user-select:none;background-color:var(--border);border:2px solid transparent;border-radius:.9rem;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100px;position:relative;height:100%;flex:1 1 calc(33% - 2rem);max-width:50%}.wheel_preview .preset_cards .cards_container .preset_card:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.wheel_preview .preset_cards .cards_container .preset_card.selected{border-color:var(--accent)}.wheel_preview .preset_cards .cards_container .preset_card.selected .preset_name{color:var(--accent)}.wheel_preview .preset_cards .cards_container .preset_card .preset_name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.wheel_preview .preset_cards .cards_container .preset_card .preset_description{font-size:.75rem;color:var(--text-secondary);opacity:.7}@media screen and (max-height:700px){.wheel_preview .preset_cards{display:none}}.connection_page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,rgba(240,240,240,.03) 0%,transparent 50%),linear-gradient(180deg,#0a0a0aa8,#050505be);z-index:10;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.connection_page .connection_container{width:100%;max-width:520px;padding:0 2rem}.connection_page .connection_content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.connection_page .brand_section{display:flex;flex-direction:column;align-items:center;gap:1rem}.connection_page .brand_section .brand_icon{margin-bottom:.5rem;animation:float 3s ease-in-out infinite}.connection_page .brand_section .brand_title{font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.03em;margin:0}.connection_page .brand_section .brand_version{font-size:.75rem;font-weight:500;color:#fff;opacity:.5;letter-spacing:.05em;text-transform:uppercase}.connection_page .connection_card{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;padding:2.5rem;display:flex;flex-direction:column;gap:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.connection_page .connection_card .status_indicator{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:.75rem 1.25rem;background:#f0f0f00d;border:1px solid rgba(240,240,240,.15);border-radius:2rem;width:fit-content;margin:0 auto}.connection_page .connection_card .status_indicator .status_dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}.connection_page .connection_card .status_indicator .status_text{font-size:.8125rem;font-weight:500;color:var(--accent);letter-spacing:.01em}.connection_page .connection_card .connection_info{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.connection_page .connection_card .connection_info .connection_title{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.02em;margin:0;line-height:1.3}.connection_page .connection_card .connection_info .connection_description{font-size:.9375rem;font-weight:400;color:var(--text-secondary);line-height:1.6;margin:0;opacity:.7;max-width:380px}.connection_page .connection_card .connection_steps{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;margin-bottom:.5rem}.connection_page .connection_card .connection_steps .step{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:.75rem;transition:all .2s ease;cursor:default}.connection_page .connection_card .connection_steps .step .step_number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f0f0f01a;border:1px solid rgba(240,240,240,.2);border-radius:50%;font-size:.8125rem;font-weight:600;color:var(--accent);flex-shrink:0}.connection_page .connection_card .connection_steps .step span{font-size:.875rem;font-weight:500;color:var(--text-secondary);opacity:.8}.connection_page .connection_card button{width:100%;padding:1rem 2rem;background:var(--accent);color:#0a0a0a;font-size:.9375rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.connection_page .connection_card button:hover{transform:translateY(-1px)}.connection_page .connection_card button:active{transform:translateY(0)}.connection_page .footer_info{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:.75rem}.connection_page .footer_info .icon{color:var(--text-secondary);font-size:.8125rem}.connection_page .footer_info span{font-size:.82rem;color:var(--text-secondary);opacity:.5;line-height:1.4}@media screen and (max-width:1800px){.connection_page{height:100%;width:100%}.connection_page .connection_container .connection_content{gap:1rem;scale:.75}.connection_page .connection_container .brand_section .brand_title{font-size:1.75rem}.connection_page .connection_card{padding:2rem 1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.settings-page{width:100%;height:100%;overflow-y:auto;padding:3rem;box-sizing:border-box;background-color:var(--bg-primary)}.settings-page .settings-container{max-width:1000px;margin:0 auto}.settings-page .settings-header{margin-bottom:2rem}.settings-page .settings-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:600;margin:0 0 .5rem}.settings-page .settings-header p{color:var(--text-secondary);font-size:1rem;margin:0}.settings-page .settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border);padding-bottom:.5rem;flex-wrap:wrap}.settings-page .settings-tabs .tab-button{background:transparent;border:none;color:var(--text-secondary);font-size:1rem;padding:.75rem 1.5rem;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s ease;font-weight:500;position:relative}.settings-page .settings-tabs .tab-button.active{color:var(--accent);background:#f0f0f01a}.settings-page .settings-tabs .tab-button.active:after{content:"";position:absolute;bottom:0rem;left:0;right:0;height:3px;background:var(--accent);border-radius:3px 3px 0 0}.settings-page .settings-tabs .buy_coffee{margin-left:auto;text-decoration:none}.settings-page .settings-tabs .buy_coffee button{font-size:1rem;background-color:#6b6b35;border:1px solid rgb(255,255,91);color:#fff;opacity:.8}.settings-page .settings-tabs .buy_coffee button:hover{opacity:1}.settings-page .settings-tabs .buy_coffee button:hover i{scale:1.3}.settings-page .settings-tabs .buy_coffee button i{font-size:1.2rem;margin-bottom:-.2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.settings-page .settings-body{background:var(--bg-secondary);border-radius:12px;padding:2rem;min-height:300px;border:1px solid var(--border)}.settings-page .settings-content h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.settings-page .settings-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:500;margin:1.5rem 0 1rem}.settings-page .settings-content p{color:var(--text-secondary);line-height:1.6;margin:.5rem 0}.settings-page .settings-content .settings-description{margin-bottom:1rem}.settings-page .support-section{display:flex;align-items:center;flex-direction:column;text-align:center;margin-top:6rem}.settings-page .support-section p{margin-top:1rem;max-width:50%;color:var(--text-secondary)}.settings-page .theme-section .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.settings-page .theme-section .color-grid .color-option{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.settings-page .theme-section .color-grid .color-option:hover{scale:1.05}.settings-page .theme-section .color-grid .color-option:active{scale:.95}.settings-page .theme-section .color-grid .color-option.active{border-color:var(--accent);background:#f0f0f00d}.settings-page .theme-section .color-grid .color-option.active .color-name{color:var(--accent)}.settings-page .theme-section .color-grid .color-option .color-preview{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.settings-page .theme-section .color-grid .color-option .color-name{color:var(--text-secondary);font-size:.9rem;text-align:center;font-weight:500;transition:color .2s ease}.settings-page .about-section .info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.settings-page .about-section .info-row:last-child{border-bottom:none}.settings-page .about-section .info-row .info-label{color:var(--text-secondary);font-weight:500}.settings-page .about-section .info-row .info-value{color:var(--text-primary);font-weight:600}.settings-page .about-description ul{list-style:none;padding:0;margin:1rem 0}.settings-page .about-description ul li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.settings-page .about-description ul li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0;font-size:1.5rem;line-height:1.2}.settings-page .about-description p a{color:var(--text-primary);text-decoration:underline}.settings-page .about-description p a:hover{opacity:.8}.settings-page .changelog-section .changelog-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.settings-page .changelog-section .changelog-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-page .changelog-section .changelog-item .changelog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-page .changelog-section .changelog-item .changelog-header h3{margin:0;color:var(--accent)}.settings-page .changelog-section .changelog-item .changelog-header .changelog-date{color:var(--text-secondary);font-size:.9rem}.settings-page .changelog-section .changelog-item .changelog-list{list-style:none;padding:0;margin:0}.settings-page .changelog-section .changelog-item .changelog-list li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.settings-page .changelog-section .changelog-item .changelog-list li:before{content:"→";color:var(--accent);position:absolute;left:0;font-weight:700}.settings-page .disclaimer-section h3{color:var(--text-primary);margin-top:2rem}.settings-page .disclaimer-section h3:first-child{margin-top:0}.settings-page .disclaimer-section .warning-text{color:#ef4444;background:#ef44441a;padding:1rem;border-radius:8px;border-left:4px solid #ef4444;font-weight:500}.settings-page .action-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.settings-page::-webkit-scrollbar{width:8px}.settings-page::-webkit-scrollbar-track{background:var(--bg-primary)}.settings-page::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.settings-page::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media(max-width:768px){.settings-page{padding:1rem}.settings-page .settings-header h1{font-size:2rem}.settings-page .settings-tabs .tab-button{padding:.5rem 1rem;font-size:.9rem}.settings-page .settings-body{padding:1.5rem}.settings-page .theme-section .color-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.settings-page .action-buttons{flex-direction:column}.settings-page .action-buttons button{width:100%}}.unsupported_message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-secondary);padding:2rem 3rem;border-radius:1rem;border:1px solid var(--border);text-align:center;color:var(--text-primary);max-width:25rem;word-wrap:break-word}.unsupported_message img{width:6rem;margin-bottom:1rem;filter:invert(1)}.unsupported_message h2{margin-bottom:1rem;font-size:1.5rem}.unsupported_message p{font-size:.8rem;color:var(--text-secondary)}:root{--accent: #e63f39;--bg-primary: #0e0e0e;--bg-secondary: #121212;--border: rgba(255, 255, 255, .0705882353);--button: #161616;--text-primary: #ffffff;--text-secondary: #aaaaaa}[data-theme=dark-orange],[data-theme=dark-blue],[data-theme=dark-green],[data-theme=dark-purple],[data-theme=dark-teal],[data-theme=dark-rose],[data-theme=dark-slate],[data-theme=dark-carbon]{--border: rgba(255, 255, 255, .0705882353)}[data-theme=dark-orange]{--accent: #e46008}[data-theme=dark-blue]{--accent: #3b82f6}[data-theme=dark-green]{--accent: #22c55e}[data-theme=dark-purple]{--accent: #a855f7}[data-theme=dark-teal]{--accent: #14b8a6}[data-theme=dark-rose]{--accent: #f43f5e}[data-theme=dark-slate]{--accent: #64748b}[data-theme=dark-carbon]{--accent: #9ca3af}[data-theme=oled],[data-theme=oled-red]{--accent: #e63f39;--bg-primary: #000000;--bg-secondary: #050505;--border: #ffffff18;--button: #0b0b0b;--text-primary: #ffffff;--text-secondary: #999999}[data-theme=oled-blue]{--accent: #3b82f6;--border: #ffffff18}[data-theme=light]{--accent: #e63f39;--bg-primary: #ffffff;--bg-secondary: #f6f6f6;--border: #e0e0e0;--button: #f2f2f2;--text-primary: #111111;--text-secondary: #666666}[data-theme=light-warm]{--accent: #b45309;--bg-primary: #fdf6ee;--bg-secondary: #f6efe6;--border: #e5dccf;--button: #f1e9dd;--text-primary: #1f2937;--text-secondary: #6b7280}[data-theme=light-soft]{--accent: #e63f39;--bg-primary: #fafafa;--bg-secondary: #f0f0f0;--border: #dddddd;--button: #eeeeee;--text-primary: #1a1a1a;--text-secondary: #777777}[data-theme=light-muted]{--accent: #6b7280;--bg-primary: #f5f5f5;--bg-secondary: #ededed;--border: #d4d4d4;--button: #e8e8e8;--text-primary: #262626;--text-secondary: #737373}[data-theme=light-sage]{--accent: #4d7c6f;--bg-primary: #f6faf8;--bg-secondary: #eef5f2;--border: #d8e3dd;--button: #e6f0ea;--text-primary: #1f2937;--text-secondary: #6b7280}.sidebar{width:4rem;padding:.3rem;margin-left:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;align-self:flex-start}.sidebar .bottom{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.sidebar .bottom .buttons{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.8rem;background-color:var(--bg-secondary);padding:.5rem;border-radius:1rem}.sidebar .bottom .buttons .navlink{cursor:pointer;background-color:transparent;border:none;outline:none;width:3rem;aspect-ratio:1/1;border-radius:.8rem;display:grid;place-items:center;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar .bottom .buttons .navlink.active{background-color:var(--accent)}.sidebar .bottom .buttons .navlink.active i{color:var(--bg-secondary)}.sidebar .bottom .buttons .navlink:not(.active):hover{background-color:var(--border)}.sidebar .bottom .buttons .navlink:not(.active):active{scale:.9}.sidebar .bottom .buttons .navlink:not(.active):active i{scale:1.1}.sidebar .bottom .buttons .navlink i{font-size:1rem;color:var(--text-primary);transition:.2s ease-in-out}.sidebar .bottom .settings_button{background-color:var(--bg-secondary);width:3.5rem;aspect-ratio:1/1;display:grid;place-items:center;border-radius:.8rem;text-decoration:none;border:none;outline:none;cursor:pointer;transition:.2s ease-in-out}.sidebar .bottom .settings_button i{color:var(--text-primary);font-size:1.1rem}.topbar{height:5rem;min-height:4.8rem;max-height:5rem;padding:.8rem .5rem .8rem .8rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;flex-shrink:0}.topbar .logo_button{cursor:pointer;background-color:transparent;border:none;outline:none;width:4rem;display:flex;align-items:center;justify-content:center}.topbar .logo_button img{height:2rem;mix-blend-mode:difference}.topbar .left{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:.5rem}.topbar .left .title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;-webkit-user-select:none;user-select:none}.topbar .left .title h1{font-size:1.3rem;color:var(--text-primary);margin-left:1rem}.topbar .left .info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:0rem}.topbar .left .info .version{font-size:.55rem;color:var(--text-secondary);margin-bottom:.2rem}.topbar .left .info .tag{font-size:.45rem;padding:.15rem;color:var(--text-primary);background-color:var(--accent);border-radius:.2rem;text-transform:lowercase;display:none;opacity:.6}.topbar .right{margin-left:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem;padding:.5rem;background-color:#ffffff09;margin-right:.5rem;border-radius:1.2rem}.topbar .right .templates_button{cursor:pointer;background-color:var(--accent);border:none;outline:none;color:var(--bg-primary);font-size:.8rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.3rem;padding:.9rem 1rem;border-radius:.5rem}.topbar .right .templates_button i{font-size:.8rem;color:var(--bg-primary)}.torque_bar{width:5.5rem;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:1rem;gap:1.5rem;background-color:var(--bg-secondary);border-radius:1.5rem;padding:2rem 1rem 1rem;transition:width 0s;position:relative;min-height:30rem;min-width:5.5rem;max-width:5.5rem}.torque_bar span{color:var(--text-primary);font-size:.7rem;text-align:center;opacity:.5;font-weight:400}.torque_bar .bar{width:10px;height:100%;background:var(--border);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.torque_bar .bar .positive,.torque_bar .bar .negative{position:relative;height:50%;width:100%;overflow:hidden}.torque_bar .bar .positive{display:flex;align-items:flex-end}.torque_bar .bar .positive .progress{width:100%;position:relative;overflow:hidden;border-radius:.5rem .5rem 0 0}.torque_bar .bar .positive .progress:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:500px;background:linear-gradient(180deg,#22c55e,#facc15,#ef4444)}.torque_bar .bar .negative{display:flex;align-items:flex-start}.torque_bar .bar .negative .progress{width:100%;position:relative;overflow:hidden;border-radius:0 0 .5rem .5rem}.torque_bar .bar .negative .progress:before{content:"";position:absolute;top:0;left:0;width:100%;height:400px;background:linear-gradient(180deg,#ef4444,#facc15,#22c55e)}