.bs[data-v-1a85a64b]{display:flex;flex-direction:column;gap:16px}.bs-layout[data-v-1a85a64b]{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.2fr);gap:20px}@media (max-width: 900px){.bs-layout[data-v-1a85a64b]{grid-template-columns:1fr}}.preview-panel[data-v-1a85a64b]{display:flex;flex-direction:column;gap:10px}.preview-stage[data-v-1a85a64b]{min-height:320px;border:1px solid var(--border-lighter);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .15s}.preview-box[data-v-1a85a64b]{width:180px;height:120px;border-radius:12px;transition:box-shadow .1s}.stage-ctl[data-v-1a85a64b]{display:flex;align-items:center;gap:8px}.ctl-label[data-v-1a85a64b]{font-size:13px;color:var(--text-secondary)}.layers-panel[data-v-1a85a64b]{display:flex;flex-direction:column;gap:12px}.layer-card[data-v-1a85a64b]{border:1px solid var(--border-lighter);border-radius:12px;padding:12px 16px;background:var(--bg-color);display:flex;flex-direction:column;gap:6px}.layer-head[data-v-1a85a64b]{display:flex;align-items:center;gap:12px}.layer-head b[data-v-1a85a64b]{color:var(--el-color-primary)}.slider-row[data-v-1a85a64b]{display:flex;align-items:center;gap:12px}.slider-label[data-v-1a85a64b]{width:52px;flex-shrink:0;font-size:13px;color:var(--text-secondary)}.slider-val[data-v-1a85a64b]{width:52px;text-align:right;font-size:12px;color:var(--text-regular)}.layer-actions[data-v-1a85a64b]{display:flex;gap:8px;flex-wrap:wrap}.code-out[data-v-1a85a64b]{border:1px solid var(--border-lighter);border-radius:12px;overflow:hidden}.code-head[data-v-1a85a64b]{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--el-fill-color-lighter)}.code[data-v-1a85a64b]{margin:0;padding:14px 16px;background:var(--bg-color);font-size:13px;line-height:1.6;color:var(--text-primary);overflow-x:auto}.mono[data-v-1a85a64b]{font-family:Consolas,Monaco,Courier New,monospace}