.gif-container[data-v-71b066f4]{display:block;background:#f4f6f9;min-height:calc(100vh - 84px)}.top-panel[data-v-71b066f4]{min-height:280px;background:#fff;border-bottom:1px solid #e4e7ed;display:flex;flex-wrap:wrap}.upload-section[data-v-71b066f4]{width:300px;border-right:1px solid #e4e7ed;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.upload-box[data-v-71b066f4]{width:100%;height:200px;border:2px dashed #dcdfe6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s;background:#fafafa}.upload-box[data-v-71b066f4]:hover{border-color:#409eff;background:#f0f7ff}.upload-text[data-v-71b066f4]{margin-top:15px;color:#606266;font-size:14px}.upload-hint[data-v-71b066f4]{margin-top:8px;color:#909399;font-size:12px}.settings-section[data-v-71b066f4]{flex:1;min-width:400px;padding:30px;overflow-y:auto}.section-title[data-v-71b066f4]{font-size:16px;font-weight:700;color:#303133;margin-bottom:20px;padding-left:10px;border-left:4px solid #409eff}.form-row[data-v-71b066f4]{display:flex;align-items:center;margin-bottom:25px;flex-wrap:wrap}.control-item[data-v-71b066f4]{display:flex;align-items:center}.label[data-v-71b066f4]{font-size:14px;color:#606266;margin-right:12px}.val-txt[data-v-71b066f4]{font-size:12px;margin-left:8px;color:#909399}.tip-box[data-v-71b066f4]{background:#eef5fe;padding:10px 15px;border-radius:4px;color:#409eff;font-size:13px;display:flex;align-items:center;gap:8px}.bottom-panel[data-v-71b066f4]{padding:20px;display:flex;flex-direction:column}.action-bar[data-v-71b066f4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 2px 12px #0000000d}.status-tip[data-v-71b066f4]{font-size:14px;color:#606266}.image-grid[data-v-71b066f4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.grid-item[data-v-71b066f4]{background:#fff;padding:10px;border-radius:6px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:10px}.thumb-box[data-v-71b066f4]{width:100%;height:220px;background:#f5f7fa;border-radius:4px;overflow:hidden;position:relative;cursor:zoom-in;border:1px solid #ebeef5}.thumb-box img[data-v-71b066f4]{width:100%;height:100%;object-fit:contain}.frame-idx[data-v-71b066f4]{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.hover-mask[data-v-71b066f4]{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.thumb-box:hover .hover-mask[data-v-71b066f4]{opacity:1}.item-control[data-v-71b066f4]{display:flex;flex-direction:column;gap:5px}.sub-label[data-v-71b066f4]{font-size:12px;color:#909399}.item-action[data-v-71b066f4]{text-align:center;border-top:1px solid #ebeef5;padding-top:5px}.empty-holder[data-v-71b066f4]{padding:40px;background:#fff;border-radius:8px}.global-loading[data-v-71b066f4]{position:fixed;inset:0;background:rgba(255,255,255,.9);z-index:9999;display:flex;align-items:center;justify-content:center}.loading-content[data-v-71b066f4]{text-align:center;color:#409eff}.loading-content p[data-v-71b066f4]{margin-top:10px;font-size:14px}.result-preview-box[data-v-71b066f4]{width:100%;display:flex;justify-content:center;align-items:center;background:#f0f2f5;padding:10px;border-radius:4px}.result-preview-box img[data-v-71b066f4]{max-width:100%;max-height:60vh;object-fit:contain}@media (max-width: 1024px){.top-panel[data-v-71b066f4]{flex-direction:column}.upload-section[data-v-71b066f4]{width:100%;border-right:none;border-bottom:1px solid #e4e7ed;padding:20px}.upload-box[data-v-71b066f4]{height:140px}.settings-section[data-v-71b066f4]{width:100%;min-width:unset;padding:20px}.action-bar[data-v-71b066f4]{flex-direction:column;gap:15px;align-items:flex-start}.action-right[data-v-71b066f4]{width:100%;display:flex;justify-content:flex-end}}