.dxbs-demo[data-v-e74ba3d0]{padding:10px}.demo-wrap[data-v-e74ba3d0]{max-width:1200px;margin:0 auto}.demo-title[data-v-e74ba3d0]{font-size:22px;font-weight:700;color:#212529;margin:8px 0 4px}.demo-sub[data-v-e74ba3d0]{color:#6c757d;font-size:13px;margin:0 0 16px}.demo-card[data-v-e74ba3d0]{background:#fff;border:1px solid rgba(0,0,0,.175);border-radius:.5rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);padding:20px;margin-bottom:24px}.demo-card h4[data-v-e74ba3d0]{margin:0 0 16px;font-size:16px;color:#212529}.demo-card h4 small[data-v-e74ba3d0]{color:#6c757d;font-weight:400;margin-left:8px}.demo-row[data-v-e74ba3d0]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.demo-pager[data-v-e74ba3d0]{margin-top:16px;text-align:right;overflow-x:auto}.demo-controls[data-v-e74ba3d0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.control-block[data-v-e74ba3d0]{min-width:0}.control-label[data-v-e74ba3d0]{margin-bottom:10px;color:#495057;font-size:13px}.demo-uploader[data-v-e74ba3d0],.demo-uploader[data-v-e74ba3d0] .el-upload-dragger{width:100%}.demo-uploader[data-v-e74ba3d0] .el-upload__text{font-size:13px}@media(max-width:900px){.demo-controls[data-v-e74ba3d0]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dxbs-demo[data-v-e74ba3d0]{padding:4px}.demo-card[data-v-e74ba3d0]{padding:14px;margin-bottom:16px}.demo-card h4 small[data-v-e74ba3d0]{display:block;margin:4px 0 0}.demo-controls[data-v-e74ba3d0]{grid-template-columns:1fr}.demo-form .el-col[data-v-e74ba3d0]{width:100%}.demo-pager[data-v-e74ba3d0]{text-align:left}}.demo-form[data-v-e74ba3d0]{margin-top:4px}.swatches[data-v-e74ba3d0]{gap:12px}.swatch[data-v-e74ba3d0]{width:108px;height:56px;border-radius:.375rem;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:Consolas,monospace}