.frame-player-tool[data-v-7b535231]{max-width:1100px;margin:0 auto;padding:20px}.header-card[data-v-7b535231]{text-align:center;margin-bottom:16px}.header-card h2[data-v-7b535231]{margin:0 0 8px;font-size:24px}.header-card .desc[data-v-7b535231]{color:#999;font-size:14px}.upload-card[data-v-7b535231]{margin-bottom:16px}.image-uploader[data-v-7b535231] .el-upload-dragger{flex-direction:column;align-items:center;padding:24px;display:flex}.upload-icon[data-v-7b535231]{color:#409eff;margin-bottom:8px;font-size:48px}.upload-text[data-v-7b535231]{color:#606266;font-size:16px}.upload-text em[data-v-7b535231]{color:#409eff}.upload-tip[data-v-7b535231]{color:#999;margin-top:4px;font-size:12px}.preview-card[data-v-7b535231]{margin-bottom:16px}.preview-layout[data-v-7b535231]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.play-preview[data-v-7b535231]{background:repeating-conic-gradient(#333 0% 25%,#222 0% 50%) 0 0/16px 16px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:160px;min-height:100px;padding:8px;display:flex;position:relative}.play-canvas[data-v-7b535231]{image-rendering:pixelated;display:block}.play-overlay[data-v-7b535231]{color:#666;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.play-info[data-v-7b535231]{flex-wrap:wrap;flex:1;gap:16px;display:flex}.info-item[data-v-7b535231]{text-align:center;min-width:60px}.info-label[data-v-7b535231]{color:#999;font-size:11px;display:block}.info-val[data-v-7b535231]{color:#409eff;font-size:20px;font-weight:700}.play-btns[data-v-7b535231]{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.frame-slider[data-v-7b535231]{width:160px}.source-card[data-v-7b535231]{text-align:center;margin-bottom:16px}.source-header[data-v-7b535231]{color:#999;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.source-wrap[data-v-7b535231]{background:repeating-conic-gradient(#333 0% 25%,#222 0% 50%) 0 0/20px 20px;border-radius:6px;display:inline-block;position:relative;overflow:hidden}.source-canvas[data-v-7b535231]{opacity:.85;max-width:100%;display:block}.grid-overlay[data-v-7b535231]{pointer-events:none;position:absolute;top:0;left:0}.grid-line-v[data-v-7b535231]{background:#409eff80;width:1px;position:absolute;top:0;bottom:0}.grid-line-h[data-v-7b535231]{background:#409eff80;height:1px;position:absolute;left:0;right:0}.frame-highlight[data-v-7b535231]{pointer-events:none;z-index:2;border:2px solid #f56c6c;border-radius:2px;transition:all 80ms;position:absolute}.params-card[data-v-7b535231]{margin-bottom:16px}.params-card h3[data-v-7b535231]{margin:0 0 14px;font-size:18px}.params-grid[data-v-7b535231]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.param-group label[data-v-7b535231]{color:#409eff;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.param-group>.param-row[data-v-7b535231]{margin-bottom:4px}.param-row[data-v-7b535231]{align-items:center;gap:8px;display:flex}.param-row>span[data-v-7b535231]:first-child{color:#aaa;flex-shrink:0;width:40px;font-size:12px}.param-row[data-v-7b535231] .el-slider{flex:1}.range-row[data-v-7b535231]{flex-wrap:wrap;gap:4px}.range-row>span[data-v-7b535231]{color:#aaa;font-size:12px}.fps-presets[data-v-7b535231]{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.dir-row[data-v-7b535231]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.dir-row>span[data-v-7b535231]{color:#aaa;width:40px;font-size:12px}.actions-card[data-v-7b535231]{margin-bottom:16px}.actions-card h3[data-v-7b535231]{margin:0;font-size:18px}.actions-top[data-v-7b535231]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.actions-grid[data-v-7b535231]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.action-card[data-v-7b535231]{background:#1a1a2e;border:1px solid #333;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s;display:flex}.action-card.active[data-v-7b535231]{background:#1a2a1e;border-color:#67c23a}.action-top[data-v-7b535231]{justify-content:space-between;align-items:flex-start;display:flex}.action-name[data-v-7b535231]{font-size:14px;font-weight:700}.action-detail[data-v-7b535231]{color:#888;margin-top:2px;font-size:11px}.action-bottom[data-v-7b535231]{gap:6px;display:flex}.action-bottom>.el-button[data-v-7b535231]:first-child{flex:1}.actions-empty[data-v-7b535231]{text-align:center;color:#666;padding:24px 0;font-size:13px}@media (width<=768px){.frame-player-tool[data-v-7b535231]{padding:8px}.header-card h2[data-v-7b535231]{font-size:18px}.preview-layout[data-v-7b535231]{flex-direction:column}.play-info[data-v-7b535231],.play-btns[data-v-7b535231]{justify-content:center}.params-grid[data-v-7b535231]{grid-template-columns:1fr;gap:16px}.actions-grid[data-v-7b535231]{grid-template-columns:1fr}.source-canvas[data-v-7b535231]{max-width:100%;height:auto}.frame-slider[data-v-7b535231]{width:120px}}@media (width<=480px){.info-val[data-v-7b535231]{font-size:16px}.action-bottom[data-v-7b535231]{flex-direction:column}}