.canvas-master-container{display:flex;position:relative}.canvas-inner-container{height:100%;padding:2rem;width:100%}.zoom-container{align-items:center;bottom:1rem;display:flex;gap:3px;left:50%;position:absolute;transform:translate(-50%);z-index:999}.zoom-btn{background-color:#ff0;background-size:cover;border:1px solid #ff0;height:40px;padding:.25rem;width:40px}.zoom-amount{background-color:#000;border-radius:4px;color:#ff0;font-weight:700;padding:.5rem .75rem}canvas{left:50%;max-height:calc(100% - 4rem);max-width:calc(100% - 4rem);position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--zoom));transition:all .2s ease-out}.splash-screen{align-items:center;animation:fadeIn 1.5s ease-out forwards;height:100%;justify-content:center;padding:1rem;position:relative}.logo-splash{width:70%}.splash-inner img{background-color:#fff;border:1px solid #fff;width:30px}.splash-inner{align-items:center;font-size:18px;font-weight:500;justify-content:center}.cmj-logo{bottom:1rem;position:absolute;right:1rem;width:60px}@media screen and (max-width:920px){.canvas-master-container{border-image:url(/static/media/mobile_frame.325a78d58ef1bab61cdf.svg);border-image-outset:.25rem;border-image-slice:30% fill;border-image-width:80px 80px}.canvas-inner-container{min-height:300px}.zoom-btn{height:30px;width:30px}.zoom-amount{font-size:12px;font-weight:700;padding:.25rem .5rem}.splash-screen{border-radius:5px;gap:.25rem}.splash-screen h2{color:#000;font-size:16px}.splash-inner{font-size:12px;width:70%}.cmj-logo{width:40px}}.form-error{background-color:#991c1c;border:2px solid #000;border-radius:5px;color:#fff;font-family:ArchivoBold,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;left:50%;padding:.5rem;position:absolute;text-align:center;top:5px;transform:translate(-50%);width:50%}.colorpicker-container{transition:all 1s ease-out}.colorpicker{background-color:initial;display:block;width:100%}.colorpicker-swatch{border:1px solid #000;height:20px;width:20px}.colorpicker-option:before{background-color:var(--color);border:1px solid #000;content:"OK";height:200px;left:0;top:0;width:200px}.preview-title{margin-top:.5rem}td:nth-child(odd){background-color:#0000001a;padding:2px 4px}.error-msg{background-color:red;color:#fff;padding:.2rem;position:absolute}.box{border-radius:3px;margin-left:2px}.slider-container{--size:15px;grid-gap:.35rem;align-items:center;display:grid;gap:.35rem;grid-template-areas:"lbl lbl" "slider box";grid-template-columns:83% 1fr;grid-template-rows:auto auto}.slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;border:2px solid dimgray;border-radius:10px;grid-area:slider;height:10px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:var(--size);width:var(--size)}.slider::-moz-range-thumb{background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:var(--size);width:var(--size)}.slider-label{border-radius:5px;grid-area:lbl}.slider-box{grid-area:box;text-align:center}.delete-prompt-container{padding:.25rem;width:100%}.delete-btn-container{align-items:center;display:grid;grid-template-columns:1fr min-content;padding:.75rem}.delete-btn{aspect-ratio:1/1;color:#fff;width:40px}.prompt-container{display:flex;flex-flow:row wrap;gap:.25rem;justify-content:center;width:100%}.prompt-container h4{margin:0;text-align:center;width:100%}h4{margin:.25rem 0}.textcontrol-container{display:flex;gap:.5rem;padding:1rem .25rem .25rem}.control-main-container{background-color:#fff;border:3px ridge #6f6f70;border-radius:8px;position:relative}.control-header{display:grid;grid-template-columns:1fr 35px;min-height:35px;padding:.45rem;width:100%}.control-toggle{background-color:#dfdddd;padding:.15rem}.object-text{font-size:20px;font-weight:500;font-weight:600;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.textcontrol-container-parent{max-height:min-content;max-height:var(--height);overflow:hidden;transition:all .3s ease-out}.textcontrol-container-parent:not(.active){max-height:0}.textcontrol-container{padding:1rem;position:relative}.item-container{display:inline-block;position:relative;z-index:99}.item-button{background-color:#f0f0f0;background-image:var(--bg);background-size:contain;border:1px solid #b4b5a6;box-shadow:1px 1px 6px #323232;cursor:pointer;height:50px;position:relative;width:50px}.item-child-container{left:0;width:300px}.item-child-container-centered{left:0;transform:translateX(-50%);width:clamp(200px,300px,600px)}.item-child-container,.item-child-container-centered{filter:drop-shadow(0 0 8px rgba(0,0,0,.5));overflow:hidden;position:absolute;transition:all .15s ease-out;z-index:9999}@media screen and (max-width:920px){.item-container{position:static}.item-child-container{left:50%;transform:translate(-50%);width:95%}.item-button{height:30px;width:30px}}.fileviewer-container{background:#000;border-radius:10px;color:#fff;padding:.75rem;position:relative}.preview-image-container{margin:1rem 55px}.preview-header-text{color:#ff0;margin-top:0}.preview-image{max-height:200px;max-width:100%}.button-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:30% 1fr}td:nth-child(odd){background-color:#ffffff40;padding:3px 8px;text-align:center}.object-props{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-container{display:flex;flex-flow:row wrap;gap:.5rem;overflow:hidden;width:100%}.toggle-inner-container{transition:all .2s ease-out;width:100%}.toggle-btn{cursor:pointer;height:30px;position:absolute;right:1rem;top:1rem;width:30px}.concrete{background-image:url(/static/media/concrete.1157d88ea198ad5ac61b.png)}.concrete,.plastic{background-repeat:repeat}.plastic{background-image:url(/static/media/plastic.63f438f4398243949f27.png);background-image:linear-gradient(#fff3,#0000000d),url(/static/media/plastic.63f438f4398243949f27.png)}.main-container{grid-gap:.25rem;--rad:15px;display:grid;gap:.25rem;grid-template-areas:"tools aside" "canvas aside";grid-template-columns:1fr 300px;grid-template-rows:min-content 1fr;margin:0 auto;max-width:1500px;min-height:calc(100vh - 2rem);padding:1rem;perspective:800px}.main-container:after{background:linear-gradient(#000,#0000001a),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAIAAAD/gAIDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjVJREFUeNrs2jFqVFEYQOF5Z4ITFBKIKLFLLxbJPuyCRbaQypVYKbgBi5DOFdi4AbFNldLGhBRBgt7Cxvg0Z+qc287PXO4HD+6cedPGarX4a21vTR9Pt148Xy7c+n7x8+XhxZevN4t11ts3j45erfz8h5Pr49dXa20xjjAOMo4j58cRxkHGcWY/JSkpNYOV1H9mSEpK/YGV1J2TJCWlfmMlJedJym8xff70NCmzxpdPl9+eJWWkxhYkJaXGRiQlpeZ/7iT1r7snSUmpO7CSunVPICnfXUjKdxeS8t2FpHx3ISnfXUjKdxeS8t2FpHyhIilfqKb9g4dJyZowzf7JmtTsjYqkfHchKd9dSMp3F5Ly3YWkfHchKd9dSMp3F5Ly3YWkfHchKd9dSMp3F5Ly3YWkfKEiKV+oSMpvMb1/t5OUxfIvs91zqfH8kZTvLiTluwtJ+e5CUr67kJTvLiTluwtJ+e5CUr67kJTvLiTluwtJ+e5CUr67kJQvVCTlC9Vyb+9BUrZnrfsy272VGs8fSfnuQlK+u5CU7y4k5bsLSfnuQlK+u5CU7y4k5bsLSfnuQlK+u5CU7y4k5bsLSflCRVK+UJGUnyepNeLf+dluUrImkJTvLiTluwtJ+e5CUr67kJTvLiTluwtJ+e5CUr67kJTvLiTluwtJ+e5CUr67kJTvLiTlCxVJ+e4yPX6ymZSsCcsfN8ukZE0gKd9dSMp3F5Ly3YWkfHchKd9dSMp3F5Ly3eWXAAMAnlRbIiH1C+MAAAAASUVORK5CYII=);background-repeat:repeat;bottom:0;content:"";filter:drop-shadow(0 1px 20px black);height:300px;left:0;position:absolute;transform:rotateX(var(--floorTilt));transform-origin:center;width:100%;z-index:-1}.main-container>*{border-radius:3px;box-shadow:0 1px 8px #000}.power-inset{background-image:url(/static/media/power_inset.5187a03fdb7457be5501.png);background-repeat:no-repeat;background-size:contain}.canvas-container{background-color:#808285;border-bottom-left-radius:var(--rad);display:grid;grid-area:canvas;grid-template-columns:30px 1fr;padding:.5rem 1rem 2rem .5rem}.tools-container{align-items:center;background-color:#ccc;border-top-left-radius:var(--rad);grid-area:tools;justify-content:right;padding:.8rem;position:relative}.tools-logo{margin-right:auto;width:200px}.info-container{margin:.5rem 0}.footer{border-bottom-left-radius:var(--rad);grid-area:footer}.details-container,.footer{background-color:#ccc;border-bottom-right-radius:var(--rad);padding:.5rem}.details-container{border-top-right-radius:var(--rad);display:flex;flex-direction:column;gap:.5rem;grid-area:aside;height:100%;overflow-y:auto}.tv-screened{background-color:#f8f8ff;border-image:url(/static/media/screen.39e49b10b773ca380383.svg);border-image-outset:.25rem;border-image-slice:30% fill;border-image-width:80px 80px}@media screen and (max-width:920px){.main-container{--gutter:10px;gap:1px;grid-template-areas:"tools" "canvas" "aside" "info";grid-template-columns:1fr;grid-template-rows:min-content min-content 1fr;margin:0;max-width:100%;padding:10px;width:1fr}.main-container>*{border-radius:0;box-shadow:none}.main-container:after{content:"";display:none}.tools-container{border-top-left-radius:var(--rad);border-top-right-radius:var(--rad);gap:.5rem;padding:.65rem}.tools-container:after{top:.5rem;width:150px}.tools-logo{width:130px}.canvas-container{grid-template-columns:0 1fr;padding:.5rem}.details-container{border-bottom-left-radius:var(--rad);border-bottom-right-radius:var(--rad);height:100%}}@font-face{font-family:Impact;src:url(/static/media/Impact.0294f8285a2493417c09.ttf)}@font-face{font-family:Pixeled;src:url(/static/media/Pixeled.0466f3371bc9b28affef.ttf)}@font-face{font-family:Army;src:url(/static/media/ArmyRust.bf03b1426414d132c20c.ttf)}@font-face{font-family:Typewriter;src:url(/static/media/Typewriter.0eefcab8c0a845266812.ttf)}@font-face{font-family:Ethnocentric;src:url(/static/media/Ethnocentric.6a50b7ff66308231276b.otf)}@font-face{font-family:Groovy;src:url(/static/media/Groovy.691b4ef0e8996f89a639.ttf)}@font-face{font-family:SevenSegment;src:url(/static/media/SevenSegment.3ee4f8118d9db6b61456.ttf)}@font-face{font-family:Western;src:url(/static/media/Western.86cd7d7a7ab1d5a556af.ttf)}@font-face{font-family:OldEnglish;src:url(/static/media/OldEnglish.a67214b49bb04c352ce8.ttf)}@font-face{font-family:Starlight;src:url(/static/media/Starlight.6ed73d5b6f2da4bd3d73.ttf)}@font-face{font-family:Homework;src:url(/static/media/Homework.8fcfddf185b04de293f3.ttf)}@font-face{font-family:RoadRage;src:url(/static/media/RoadRage.03e8327bbbb7b1abbae9.otf)}@font-face{font-family:Roboto;src:url(/static/media/Roboto_Flex.f700cdc3d6dd6bdaebd3.ttf)}@font-face{font-family:Archivo;src:url(/static/media/Archivo_Condensed-Medium.e2deead0dcacddd8c71a.ttf)}@font-face{font-family:Archivomed;src:url(/static/media/Archivo-Medium.d09c9538fdf2f3ec56db.ttf)}@font-face{font-family:ArchivoBold;src:url(/static/media/Archivo_SemiCondensedBold.9f886fee22eb546f5ac8.ttf)}@font-face{font-family:Tomorrow;src:url(/static/media/Tomorrow-SemiBold.ce153f1a0670e9ca1004.ttf)}.help-chunk{background-color:#f0f0f0;border-radius:10px;padding:10px}.help-chunk:not(:last-of-type){margin-bottom:10px}.help-chunk img{float:left;margin:0 8px 3px 0;width:20%}*{box-sizing:border-box}body{--mainCol:#ff0;--floorTilt:45deg;background-image:url(/static/media/concrete.1157d88ea198ad5ac61b.png);font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow-x:hidden;padding:0}body,body:after{background-image:linear-gradient(#000000e6,#0000001a),url(/static/media/concrete.1157d88ea198ad5ac61b.png);background-repeat:repeat;width:100%}body:after{bottom:-130px;content:"";height:500px;left:0;position:absolute;transform:rotateX(var(--floorTilt));transform-origin:center;z-index:-2}@media screen and (max-width:920px){body:after{display:none}}h1,h2,h3,h4,h5,h6{margin:.5rem 0}label{font-family:Archivo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.cursor-pointer{cursor:pointer}input,select,textarea{border:2px solid dimgray;box-sizing:border-box;display:block;font-family:ArchivoBold,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;margin-top:1px;padding:.1rem;width:100%}input:focus,select:focus,textarea:focus{outline:none}textarea{min-height:50px;resize:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.flex-list,.flex-row{display:flex;gap:.75rem}.flex-list{flex-direction:column}.flex-row{flex-direction:row}.form-list{background-color:#fff;border:3px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}option{border:1px solid #000;border-radius:0}.title-container{background:linear-gradient(#000000e6,#000000b3);border-radius:10px;color:#fff;margin-bottom:.5rem;padding:.65rem}.title-container>h4{color:var(--mainCol);margin:0}button{background-color:var(--mainCol);border:2px solid #000;border-radius:3px;cursor:pointer;font-size:16px;font-weight:600;padding:.25rem .5rem;text-align:center}.button:hover{background-color:#0000008c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.26ec0a78.css.map*/