body{font-family:Segoe UI;margin:0}.header{background-color:#14131b;padding:10px}.flex{display:flex}.justify-between{justify-content:space-between}.gap{gap:10px}.screen-height{height:100vh;min-height:500px}.button__primary{background-color:#73c964;border:none;border-radius:5px;color:#14131b;cursor:pointer;font-weight:700;padding:10px;width:100%}button{cursor:pointer;transition:.4s}button:hover{opacity:.7;transform:scale(1.05)}button:active{transform:scale(.8)}.input-material__area--full{width:100%}.input-material__area--half{width:50%}.input-material__field{background-color:#000;border:none;color:#fffc;padding:5px;resize:vertical;width:calc(100% - 10px)}.input-material__field:focus{outline:none}.input-material__group{border:2px solid #ffffff4d;border-radius:5px;overflow:hidden}.input-material__unit{background-color:#ffffff4d;color:#fff9;font-size:12px;line-height:15px;padding:4px 6px}.input-material__label{color:#fffc;font-size:13px;letter-spacing:1px;margin-bottom:8px;margin-top:15px}.input-material__color-sample{border-right:1px solid #ffffff4d;height:auto;width:30px}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#14131b}::-webkit-scrollbar-thumb{background-color:#73c96466}@media screen and (max-height:500px),screen and (max-width:800px){.canvas-area{display:none}}.size-not-allowed{align-items:center;background-color:#14131b;box-sizing:border-box;color:#fff;display:none;flex-direction:column;flex-wrap:wrap;height:100dvh;justify-content:center;left:0;overflow:hidden;padding:20px;position:sticky;text-align:center;top:0;width:100dvw;z-index:99999}.size-not-allowed img{filter:invert(1)}@media screen and (max-height:500px),screen and (max-width:800px){.size-not-allowed{display:flex}}.shape{cursor:move;position:absolute;-webkit-user-select:none;user-select:none}.shape--focused{box-shadow:-1px 1px 4px 1px #7ccfff}.shape:hover .shape__resize-handle{display:block}.shape__text{white-space:pre-wrap}.shape__resize-handle{border-bottom:3px solid #73c964;border-right:3px solid #73c964;bottom:-5px;cursor:nwse-resize;display:none;height:12px;position:absolute;right:-5px;width:12px}.canvas{min-width:500px;overflow:auto;position:relative;width:calc(100vw - 300px)}.canvas__content{background-color:#14131b1a;background-image:linear-gradient(90deg,#5553 1px,#0000 0),linear-gradient(180deg,#3b3b3b33 1px,#0000 0);background-position:0 0;cursor:move;height:20000px;left:0;position:absolute;top:0;transition:transform .05s ease-out;width:20000px;will-change:transform}.canvas__guide-line{background-color:#73c964;position:absolute}.canvas__zoom-slider{bottom:10px;left:10px;position:fixed;z-index:9999}.canvas__zoom-slider__input{accent-color:#73c964}.canvas__zoom-slider__button{background-color:#14131b;border-radius:5px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;margin-left:10px;text-transform:uppercase}.canvas__zoom-slider label{font-size:14px;text-align:center;width:40px}.side-bar{background-color:#14131b;min-width:300px;overflow-y:auto;-webkit-user-select:none;user-select:none;width:300px}.side-bar .button__primary{margin-top:20px}.side-bar__permanent-content{background-color:#ffffff1a;padding:20px}.side-bar__content{padding:20px}.side-bar__label{border-top:2px solid #ffffff4d;color:#fffc;font-size:18px;letter-spacing:2px;margin-bottom:5px;margin-top:25px;padding-top:15px}.side-bar__label--first{border-top:0;margin-top:0;padding-top:0}.alignment-style{justify-content:center;margin-top:10px}.alignment-style button{align-items:center;background-color:#14131b;border:2px solid #fff3;display:flex;justify-content:center;padding:4px;width:30px}.alignment-style button.selected{background-color:#fff3}.alignment-style button img{filter:invert(1);width:100%}.color-picker{position:relative}.color-picker__popup{height:150px;position:absolute;width:150px;z-index:99}.color-picker__popup .react-colorful{height:100%;width:100%}
/*# sourceMappingURL=main.e5edc06f.css.map*/