#communityStudio[hidden],#customCoursePlayer[hidden]{display:none!important}
#communityStudio{position:fixed;inset:3vh 4vw;z-index:90;background:linear-gradient(125deg,#142832,#091b22);border:2px solid #698489;box-shadow:0 18px 100px #000d,inset 0 0 0 5px #213d45;color:#e2e7db;display:flex;flex-direction:column;padding:18px}
#communityStudio header{position:static;display:flex;justify-content:space-between;padding:0 0 12px;background:transparent}
#communityStudio nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #536b70;padding-bottom:12px}
#communityStudio>nav button{width:auto;min-width:96px;min-height:36px;flex:0 0 auto;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
#communityStudio>div{overflow:auto;padding:14px 18px;flex:1;min-height:0}
#communityStudio label{display:block;margin-top:10px;color:#a6bdc2;font-size:13px}
#communityStudio input:not([type=checkbox]),#communityStudio textarea,#communityStudio select{display:block;width:min(760px,95%);padding:10px;background:#07181e;color:#e3e8da;border:1px solid #5e777a;margin:5px 0 12px}
#communityStudio button,#customCoursePlayer button{background:linear-gradient(#2e4851,#142b32);color:#ebdfbe;border:1px solid #71868a;border-radius:2px;padding:9px 13px;margin:4px;box-shadow:inset 0 0 0 2px #142831}
#communityStudio button:hover,#customCoursePlayer button:hover{border-color:#f1c87e;color:#fff}
#communityStudio section{border:1px solid #47646c;padding:12px;margin:10px 0}
#communityStudio output{padding:10px;border-top:1px solid #5a757c;color:#e6c887;min-height:40px}
#communityStudio.has-preview>div{padding-right:48%}
#communityStudio .studio-preview-dock{position:absolute;top:150px;right:24px;bottom:90px;width:43%;overflow:auto;background:#0a1c24;border:1px solid #54727a;padding:16px}
#communityStudio .studio-preview-dock .studio-board{width:100%;max-height:65vh}
#communityStudio .studio-item{display:block;text-align:left;width:95%}
.studio-board{display:block;max-width:850px;width:100%;max-height:480px;border:1px solid #829c9e;background:#7c8b89;margin:12px 0}
.studio-animate path{stroke-dasharray:1800;animation:studio-wire 3s ease both}.studio-animate rect:not(:first-child){animation:studio-part .8s ease both}
@keyframes studio-wire{from{stroke-dashoffset:1800}to{stroke-dashoffset:0}}@keyframes studio-part{from{opacity:0;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}
#customCoursePlayer{position:fixed;left:100px;bottom:24px;width:390px;z-index:45;background:#102630ed;border:1px solid #c7a669;padding:16px;color:#e9e9d8;box-shadow:0 10px 40px #0008;max-height:50vh;overflow:auto}