:root{--lm-bg:#faf8f8;--lm-bg-trans:#faf8f880;--lm-bg-accent:#ececef;--lm-accent:#cbcdd2;--lm-secondary:#969ba8;--lm-tertiary:#525260;--lm-quaternary:#2f2f3d;--lm-text:#11171f;--dm-bg:#000;--dm-bg-trans:#00000080;--dm-bg-accent:#111;--dm-accent:#292929;--dm-secondary:#4a4a4a;--dm-tertiary:#9d9d9d;--dm-quaternary:#d2d2d2;--dm-text:#fff;--bg:var(--lm-bg);--bg-trans:var(--lm-bg-trans);--bg-accent:var(--lm-bg-accent);--text:var(--lm-text);--accent:var(--lm-accent);--secondary:var(--lm-secondary);--tertiary:var(--lm-tertiary);--quarternary:var(--lm-quaternary);--primary:#5b83ce;--header-font:"Lexend Giga",sans-serif;--body-font:"Inter",sans-serif}body.dark{--bg:var(--dm-bg);--bg-trans:var(--dm-bg-trans);--bg-accent:var(--dm-bg-accent);--text:var(--dm-text);--accent:var(--dm-accent);--secondary:var(--dm-secondary);--tertiary:var(--dm-tertiary);--quarternary:var(--dm-quaternary)}*{transition:background-color .1s,color .1s,border .1s}@font-face{font-family:Lexend Giga;font-weight:100 900;font-stretch:100%;font-style:normal;src:url(/fonts/lexend-giga.woff2)format("woff2-variations")}@font-face{font-family:Inter;font-weight:100 900;font-stretch:100%;font-style:normal;src:url(/fonts/inter.woff2)format("woff2-variations")}html{scroll-behavior:smooth;scrollbar-color:var(--tertiary)#0000;scrollbar-width:thin;overflow:hidden}body{font-family:var(--body-font);background:var(--bg);color:var(--text);flex-direction:column;margin:0;padding:0;font-size:.85rem;display:flex}::selection{background-color:var(--text);color:var(--bg)}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#app{flex-direction:column;width:100vw;height:100vh;display:flex}#content{box-sizing:border-box;flex-direction:row;gap:1rem;width:100%;height:100%;padding:1rem;display:flex;overflow:hidden}#left-container{flex-direction:column;gap:1rem;width:55rem;height:100%;transition:margin-left .2s ease-in-out;display:flex;overflow:hidden}#control-panels{background-color:var(--bg-accent);border:1px solid var(--accent);box-sizing:border-box;scrollbar-width:none;border-radius:.5rem;flex-direction:column;gap:2rem;width:100%;height:100%;max-height:100%;padding:0 1rem 1rem;display:flex;overflow-y:auto}#right-container{box-sizing:border-box;border:1px solid var(--accent);background-size:1rem 1rem;background-image:linear-gradient(to right,var(--bg-accent)1px,transparent 1px),linear-gradient(to bottom,var(--bg-accent)1px,transparent 1px);background-position:50%;border-radius:.5rem;flex-direction:column;gap:1rem;width:100%;display:flex}#folders{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.radio-list{flex-direction:column;gap:.5rem;display:flex}.hidden{display:none}.header{box-sizing:border-box;border:1px solid var(--accent);background-size:2rem 2rem;background-image:linear-gradient(to right,var(--bg-accent)1px,transparent 1px),linear-gradient(to bottom,var(--bg-accent)1px,transparent 1px);width:100%;height:34rem;box-shadow:var(--bg-accent)0 0 4rem 0;background-position:50%;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex}.header-title{text-align:center;font-family:var(--body-font);color:var(--quaternary);flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0 2rem;font-size:4rem;font-weight:600;display:flex}#small-folders{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;display:flex}#hidden-folders{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;display:none}button,input[type=button],input[type=submit]{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--primary);color:var(--bg);font-family:var(--body-font);border:none;border-radius:.5rem;padding:.5rem 1rem;transition:background-color .1s,color .1s,border .1s}input[type=file]::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--primary);color:var(--bg);font-family:var(--body-font);border:none;border-radius:.5rem;padding:.5rem 1rem;transition:background-color .1s,color .1s,border .1s}input[type=text],input[type=number]{border:1px solid var(--secondary);background-color:var(--accent);color:var(--text);font-family:var(--body-font);border-radius:.5rem;padding:.5rem 1rem;transition:background-color .1s,color .1s,border .1s}input[type=text]:hover,input[type=number]:hover{border:1px solid var(--primary)}input[type=text]:focus,input[type=number]:focus{border:1px solid var(--primary);outline:2px solid var(--primary)}select{background-color:var(--accent);color:var(--text);font-family:var(--body-font);cursor:pointer;-webkit-user-select:none;user-select:none}.sun,.dark .moon{display:none}.dark .sun{display:block}a,a:visited{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}a:active{color:var(--quarternary)}