*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#3d3d3d;font-family:"Exo 2";line-height:130%}button{background:0 0;border:none}input[type=color]{width:100%;min-width:25px;height:25px;box-shadow:none;cursor:pointer;border:none;outline:none}input[type=number]{border:1px solid #f8c4b1;border-radius:4px;outline:none;padding:4px}input:focus{border-color:#f25d27}.editor-wrap{background:#f9f7f7;width:100%;margin-left:auto;margin-right:auto;padding:40px 25px}@media (width>=768px){.editor-wrap{max-width:750px}}@media (width>=992px){.editor-wrap{max-width:970px}}@media (width>=1280px){.editor-wrap{max-width:1240px}}.editor-title{text-align:center;text-transform:uppercase;margin-bottom:40px;font-size:24px;font-weight:600;line-height:130%}.editor-root{flex-direction:column;gap:40px;display:flex}@media screen and (width<=768px){.editor-root{flex-direction:column-reverse}}.editor-toolbar{background:#fff;border-radius:10px;align-items:center;width:100%;padding:12px 0;display:flex;overflow-x:auto}.toolbar-btn{cursor:pointer;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex-direction:column;align-items:center;gap:4px;width:40%;min-width:120px;padding:0 12px;font-size:14px;display:flex}.toolbar-btn:not(:last-child){border-right:1px solid #e0e0e0}.toolbar-btn.accent{color:#f25d27}.toolbar-btn.disabled{opacity:.5;cursor:not-allowed}.toolbar-btn span{white-space:pre-line}.sidebar-field-row{flex-direction:row;align-items:center;gap:8px;display:flex}.sidebar-field-col{flex-direction:column;gap:8px;height:100%;display:flex}.sidebar-label{font-weight:600}.select-box{cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.select-box .select-box-inner{z-index:2;background:#fff;border:1px solid #e0e0e0;border-radius:4px;width:max-content;padding:8px;display:none;position:absolute;top:100%;left:0}.select-box.open .select-box-inner{display:block}.select-box-option{cursor:pointer;margin-bottom:2px;padding:2px 4px}.select-box-option.selected,.select-box-option:hover{color:#fff;background:#f25d27;border-radius:4px}.select-box-toggle-icon{transition:all .3s}.select-box.open .select-box-toggle-icon{transform:rotateX(180deg)}.editor-body{height:550px;min-height:0;display:flex}.editor-sidebar{flex-direction:column;gap:16px;width:30%;padding:1rem;display:flex;overflow:hidden}.editor-workspace{border:1px dashed #e0e0e0;flex-direction:column;flex:1;align-items:stretch;gap:8px;width:70%;min-width:70%;min-height:300px;padding:12px;display:flex;position:relative}.workspace-viewport{flex:1;min-height:0;overflow:hidden}.workspace-viewport--scroll{scrollbar-width:thin;scrollbar-color:#b0b0b0 #e3e3e3;overflow:auto}.workspace-viewport--scroll::-webkit-scrollbar{width:10px;height:10px}.workspace-viewport--scroll::-webkit-scrollbar-track{background:#e3e3e3}.workspace-viewport--scroll::-webkit-scrollbar-thumb{background:#b0b0b0;border:2px solid #e3e3e3;border-radius:5px}.workspace-viewport--scroll::-webkit-scrollbar-thumb:hover{background:#909090}.workspace-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.workspace-scroll-content,.workspace-scroll-inner{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.template-grid{flex-wrap:wrap;display:flex;overflow-y:auto}.template-thumb{cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:50%;padding:4px;display:flex}.template-thumb img{width:100%;box-shadow:0 4.57px 4.57px #0000001f}.template-thumb.active{background:#fff;border:1px solid #fff}.workspace-canvas-placeholder{flex-shrink:0;box-shadow:0 4px 12px #00000040}.text-edit-overlay{z-index:100;pointer-events:auto;outline-offset:0;resize:none;box-sizing:border-box;white-space:pre-wrap;background:0 0;border:none;border-radius:0;outline:1px dashed #4a90d9;margin:0;padding:0;position:absolute;overflow:hidden}.canvas-el-toolbox-hint{color:#6b6b6b;margin:0;font-size:12px}.canvas-el-toolbox-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.canvas-el-toolbox-title{color:#5a5a5a;word-break:break-all;margin:0;font-size:12px;font-weight:600}.toolbox-delete-btn{cursor:pointer;color:#f25d27;background:#fff;border:1px solid #ef9a9a;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:12px}.toolbox-delete-btn:hover{background:#fff3ee}.toolbox-upload-btn{cursor:pointer;color:#3d3d3d;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:8px 12px;font-size:13px}.toolbox-upload-btn:hover{color:#f25d27;background:#fff;border-color:#f25d27}.toolbox-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.workspace-zoom{flex-shrink:0;align-items:center;gap:12px;width:100%;padding:4px 0;font-size:14px;display:flex}.workspace-zoom-track-wrap{flex:1;align-items:center;min-width:0;display:flex}.workspace-zoom-value{text-align:right;font-variant-numeric:tabular-nums;color:#5a5a5a;min-width:3.5rem}.workspace-zoom-range{appearance:none;background:linear-gradient(to right, #f25d27 0%, #f25d27 var(--zoom-progress,50%), #e0e0e0 var(--zoom-progress,50%), #e0e0e0 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.workspace-zoom-range::-webkit-slider-thumb{appearance:none;cursor:grab;background:#fff;border:2px solid #f25d27;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.workspace-zoom-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.workspace-zoom-range::-moz-range-thumb{cursor:grab;background:#fff;border:2px solid #f25d27;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.workspace-zoom-range::-moz-range-track{background:#e0e0e0;border-radius:3px;height:6px}.canvas-el-toolbox{color:#000;background:#fff;border-radius:4px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #00000040}.editor-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.editor-modal{background:#fff;border-radius:8px;flex-direction:column;width:min(100%,420px);max-height:min(90vh,720px);display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.editor-modal--wide{width:min(100%,800px)}.editor-modal-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.editor-modal-title{margin:0;font-size:16px;font-weight:600}.editor-modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:32px;height:32px;font-size:22px;line-height:1}.editor-modal-close:hover{color:#222;background:#f0f0f0}.editor-modal-body{padding:16px;overflow:auto}.editor-modal-hint{color:#5a5a5a;margin:0 0 16px;font-size:14px}.editor-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.editor-modal-btn{cursor:pointer;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;flex:1;min-width:120px;padding:10px 16px;font-size:14px}.editor-modal-btn--primary{color:#fff;background:#f25d27;border-color:#f25d27}.editor-modal-btn--primary:hover:not(:disabled){background:#e04f1c}.editor-modal-btn:disabled{opacity:.6;cursor:not-allowed}.editor-modal-error{color:#c62828;margin:12px 0 0;font-size:13px}.preview-modal-frame{justify-content:center;padding:8px 0;display:flex}.preview-modal-stage{overflow:hidden;box-shadow:0 4px 16px #0003}.preview-modal-scale{transform-origin:0 0}.editor-order-toast{z-index:1100;color:#fff;text-align:center;background:#333;border-radius:6px;max-width:min(90vw,480px);margin:0;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}@media (width<=991px){.editor-body{flex-direction:column}.editor-workspace{width:100%;height:400px}.workspace-viewport--scroll{height:350px;max-height:350px}.editor-sidebar{border-right:none;width:100%}.editor-toolbar{width:100%;margin-left:0}.template-thumb{width:25%}.editor-title{margin-bottom:20px}.editor-body{height:max-content}.canvas-el-toolbox{position:relative}}