body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{flex-direction:column;font-family:Roboto;height:100vh;min-height:80vh;overflow-x:hidden;overflow-y:auto}.header,.page{background:#fff;display:flex}.header{align-items:center;flex-shrink:0;height:auto;justify-content:center;padding:5px 10px;position:relative}.branding .logo{height:100px;max-width:120px;object-fit:contain}.header .finalize-button{margin-right:20px;position:absolute;right:10px}.main{display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:center;overflow:visible;padding:10px}.hamburger{background:none;border:none;cursor:pointer;font-size:1.8rem;margin-bottom:10px}.sketch-sidebar{align-self:flex-start;background:#f8f8f8;border:none;border-radius:18px;box-shadow:3px 3px 3px #d3d3d3;display:flex;flex-direction:column;flex-shrink:0;font-family:Roboto;gap:5px;height:auto;max-height:100vh;overflow:hidden;padding:15px;position:relative;transition:width .3s ease,padding .3s ease;width:270px}.sketch-sidebar .header_sketch{align-items:center;display:flex;justify-content:center}.sketch-sidebar h2{font-size:1.3rem;margin-bottom:5px}.sketch-sidebar.closed{align-items:center;background:#fff;border:none;height:25px;justify-content:center;padding:5px;width:280px}.sketch-sidebar.closed .wallet-option,.sketch-sidebar.closed h2,.sketch-sidebar.closed~.editor .name-label{display:none}.wallet-option{font-size:1.2rem}.rollback_btn,.wallet-option{align-items:center;background:none;border:none;border-radius:18px;box-shadow:1px 1px 1px #d3d3d3;cursor:pointer;display:flex;font-family:Roboto;gap:10px;padding:10px;text-align:left;transition:all .2s ease}.rollback_btn{color:#605f5f;font-size:.8rem}.rollback_btn:hover{background-color:#f8f8f8;transform:scale(1.03)}.wallet-icon{height:24px}.wallet-option:hover{background-color:#fff}.wallet-option.active{background-color:#e6f0ff;border:3px solid #0070f3;color:#0070f3;transform:scale(1.05)}.editor{align-items:center;display:flex;flex:2 1;flex-direction:column;max-width:1000px;min-width:600px;overflow-y:auto}.file-input,.primary-button,.secondary-button{background-color:#000;border:none;border-radius:18px;color:#fff;cursor:pointer;font-family:Roboto;font-size:.9rem;max-width:200px;padding:8px 16px;text-align:center;transition:background-color .3s ease;width:auto}.primary-button:hover,.secondary-button:hover{background-color:#333}.wallet-preview{aspect-ratio:4/3;background:#fff;margin-top:-15%;overflow:hidden;position:relative;touch-action:none;width:75%}.wallet-image{height:auto;object-fit:contain;pointer-events:none;position:absolute;width:100%;z-index:1}.draggable-container{cursor:pointer;position:absolute;transform-origin:center center;z-index:10}.draggable-container img{height:100%;pointer-events:none;width:100%}.name-label{color:#000;cursor:text;font-size:1.4rem;pointer-events:auto;position:absolute;white-space:pre-line;z-index:20}.sidebar{background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:300px;min-width:250px;padding:20px 10px}.tools h1{font-size:1.8rem;font-weight:400}.tools h1,h2{color:#000;margin-bottom:10px}h2{font-size:1.2rem}.file-input{background-color:#000;border-radius:18px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.saving-indicator{color:#333;font-weight:700;margin-top:10px;text-align:center}.progress-bar{animation:loadingBar 1.5s linear infinite;background:linear-gradient(90deg,#007bff,#00c3ff 50%,#007bff);background-size:200% 100%;border-radius:3px;height:6px;margin-bottom:5px}.custom-upload{display:flex;justify-content:center;margin-top:10px}.custom-upload img{height:25px}.upload-label{background-color:#fff;border-radius:18px;box-shadow:1px 1px 1px #d3d3d3;color:#000;cursor:pointer;font-family:Roboto;font-size:1.2rem;padding:10px 20px;text-align:center;transition:all .2s ease}.upload-label:hover{background-color:#f8f8f8;transform:scale(1.03)}.tools{text-align:center}.tool_bar_right{display:flex;flex-direction:column;gap:15px;margin-top:15%}.tool_bar_right input{border:none;border-radius:18px;box-shadow:0 2px 6px #0000001a;font-family:Roboto;font-size:1.1rem;padding:10px 20px}.tool_bar_right input:active,.tool_bar_right input:focus{border:none;box-shadow:0 4px 12px #0000001a;outline:none}.finalize-button{background-color:#0070f3;border-radius:18px;box-shadow:0 2px 6px #0000001a;color:#fff;font-size:1.1rem;font-weight:700;justify-content:center;margin-top:10px;padding:10px 20px;text-align:center;transition:background-color .2s ease}.finalize-button:hover{background-color:#005cd6}.toggle-button{background:#fff;border:2px solid #000;border-radius:18px;cursor:pointer;font-family:Roboto;font-size:1.1rem;padding:8px 16px;transition:background-color .2s ease,transform .2s ease}.toggle-button.active{background:#000;color:#fff}.icon-button,.toggle-button,.toggle-button_bl,.toggle-button_wh{align-items:center;display:flex;font-family:Roboto;font-size:1rem;height:44px;justify-content:center;line-height:1;padding:0 24px}.toggle-button_bl{background:#000;color:#fff}.toggle-button_bl,.toggle-button_wh{border:2px solid #000;border-radius:18px;cursor:pointer;font-family:Roboto;font-size:1.1rem;padding:8px 16px;transition:background-color .2s ease,transform .2s ease}.toggle-button_wh{background:#fff;color:#000}.toggle-button_bl .active,.toggle-button_wh .active{animation:pulse .6s ease-in-out}.icon-button{background:#fff;border:2px solid #000;border-radius:18px;cursor:pointer;transition:background-color .2s ease}.icon-button img{flex-shrink:0;height:10px;width:24px}.icon-button span{font-weight:400}.icon-button.upload span{font-weight:700}.icon_button_reset{background:none;border:none;color:#d3d3d3;font-family:Roboto;font-size:1rem;gap:10px}.icon_button_reset img{height:15px}.icon_button_reset:hover{transform:scale(1.2)}.name-label.fixed{pointer-events:none;white-space:pre-line}.side-switcher{align-items:center;display:flex;gap:100px;justify-content:center}.arrow-button{background:none;border:none;cursor:pointer;font-size:2rem;padding:10px;transition:transform .2s ease}.arrow-button:hover{transform:scale(1.2)}.arrow-button img{width:10px}.divider-line{background-color:#000;height:2px;width:40px}.info_user{color:red;font-weight:700}@keyframes loadingBar{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.pulse{animation:pulse .6s ease-in-out}@media screen and (max-width:768px){.header{align-items:center;flex-direction:row;justify-content:space-between}.branding .logo{height:60px;margin-left:10px;max-width:90px}.header .finalize-button{border-radius:12px;font-size:.9rem;margin:0 10px;padding:6px 12px}}@media screen and (min-width:1026px) and (max-width:1300px){.page{height:auto;min-height:0;min-height:auto;transform-origin:top center}.sketch-sidebar{width:200px}.sketch-sidebar.closed{width:220px}.branding .logo{height:60px;margin-left:10px;max-width:90px}.header .finalize-button{border-radius:12px;font-size:.9rem;margin:0 10px;padding:6px 12px}}@media screen and (min-width:768px) and (max-width:1024px){.page{height:auto;min-height:0;min-height:auto;transform-origin:top center}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.page{height:auto;min-height:0;min-height:auto;padding-bottom:30px}.wallet-preview{margin-top:0;width:100%}.main{align-items:center;flex-direction:column;padding:5px}.sketch-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.sketch-sidebar.closed{height:2%;width:100%}}
/*# sourceMappingURL=main.321501e5.css.map*/