.btnsdiv{position:fixed;left:300px;bottom:32px;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;width:auto;z-index:20}.runbtns{width:120px;height:48px;font-size:22px;font-weight:700;border-radius:12px;border:2px solid #111;outline:none;color:#fff;cursor:pointer;transition:background .2s,transform .1s;box-shadow:none;margin:0;display:flex;align-items:center;justify-content:center}.runbtns:active{transform:translateY(5px)}@keyframes spin{0%{transform:translate(3px) rotate(0)}to{transform:translate(3px) rotate(360deg)}}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:8px;display:none}divc{position:fixed;padding:0%;margin:0%;overflow:auto;height:100vh}.horizontal-holder{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px}k{font-weight:bolder;padding-top:10px;padding-bottom:10px;font-size:25px;width:auto;text-align:left;flex-shrink:0;align-self:right}.darkdiv{position:fixed;bottom:10px;right:10px;width:50px;height:50px;z-index:10;background-color:#80808080;border-radius:15%}.darkdiv:hover{cursor:pointer}.darkdiv:active{transform:translateY(5px)}#bank{position:fixed;padding:50px 0 0;margin:0;background-color:#535353}#board{padding:0;margin:0;background-color:#000}#block_settings{position:fixed;top:100px;left:870px;width:240px;min-height:320px;max-height:70vh;background:#fff;color:#000;border-radius:18px;box-shadow:0 2px 12px #00000012;padding:24px 18px 18px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:15;gap:12px}#block_settings_inner{width:100%;margin-bottom:18px;color:#000}#block_settings_img.icon{position:absolute;right:10px;top:10px}#update.largebtn{width:90%;margin:0 auto;font-size:18px;border-radius:10px;background:#f7f3ff;color:#7c3aed;border:1.5px solid #7c3aed;font-weight:700;box-shadow:none;transition:background .2s,color .2s;cursor:pointer}#update.largebtn:hover{background:#ede9fe;color:#5b21b6}#projectname{height:20px;width:300px;max-width:300px;font-size:24px;margin-top:2px;background-color:#4879da;border:3px solid rgb(0,0,0);border-radius:10px;color:#ffa93a;text-align:center}hr{border:none;height:2px;background-color:#7c3aed33}.textparameter{padding:10px;font-size:14px;max-width:120px;background:#fff;box-shadow:0 2px 12px #00000012;border:1.5px solid #7c3aed;border-radius:20px;color:#7c3aed;text-align:center}.textparameter.locked{background-color:#e1e1e1;color:#000}.arrayinputcontainer{width:100%;align-items:center;display:flex;flex-direction:row}.arrayinput{align-items:center;gap:4px;display:flex;flex-direction:row;padding:4px 4px 4px 12px;flex:1;margin-right:8px;font-size:14px;height:36px;background:#fff;box-shadow:0 2px 12px #00000012;border:1.5px solid #7c3aed;border-radius:20px;text-align:left;overflow-x:auto;overflow-y:hidden}.arrayinput::-webkit-scrollbar{height:8px}.arrayinput::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.arrayinput::-webkit-scrollbar-track{display:none}.arrayinput::-webkit-scrollbar-button{display:none}.arrayelement{position:relative;height:32px;min-width:32px;background-color:#fff;box-shadow:0 2px 12px #00000012;border:1.5px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer}#arrayaddbtn{flex-shrink:0;background:#fff;box-shadow:0 2px 12px #00000012;border:1.5px solid #7c3aed;border-radius:50%;width:48px;height:48px;color:#7c3aed;cursor:pointer}.ArrayInputModal{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ArrayInputField{background:#fff;box-shadow:0 2px 12px #00000012;border:1.5px solid #7c3aed;border-radius:12px;width:80%;color:#7c3aed;cursor:pointer;text-align:center}.ArrayInputSubmit{background:#fff;box-shadow:0 2px 12px #00000012;border:1.5px solid #7c3aed;border-radius:8px;height:48px;color:#7c3aed;cursor:pointer;transition:background .2s,color .2s}.ArrayInputSubmit:hover{background:#ede9fe;color:#5b21b6}.ArrayInputText{color:#7c3aed}select{padding:10px;font-size:14px;width:160px;background-color:#b4b4b4;border:3px solid black;border-radius:50px;margin-bottom:10px;color:#fff;text-align:center}.largebtn{margin:10%;width:80%;padding:10px;font-size:24px;background-color:light-dark(rgb(150,150,150),rgb(76,76,76));border:1px solid light-dark(rgb(150,150,150),rgb(76,76,76));box-shadow:3px 3px 8px light-dark(rgb(130,130,130)rgb(58,58,58));border-radius:10px;transition:.3s}.largebtn:hover{background-color:light-dark(rgb(170,170,170),rgb(94,94,94));color:light-dark(black,white)}.largebtn:active{transform:translateY(6px);background-color:light-dark(rgb(150,150,150),rgb(76,76,76));color:light-dark(black,white)}output{padding-left:1%;padding-right:1%}h3{margin-bottom:8px}#run{background:#a259e6}#run:hover{background:#7c3aed}#save{background:#10b981}#save:hover{background:#059669}#clear{background:#e5e7eb;color:#222}#clear:hover{background:#9ca3af}#Run-Text,#Save-Text{font-weight:700;font-size:22px}.locked{background-color:#3d5a4d}.locked:hover{background-color:#700000;color:#000}.icon{background-color:light-dark(rgb(200,200,200),rgb(0,115,255));color:light-dark(rgb(0,115,255),white);border:0px;border-radius:100%;width:30px;height:30px;margin:10px;cursor:pointer;right:5px;top:5px;position:absolute}.icon_x{width:25px;height:25px;cursor:pointer;position:absolute;margin:10px auto}.modal-content{color:#000;direction:rtl}.nav-left{left:0;margin-left:20px;margin-right:20%;display:flex;justify-content:flex-start}.nav-center{left:20%;display:flex;justify-content:center;top:0}.nav-right{position:absolute;right:0%;display:flex;justify-content:end;margin-left:auto}#uploadDataset{direction:ltr;position:fixed;right:250px;top:280px;min-height:100px;width:240px;padding:10px 20px 20px;margin:0;background-color:#323232;color:#fff;text-align:center;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:20px}#lesson-explination{border:2px solid gray;direction:rtl;position:fixed;left:20px;bottom:60px;min-height:100px;width:240px;padding:10px 20px 20px;margin:0;background-color:light-dark(#3b8be13b,#cf4dc62f);border:2px solid light-dark(#3b8ce1,#ce87d6);color:light-dark(black,white);text-align:center;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}.mission-holder{position:absolute;display:flex;flex-direction:column;flex-flow:column-reverse;align-items:center;gap:10px;bottom:30px;left:20px;height:100%;width:300px}#mission-explination{box-sizing:border-box;direction:rtl;min-height:100px;width:290px;padding:10px 20px 20px;margin:0;background-color:light-dark(#3b8be13b,#cf4dc62f);border:2px solid light-dark(#3b8ce1,#ce87d6);color:light-dark(black,white);text-align:center;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}#mission-hints{box-sizing:border-box;direction:ltr;min-height:100px;width:290px;padding:10px 20px 20px;margin:0;background-color:light-dark(#3b8be13b,#cf4dc62f);border:2px solid light-dark(#3b8ce1,#ce87d6);color:light-dark(black,white);text-align:center;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:20px}#hint-input{margin:5%;border:5%;width:85%;padding:5px;font-size:10px;border:1px solid light-dark(#2f6eb1,#96629c);background-color:light-dark(#24568a3b,#782e732f);border-radius:10px}#next,#back{margin:5%;border:5%;width:30%;padding:5px;font-size:10px;color:light-dark(black,white);border-radius:10px;transition:.3s}#next{background-color:light-dark(#ffd700,#d6b600);border:2px solid #c5a700}.grayed{background-color:gray!important;border:rgb(85,85,85)!important}.grayed:hover{background-color:#555!important}.grayed:active{background-color:#555!important;transform:translateY(0)}.normal{margin:5%;border:5%;width:30%;padding:5px;font-size:10px;color:#000;border-radius:10px;transition:.3s}#next:hover{background-color:#be9614;color:#fff}.normal:active{transform:translateY(10px);background-color:#be9614;color:#fff}#back{border:2px solid light-dark(#2f6eb1,#96629c);background-color:light-dark(#419bfc,#ae5cf0)}#back:hover{background-color:light-dark(#3277c1,#8a49bf)}#finish{position:relative;margin:5%;width:30%;padding:5px;font-size:10px;background-color:gold;border:3px solid black;border-radius:10px;right:0;top:53px}#finish:hover{background-color:#be9114;color:#fff}#finish:active{transform:translateY(10px);background-color:#be9114;color:#fff}.smallbtn{align-self:center;width:80%;height:100%;background-color:#419bfc;color:#000;border:0px;border-radius:10px;transition:.3s}.smallbtn:hover{background-color:#3277c1}.smallbtn:active{background-color:#6b6b6b}#project_settings{width:50px;height:50px}.sidebar-right{position:fixed;top:80px;right:30px;width:320px;height:calc(100vh - 100px);display:flex;flex-direction:column;gap:24px;z-index:10}.sidebar-section{background:#fff;border-radius:18px;box-shadow:0 2px 12px #00000012;padding:22px 20px 18px;margin-bottom:0;min-height:90px;display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1}.sidebar-title{font-size:20px;font-weight:700;color:#7c3aed;margin-bottom:10px;letter-spacing:.5px}.sidebar-content{font-size:16px;color:#222;word-break:break-word}.output-section{background:#f7f3ff;border-left:5px solid #7c3aed}.performance-section{background:#f7f3ff;border-left:5px solid #f59e42}.model-details-section{background:#f7f3ff;border-left:5px solid #10b981}
