.preview__wrap[data-v-ccf9e8fa]{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__flex[data-v-ccf9e8fa]{min-height:160px}.flex__item[data-v-ccf9e8fa]{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;font-size:16px;font-weight:600;transition:all .2s;display:flex}.controls[data-v-ccf9e8fa]{margin-top:20px}.control__section-title[data-v-ccf9e8fa]{color:var(--el-text-color-regular);align-items:center;gap:10px;margin:16px 0 8px;font-size:13px;font-weight:500;display:flex}.control__row[data-v-ccf9e8fa]{align-items:center;gap:12px;margin-bottom:10px;display:flex}.control__label[data-v-ccf9e8fa]{width:72px;color:var(--el-text-color-regular);flex-shrink:0;font-size:13px}.output[data-v-ccf9e8fa]{background:var(--el-fill-color-light);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:20px;padding:12px 20px;display:flex}.output__code[data-v-ccf9e8fa]{flex-direction:column;flex:1;gap:8px;display:flex}.output__code code[data-v-ccf9e8fa]{color:var(--el-color-primary);white-space:pre-wrap;word-break:break-all;font-family:SF Mono,Fira Code,monospace;font-size:14px}.output__code--second[data-v-ccf9e8fa]{color:var(--el-color-success)!important;font-size:13px!important}.presets[data-v-ccf9e8fa]{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.presets__label[data-v-ccf9e8fa]{color:var(--el-text-color-secondary);font-size:13px}@media (width<=600px){.control__row[data-v-ccf9e8fa]{align-items:flex-start}.control__row[data-v-ccf9e8fa],.output[data-v-ccf9e8fa]{flex-direction:column}}