*{box-sizing:border-box}html,body{background:#f1f1f1;height:100%;margin:0;overflow:hidden}body,button,input,select,textarea{color:#222;font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-size:12px}#studio{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:fixed;inset:0}img.ic{pointer-events:none;display:block}.disabled{pointer-events:none;color:#a0a0a0!important}.disabled img{filter:grayscale();opacity:.45}.tabrow{background:#f3f3f3;flex:none;align-items:flex-end;height:27px;padding-left:8px;display:flex}.filebtn{letter-spacing:.2px;cursor:default;align-items:center;height:27px;padding:0 14px 0 12px;font-size:11.5px;font-weight:600;display:flex}.filebtn:hover,.filebtn.open{background:#e2e2e2}.quick{align-items:center;gap:2px;height:27px;margin-right:12px;display:flex}.quick .q{border:1px solid #0000;place-items:center;width:22px;height:22px;display:grid}.quick .q:hover{background:#e8e8e8;border-color:#d0d0d0}.quick .q img{width:16px;height:16px}.quick .more{color:#6b8bd6;place-items:center;width:10px;font-size:9px;display:grid}.tab{letter-spacing:.3px;cursor:default;border:1px solid #0000;border-bottom:0;align-items:center;height:26px;padding:0 14px;font-size:11.5px;display:flex}.tab:hover{background:#fafafa}.tab.on{color:#4a72c9;background:#fff;border-color:#dadbdc;height:27px;position:relative;top:1px}.tabrow .spacer{flex:1}.tabrow .corner{align-items:center;gap:8px;height:27px;padding-right:10px;display:flex}.tabrow .corner img{width:16px;height:16px}.ribbon{background:#fff;border-top:1px solid #dadbdc;border-bottom:1px solid #dadbdc;flex:none;height:98px;padding:2px 0 0 4px;display:flex}.ribbon.min{display:none}.group{border-right:1px solid #d5d5d5;flex-direction:column;padding:0 4px;display:flex;position:relative}.group .body{flex:1;align-items:flex-start;gap:1px;display:flex}.group .label{text-align:center;color:#333;height:20px;font-size:12px;line-height:18px}.group .opt{border-bottom:1px solid #6b8bd6;border-right:1px solid #6b8bd6;width:9px;height:9px;position:absolute;bottom:5px;right:3px}.big{cursor:default;border:1px solid #0000;flex-direction:column;align-items:center;min-width:40px;height:70px;padding:2px 3px 0;display:flex}.big img{width:32px;height:32px;margin:1px 0 3px}.big .t{white-space:nowrap;font-size:12.5px;line-height:15px}.big .dd{color:#6b8bd6;margin-top:2px;font-size:8px;line-height:9px}.big:hover,.small:hover{background:#ececec;border-color:#d6d6d6}.big.on,.small.on{background:#dbdbdb;border-color:#c4c4c4}.col{flex-direction:column;gap:0;padding-top:1px;display:flex}.small{white-space:nowrap;cursor:default;border:1px solid #0000;align-items:center;gap:4px;height:22px;padding:0 5px 0 3px;font-size:12.5px;display:flex}.small img{width:16px;height:16px}.small .dd{color:#6b8bd6;font-size:8px}.small .box{background:#fff;border:1px solid #8a8a8a;width:13px;height:13px}.small.checked .box:after{content:"";border-bottom:2px solid #333;border-left:2px solid #333;width:7px;height:4px;margin:2px 0 0 2px;display:block;transform:rotate(-45deg)}.small .radio{background:#fff;border:1px solid #8a8a8a;border-radius:50%;width:12px;height:12px}.small.checked .radio:after{content:"";background:#333;border-radius:50%;width:6px;height:6px;margin:2px;display:block}.menu{z-index:50;background:#fff;border:1px solid #a7a7a7;min-width:150px;max-height:calc(100vh - 140px);padding:2px 0;position:fixed;overflow-y:auto;box-shadow:2px 3px 6px #00000038}.menu .mi{white-space:nowrap;cursor:default;align-items:center;gap:8px;height:24px;padding:0 22px 0 6px;font-size:12.5px;display:flex}.menu .mi img{width:16px;height:16px}.menu .mi.big32{height:38px}.menu .mi.big32 img{width:32px;height:32px}.menu .mi:hover{background:#cde3f8}.menu .mi.off{color:#a5a5a5;pointer-events:none}.menu .mi .key{color:#777;margin-left:auto;padding-left:24px}.menu .sep{background:#e0e0e0;height:1px;margin:3px 4px}.menu.file{min-width:260px;padding:4px 0}.menu.file .mi{height:30px;padding-left:10px;font-size:13px}.palette{grid-template-columns:repeat(16,15px);gap:2px;padding:6px;display:grid}.palette .sw{border:1px solid #00000040;width:15px;height:15px}.palette .sw:hover{outline-offset:0;outline:2px solid #3a8ee6}.palette-name{color:#444;height:20px;padding:0 6px 6px}.main{flex:1;min-height:0;padding-top:3px;display:flex}.dockcol{flex-direction:column;flex:none;min-height:0;display:flex}.dockcol.left{width:300px}.dockcol.right{width:295px}.dockcol.hidden,.panel.hidden{display:none}.panel{background:#fff;border:1px solid #c8c8c8;flex-direction:column;flex:1 1 0;min-height:0;margin:0 3px 3px;display:flex}.panel .hd{color:#111;background:#d0d0d0;flex:none;justify-content:center;align-items:center;height:21px;font-size:12.5px;display:flex;position:relative}.panel .hd .btns{color:#111;gap:6px;font-size:12px;display:flex;position:absolute;top:3px;right:5px}.panel .hd .btns span{cursor:default;text-align:center;width:12px}.panel .bd{flex:1;min-height:0;position:relative;overflow:auto}.filter{color:#333;border:1px solid #c8c8c8;outline:none;width:calc(100% - 6px);height:22px;margin:3px;padding:0 4px}.filter::placeholder{color:#8f8f8f}.center{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.doctabs{background:#c4c4c4;flex:none;height:21px;display:flex}.doctab{background:#fff;align-items:center;gap:8px;padding:0 6px 0 8px;font-size:12.5px;display:flex}.doctab .x{color:#fff;text-align:center;background:#e05a3d;border:1px solid #b33;width:14px;height:14px;font-size:10px;line-height:13px}.viewport{background:#8fb9e0;border:1px solid #a9a9a9;flex:1;min-height:0;position:relative;overflow:hidden}.viewport canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewport iframe.play{z-index:3;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.output{flex:none;height:150px;margin:3px 0 0}.output .bd{-webkit-user-select:text;user-select:text;padding:2px 4px;font-family:Consolas,Courier New,monospace;font-size:12px}.output .line.warn{color:#e98d00}.output .line.err{color:#d60000}.output .line.info{color:#0b56c7}.cmdbar{background:#fff;border-top:1px solid #dadbdc;flex:none;align-items:center;gap:6px;height:26px;padding:0 4px;display:flex}.cmdbar:before{content:"";border-left:2px dotted #555;width:2px;height:12px}.cmdbar input{border:1px solid #c8c8c8;outline:none;flex:1;height:20px;padding:0 4px}.cmdbar input::placeholder{color:#8f8f8f}.statusbar{color:#555;background:#f1f1f1;flex:none;height:18px;padding:0 8px;font-size:11px;line-height:18px}.tree{padding:2px 0}.row{white-space:nowrap;cursor:default;align-items:center;height:18px;padding-right:6px;display:flex}.row .chev{color:#555;flex:none;place-items:center;width:16px;height:18px;font-size:10px;display:grid}.row .ci{background:url(/content/studio/images/ClassImages.PNG) no-repeat;flex:none;width:16px;height:16px;margin-right:5px}.row .nm{font-size:12.5px}.row:hover{background:#e5f1fb}.row.sel{background:#cce8ff}.row.drop{outline-offset:-1px;outline:1px solid #3a8ee6}.row input.rename{border:1px solid #3a8ee6;width:150px;height:17px;padding:0 2px;font-size:12.5px}.props{font-size:12.5px}.props .cat{background:#e4e4e4;border-bottom:1px solid #fff;align-items:center;gap:4px;height:19px;padding-left:3px;font-weight:600;display:flex}.props .cat .chev{color:#444;text-align:center;width:12px;font-size:9px}.props .pr{border-bottom:1px solid #eee;height:19px;display:flex}.props .pr .k{text-overflow:ellipsis;border-right:1px solid #e4e4e4;align-items:center;width:45%;padding-left:16px;display:flex;overflow:hidden}.props .pr .v{flex:1;align-items:center;gap:5px;padding:0 4px;display:flex;overflow:hidden}.props .pr.ro .v{color:#888}.props .pr input[type=text]{background:0 0;border:0;outline:none;width:100%;height:17px;padding:0}.props .pr input[type=text]:focus{background:#fff;outline:1px solid #3a8ee6}.props .pr select{background:0 0;border:0;outline:none;width:100%;height:17px;padding:0}.props .pr input[type=checkbox]{margin:0}.props .sw{border:1px solid #555;flex:none;width:13px;height:13px}.props .empty{color:#8f8f8f;padding:6px}.modal-back{z-index:60;background:#00000040;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:#f0f0f0;border:1px solid #8a8a8a;min-width:380px;box-shadow:0 4px 18px #00000059}.dialog .dt{background:#fff;border-bottom:1px solid #dadbdc;align-items:center;height:28px;padding:0 10px;font-size:13px;display:flex}.dialog .db{flex-direction:column;gap:8px;padding:12px;font-size:12.5px;display:flex}.dialog .db input[type=text]{border:1px solid #b5b5b5;width:100%;height:23px;padding:0 5px}.dialog .list{background:#fff;border:1px solid #c8c8c8;max-height:240px;overflow:auto}.dialog .list .li{cursor:default;align-items:center;gap:8px;height:24px;padding:0 8px;display:flex}.dialog .list .li:hover{background:#e5f1fb}.dialog .list .li.sel{background:#cce8ff}.dialog .list .li .when{color:#888;margin-left:auto;font-size:11.5px}.dialog .df{justify-content:flex-end;gap:6px;padding:0 12px 12px;display:flex}.dialog button{background:#e1e1e1;border:1px solid #adadad;min-width:76px;height:24px}.dialog button:hover{background:#e5f1fb;border-color:#0078d7}.dialog button.def{border-color:#0078d7}.dialog .err{color:#c00;min-height:16px}.nodevice{text-align:center;background:#fff;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.nodevice>div{width:100%;max-width:360px}.nodevice h2{margin:0 0 8px;font-size:22px;font-weight:400}.nodevice p{color:#555;margin:0 0 16px;font-size:15px}.nodevice a{color:#0b56c7;font-size:15px}.objects .objlist{padding:2px 0}.objects .row{padding-left:6px}.objects .selins{border-top:1px solid #e4e4e4;flex:none;align-items:center;gap:5px;height:24px;padding:0 6px;font-size:12.5px;display:flex}.objects .selins input{margin:0}.big.reduced{padding:2px 6px 0}.menu.grouppop{min-width:0;padding:2px 0 0}.menu.grouppop .group{border-right:0}.menu .mi .ci{background:url(/content/studio/images/ClassImages.PNG) no-repeat;flex:none;width:16px;height:16px}.menu.sub{max-height:calc(100vh - 8px)}.toolbox .bd{overflow:hidden}.toolbox-frame{background:#fff;border:0;width:100%;height:100%;display:block}
