.dance-page[data-v-1929268c]{max-width:900px;margin:0 auto}.page-header[data-v-1929268c]{text-align:center;margin-bottom:28px}.page-title[data-v-1929268c]{font-size:22px;font-weight:700;color:#222}.page-desc[data-v-1929268c]{font-size:13px;color:#999;margin-top:4px}.main-layout[data-v-1929268c]{display:-ms-flexbox;display:flex;gap:24px;-ms-flex-align:start;align-items:flex-start}.control-panel[data-v-1929268c]{width:220px;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.07);gap:16px}.control-panel[data-v-1929268c],.panel-section[data-v-1929268c]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.panel-section[data-v-1929268c]{gap:8px}.section-label[data-v-1929268c]{font-size:13px;color:#555;font-weight:500}.speed-val[data-v-1929268c]{color:#2ecc71;font-weight:700;margin-left:6px}.color-list[data-v-1929268c]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.color-swatch[data-v-1929268c]{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform .15s;box-sizing:border-box}.color-swatch[data-v-1929268c]:hover{transform:scale(1.2)}.color-swatch.active[data-v-1929268c]{outline:3px solid #2ecc71;outline-offset:2px}.action-btns[data-v-1929268c]{gap:8px!important}.panel-tip[data-v-1929268c]{font-size:11px;color:#bbb;text-align:center}.canvas-area[data-v-1929268c]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}.effect-list[data-v-1929268c]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;width:100%}.effect-btn[data-v-1929268c]{padding:6px 14px;border-radius:20px;border:1.5px solid #e0e0e0;background:#fff;font-size:13px;color:#555;cursor:pointer;transition:all .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.effect-btn[data-v-1929268c]:hover{border-color:#2ecc71;color:#2ecc71}.effect-btn.active[data-v-1929268c]{background:#2ecc71;border-color:#2ecc71;color:#fff;font-weight:600}.canvas-wrap[data-v-1929268c]{border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.1);line-height:0;width:480px;height:360px;-ms-flex-negative:0;flex-shrink:0}.cvs[data-v-1929268c]{display:block}@media (max-width:640px){.main-layout[data-v-1929268c]{-ms-flex-direction:column;flex-direction:column}.control-panel[data-v-1929268c]{width:100%}}