@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-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;z-index:999;display:flex;align-items:center;justify-content:center}.editor-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:900px;margin:auto;margin-top:2rem}@media screen and (max-width: 991px){.editor-content{grid-template-columns:1fr;flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width: 991px){.editor-left{max-width:600px;margin:auto;width:100%}}.editor-center{position:relative;width:100%}@media screen and (max-width: 991px){.editor-center{width:100%}}.editor-right{width:100%;display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:auto}@media screen and (max-width: 991px){.editor-right{width:100%;gap:1rem}}.editor-images{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.editor-images button{height:100px;background:#f9f9f9;border-radius:8px;border:none;cursor:pointer;padding:.5rem}.editor-images button img{width:100%;height:100%;object-position:center;object-fit:contain}.editor-area{display:flex;border-radius:15px;padding:2rem;align-items:center;justify-content:center}@media screen and (max-width: 991px){.editor-area{padding:1rem}}@media screen and (max-width: 991px){.editor-area .konvajs-content{width:200px!important;height:300px!important}.editor-area .konvajs-content canvas{width:200px!important;height:auto!important}}.editor-area-buttons{display:flex;gap:.5rem;position:relative}.editor-actions{display:flex;background:#f9f9f9;border-radius:15px;padding:1rem 2rem;flex:1;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;align-items: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: 991px){.editor-actions-item span{display:none}}.editor-actions-item-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;justify-items:center;position:relative}@media screen and (max-width: 991px){.editor-actions-item-buttons{grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center}}.editor-actions-item button{border-radius:8px;border:none;background:#fff;cursor:pointer;padding:5px 10px 0;align-items:center;justify-content:center;display:flex;gap:.25rem;flex-direction:column;height:60px;width:60px}.editor-actions-item button span{font-size:10px;font-weight:500}.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}.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}.editor-save button{width:100%;max-width:100%}.btn-primary{cursor:pointer;background:#000;color:#fff;border-radius:12px;padding:.75rem 3rem;font-size:14px;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:fit-content}.btn-primary img{height:16px}.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}#phone-editor{z-index:9999;position:relative;display:none}#phone-editor.open{display:block}.sketch-picker{position:absolute;top:100%}
