@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";button{font-family:Inter,serif}.editor-container{position:fixed;left:0;top:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center}.editor{margin:1rem;font-family:Inter,sans-serif;background:#fff;padding:2rem;border-radius:26px;box-shadow:0 0 40px 10px #0000000d;gap:2rem;width:100%;max-width:800px}.editor-content{display:flex;gap:2rem}@media screen and (max-width: 850px){.editor-content{flex-direction:column;align-items:center;justify-content:center}}.editor-left{width:40%}@media screen and (max-width: 850px){.editor-left{width:100%}}.editor-right{width:60%;display:flex;flex-direction:column;gap:2rem}@media screen and (max-width: 850px){.editor-right{width:100%;gap:1rem}}.editor-area{display:flex;background:#f9f9f9;border-radius:15px;padding:2rem;align-items:center;justify-content:center}@media screen and (max-width: 850px){.editor-area{padding:1rem}}@media screen and (max-width: 850px){.editor-area .konvajs-content{width:200px!important;height:425px!important}.editor-area .konvajs-content canvas{width:200px!important;height:auto!important}}.editor-area-buttons{display:flex;gap:.5rem}.editor-actions{display:flex;background:#f9f9f9;border-radius:15px;padding:1rem 2rem;flex:1;flex-direction:column;flex-wrap:wrap;gap:1rem}@media screen and (max-width: 850px){.editor-actions{padding:1rem;flex-direction:row;align-items:center;justify-content:center}}.editor-actions-item{display:flex;flex-direction:column;gap:.5rem}.editor-actions-item span{font-size:.875rem;font-weight:600;display:block;margin-bottom:.25rem}@media screen and (max-width: 850px){.editor-actions-item span{display:none}}.editor-actions-item-buttons{display:flex;gap:.5rem}.editor-actions-item button{border-radius:50px;width:40px;height:40px;border:none;background:#fff;cursor:pointer;padding:0 10px;display:flex;align-items:center;justify-content:center}.editor-actions-item button.un{width:unset}.editor-actions-item button:hover{background:#d1d1d1}.editor-actions-item button img{height:20px}.editor-upload{display:flex;background:#f9f9f9;border-radius:15px;padding:2rem;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}@media screen and (max-width: 850px){.editor-upload{padding:.5rem}}.editor-upload hr{height:1px;border:none;background:#d1d1d1;width:50px}.editor-upload p{margin:0}.editor-save{display:flex;justify-content:space-between;background:#f9f9f9;border-radius:15px;padding:1rem 2rem;gap:1rem}.btn-primary{cursor:pointer;background:#000;color:#fff;border-radius:12px;padding:.75rem 3rem;font-size:14px;border:none}@media screen and (max-width: 850px){.btn-primary{padding:.5rem 1.5rem}}.btn-primary:hover{background:#000000bf}.btn-secondary{cursor:pointer;background:#e2e2e2;color:#000;border-radius:12px;padding:.75rem 3rem;font-size:14px;border:none}@media screen and (max-width: 850px){.btn-secondary{padding:.5rem 1.5rem}}.btn-secondary:hover{background:#e2e2e2b2}
