.preview__wrap[data-v-f6bce2fe]{background:var(--el-fill-color-lighter);border:1px solid var(--el-border-color-light);border-radius:12px;min-height:200px;margin-top:20px;padding:20px}.preview__grid[data-v-f6bce2fe]{min-height:160px}.grid__cell[data-v-f6bce2fe]{background:var(--el-color-primary-light-7);border:1px dashed var(--el-color-primary);color:var(--el-color-primary);border-radius:6px;justify-content:center;align-items:center;min-height:60px;padding:12px;font-size:14px;font-weight:500;display:flex}.controls[data-v-f6bce2fe],.output[data-v-f6bce2fe]{margin-top:20px}.control__section-title[data-v-f6bce2fe]{color:var(--el-text-color-regular);margin-bottom:10px;font-size:13px;font-weight:500}.control__row[data-v-f6bce2fe]{align-items:center;gap:12px;margin-bottom:10px;display:flex}.control__label[data-v-f6bce2fe]{width:64px;color:var(--el-text-color-regular);flex-shrink:0;font-size:13px}.output[data-v-f6bce2fe]{background:var(--el-fill-color-light);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 20px;display:flex}.output__code[data-v-f6bce2fe]{flex:1}.output__code code[data-v-f6bce2fe]{color:var(--el-color-primary);white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Fira Code,monospace;font-size:14px}.presets[data-v-f6bce2fe]{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.presets__label[data-v-f6bce2fe]{color:var(--el-text-color-secondary);font-size:13px}@media (width<=600px){.control__row[data-v-f6bce2fe]{align-items:flex-start}.control__row[data-v-f6bce2fe],.output[data-v-f6bce2fe]{flex-direction:column}}