body{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;background-color:#777;color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.app{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:800px;margin:0}.lower-canvas{border-radius:25px}#toolbar{position:relative;display:flex;flex-direction:column;margin-right:6px;gap:5px;justify-content:center}#options-bar{display:flex;flex-direction:column;margin-left:6px;align-items:center;height:100%;width:200px;border-radius:25px;justify-content:start;background-color:#000}#options-bar-container{padding:20px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#options-bar-title{font-size:14px;font-weight:700;margin:6px;-webkit-user-select:none;user-select:none;color:#ff3d00}#options-bar-item{width:85%;height:22.6px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px;font-size:13px;-webkit-user-select:none;user-select:none}.separator{height:.5px;width:100%;background-color:#262626;margin:10px 0}.ui-button{display:flex;justify-content:center;align-items:center;outline:none;width:23px;height:23px;cursor:pointer;font-size:14px;line-height:1;border-radius:10px;letter-spacing:2px;text-transform:uppercase;white-space:normal;font-weight:700;text-align:center;padding:10px;background-color:#000;text-decoration:none;border:2px solid #000000;transition:background-color .3s,border-color .3s,color .3s,filter .3s}.ui-button:hover{border:2px solid #FF3D00}.ui-button:hover svg{stroke:#ff3d00}.options-ui-button{font-size:11px;font-weight:700;width:75%;text-align:center;border:2px solid #7a7a7a;padding:8px;margin:10px;border-radius:15px;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color .3s,border-color .3s,color .3s,filter .3s}.options-ui-button:hover{border:2px solid #FF3D00}.options-ui-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.switch{position:relative;display:inline-block;width:34px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4b4b4b;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:2px;background-color:#000;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#ff3d00}input:focus+.slider{box-shadow:0 0 1px #ff3d00}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(13px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#options-select select{background-color:#4b4b4b;border:none;border-radius:5px;color:#fff;width:47px;height:22px;font-size:11px;text-align-last:center}#options-select select:focus{outline:none}#options-color-picker input{background-color:#282828;border-radius:5px;color:#fff;width:49px;height:28px;padding:1px;margin:0;outline:none}#options-text-input input{background-color:#4b4b4b;border:none;border-radius:5px;color:#ff3d00;width:47px;height:22px;padding:0;margin:0;text-align:center;text-decoration:none}#options-text-input input:focus{outline:none}.export-img-container{display:flex;flex-direction:row;justify-content:start;align-items:center;width:85%;gap:7px}.export-img-container img{width:48px;border-radius:10px;border:2px solid #2a2a2a}.export-img-container div{width:48px}.export-img-text{font-size:14px;color:#b5b5b5;text-align:center;line-height:1.3}.templates-img-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-top:10px;gap:7px}.templates-img-container img{width:80px;border-radius:10px;border:2px solid #000000}.templates-img-container img:hover{border:2px solid #FF3D00}.template p{font-size:11px;font-weight:600;text-align:center;margin:0;padding:3px 0 10px;color:#cfcfcf}