.grid-size-control[data-v-997d5d2b]{align-items:stretch;display:flex;gap:8px;width:100%}.grid-size-rows[data-v-997d5d2b]{display:grid;flex:1;gap:18px;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);min-width:0}.grid-size-item[data-v-997d5d2b]{align-items:center;display:grid;gap:10px;grid-template-columns:36px minmax(120px,1fr) 96px 18px;min-width:0}.grid-size-label[data-v-997d5d2b]{color:#606266;font-size:14px;line-height:32px}.grid-size-input[data-v-997d5d2b]{width:96px}.grid-size-slider[data-v-997d5d2b]{width:100%}.grid-size-unit[data-v-997d5d2b]{color:#606266;font-size:14px;line-height:32px}.grid-size-link[data-v-997d5d2b]{align-self:center;flex:0 0 32px}[data-v-997d5d2b] .grid-size-input .el-input__wrapper{border-radius:6px}[data-v-997d5d2b] .grid-size-control .el-slider{height:32px;margin-top:0}.preview-toolbar[data-v-997d5d2b]{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.preview-scale-slider[data-v-997d5d2b]{width:180px}.preview-scale-text[data-v-997d5d2b]{color:#606266;font-size:13px;text-align:center;width:48px}.preview-wrap[data-v-997d5d2b]{background:#f8fafc;border:1px solid #dcdfe6;min-height:520px;overflow:auto;padding:12px;position:relative}.preview-canvas-stage[data-v-997d5d2b]{min-height:1px;min-width:1px;position:relative}.pattern-canvas[data-v-997d5d2b]{background:#fff;display:block;max-width:none}.empty-tip[data-v-997d5d2b]{color:#909399;inset:0;justify-content:center;position:absolute}.color-cell[data-v-997d5d2b],.empty-tip[data-v-997d5d2b]{align-items:center;display:flex}.color-cell[data-v-997d5d2b]{gap:8px}.color-swatch[data-v-997d5d2b]{border:1px solid #dcdfe6;height:22px;width:22px}html.dark .preview-wrap[data-v-997d5d2b]{background:#141414;border-color:#414243}html.dark .pattern-canvas[data-v-997d5d2b]{background:#1a1a1a}@media(max-width:640px){.grid-size-control[data-v-997d5d2b]{flex-direction:column}.grid-size-rows[data-v-997d5d2b]{gap:8px;grid-template-columns:1fr}.grid-size-link[data-v-997d5d2b]{align-self:center;margin-top:0}.grid-size-item[data-v-997d5d2b]{grid-template-columns:36px minmax(100px,1fr) 88px 18px}.grid-size-input[data-v-997d5d2b]{width:88px}.preview-toolbar[data-v-997d5d2b]{justify-content:flex-start;overflow-x:auto}.preview-scale-slider[data-v-997d5d2b]{min-width:140px}}