.template-designer-app[data-v-7fac5892]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden;background-color:#f8f9fa;font-family:Roboto,sans-serif}.h-100[data-v-7fac5892]{height:100%!important}.category-header[data-v-7fac5892]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.category-title[data-v-7fac5892]{font-size:.8rem;text-transform:uppercase;color:#6c757d;font-weight:700;margin:1rem 0 .5rem}.field-item[data-v-7fac5892]{cursor:-webkit-grab;cursor:grab;-webkit-transition:all .2s;transition:all .2s;background-color:#fff}.field-item[data-v-7fac5892]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.05);box-shadow:0 4px 8px rgba(0,0,0,.05);border-color:#007bff!important}.palette-content[data-v-7fac5892]{overflow-y:auto;overflow-x:hidden;min-height:0}.b-col.d-flex.flex-column[data-v-7fac5892]{height:100%;overflow:hidden}.ruler-grid-container[data-v-7fac5892]{background-color:#e9ecef;-webkit-box-shadow:0 .5rem 1.5rem rgba(0,0,0,.15);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.15)}.ruler-corner[data-v-7fac5892]{background-color:#f0f0f0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;grid-column:1/2;grid-row:1/2;z-index:20}.ruler-h[data-v-7fac5892]{border-bottom:1px solid #ccc;grid-column:2/3;grid-row:1/2}.ruler-h[data-v-7fac5892],.ruler-v[data-v-7fac5892]{background-color:#fff;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ruler-v[data-v-7fac5892]{border-right:1px solid #ccc;grid-column:1/2;grid-row:2/3}.canvas-area[data-v-7fac5892]{overflow:hidden;position:relative;grid-column:2/3;grid-row:2/3;background-color:#fff}.display-preview[data-v-7fac5892]{width:100%;height:100%;position:relative}.guidelines-overlay[data-v-7fac5892]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.guide-line[data-v-7fac5892]{position:absolute;pointer-events:none;opacity:.8}.guide-line.vertical[data-v-7fac5892]{width:0;border-left-width:1px}.guide-line.horizontal[data-v-7fac5892]{height:0;border-top-width:1px}.guide-line.snapped[data-v-7fac5892]{border-style:solid;border-color:#d500f9;opacity:1;z-index:10000}.guide-line.tracking[data-v-7fac5892]{border-style:dashed;border-color:#e040fb;opacity:.6}.draggable-field[data-v-7fac5892]{width:100%;height:100%;cursor:move;position:relative}.vdr[data-v-7fac5892]{border:1px dashed transparent}.vdr.is-selected[data-v-7fac5892]{border-color:#007bff}.vdr.is-locked .draggable-field[data-v-7fac5892]{cursor:not-allowed}.vdr.shift-pressed.is-selected[data-v-7fac5892]{border-style:solid;border-color:#dc3545}.vdr[data-v-7fac5892]:not(.is-selected):hover{outline:1px solid rgba(0,123,255,.5);z-index:90!important}.static-image-preview[data-v-7fac5892]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.placeholder-image[data-v-7fac5892]{color:#94a3b8;font-size:1rem;text-align:center;border:2px dashed #e2e8f0;border-radius:4px}.lucky-number-container[data-v-7fac5892],.placeholder-image[data-v-7fac5892]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.lucky-number-container[data-v-7fac5892]{gap:15px}.digit-box[data-v-7fac5892]{background-color:#fff;border-radius:12px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.custom-layers-scroll[data-v-7fac5892]{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#adb5bd #f8f9fa}.custom-layers-scroll[data-v-7fac5892]::-webkit-scrollbar{width:6px}.custom-layers-scroll[data-v-7fac5892]::-webkit-scrollbar-track{background:#f8f9fa}.custom-layers-scroll[data-v-7fac5892]::-webkit-scrollbar-thumb{background-color:#adb5bd;border-radius:10px}.border-dashed[data-v-7fac5892]{border-style:dashed!important}.cursor-pointer[data-v-7fac5892]{cursor:pointer}.list-group-item[data-v-7fac5892]:hover{background-color:#f8f9fa;color:#0056b3}