.gif-maker-page[data-v-6760cdf7]{min-height:100vh;background:#f5f7fa;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-6760cdf7]{text-align:center;margin-bottom:24px}.page-title[data-v-6760cdf7]{font-size:28px;font-weight:700;color:#1c1c1e;margin:0 0 8px;letter-spacing:-.5px}.page-desc[data-v-6760cdf7]{font-size:15px;color:#636366;margin:0;line-height:1.6}.main-layout[data-v-6760cdf7]{max-width:1100px;margin:0 auto;display:flex;gap:20px;align-items:flex-start}.left-panel[data-v-6760cdf7]{flex:1;min-width:0}.right-panel[data-v-6760cdf7]{width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.card[data-v-6760cdf7]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 24px #0000000f}.section-title[data-v-6760cdf7]{font-size:18px;font-weight:600;color:#1c1c1e;margin:0 0 20px}.upload-zone[data-v-6760cdf7]{border:2px dashed #d1d1d6;border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-zone[data-v-6760cdf7]:hover{border-color:#007aff;background:#f0f8ff}.upload-zone.drag-over[data-v-6760cdf7]{border-color:#007aff;background:#e8f4ff}.hidden-input[data-v-6760cdf7]{display:none}.upload-hint[data-v-6760cdf7]{display:flex;flex-direction:column;align-items:center}.upload-icon[data-v-6760cdf7]{font-size:48px;color:#8e8e93;line-height:1;margin-bottom:12px;font-weight:300}.upload-text[data-v-6760cdf7]{font-size:16px;color:#3a3a3c;margin-bottom:8px}.upload-text em[data-v-6760cdf7]{color:#007aff;font-style:normal;font-weight:500}.upload-tip[data-v-6760cdf7]{font-size:13px;color:#8e8e93}.image-list[data-v-6760cdf7]{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.image-item[data-v-6760cdf7]{position:relative;width:90px;background:#f2f2f7;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:all .2s ease;cursor:grab}.image-item[data-v-6760cdf7]:hover{border-color:#007aff;box-shadow:0 2px 12px #007aff26}.image-item.dragging[data-v-6760cdf7]{opacity:.5;border-color:#007aff}.image-thumb[data-v-6760cdf7]{width:90px;height:70px;overflow:hidden;cursor:pointer}.image-thumb img[data-v-6760cdf7]{width:100%;height:100%;object-fit:cover;display:block}.image-info[data-v-6760cdf7]{padding:4px 6px;display:flex;flex-direction:column;gap:1px}.image-name[data-v-6760cdf7]{font-size:10px;color:#3a3a3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size[data-v-6760cdf7]{font-size:9px;color:#8e8e93}.image-delete[data-v-6760cdf7]{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#ff3b30d9;color:#fff;font-size:12px;line-height:20px;text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-delete[data-v-6760cdf7]:hover{background:#ff3b30}.image-order[data-v-6760cdf7]{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#00000080;color:#fff;font-size:10px;line-height:18px;text-align:center}.add-more-btn[data-v-6760cdf7]{width:90px;height:110px;border:2px dashed #d1d1d6;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fafafa;position:relative}.add-more-btn[data-v-6760cdf7]:hover{border-color:#007aff;background:#f0f8ff}.add-more-icon[data-v-6760cdf7]{font-size:28px;color:#8e8e93;line-height:1;font-weight:300}.add-more-text[data-v-6760cdf7]{font-size:12px;color:#8e8e93;margin-top:4px}.image-count[data-v-6760cdf7]{margin-top:12px;font-size:13px;color:#636366}.count-warn[data-v-6760cdf7]{color:#ff9500}.settings-grid[data-v-6760cdf7]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.setting-item[data-v-6760cdf7]{margin-bottom:16px}.setting-label[data-v-6760cdf7]{display:block;font-size:14px;font-weight:600;color:#1c1c1e;margin-bottom:8px}.setting-input[data-v-6760cdf7]{width:100%;height:40px;padding:0 12px;border:1px solid #d1d1d6;border-radius:8px;font-size:14px;color:#1c1c1e;outline:none;transition:border-color .2s;background:#fff;box-sizing:border-box}.setting-input[data-v-6760cdf7]:focus{border-color:#007aff}.setting-input-sm[data-v-6760cdf7]{width:80px;flex-shrink:0}.slider-row[data-v-6760cdf7]{display:flex;align-items:center;gap:12px}.setting-slider[data-v-6760cdf7]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d1d1d6;border-radius:2px;outline:none}.setting-slider[data-v-6760cdf7]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#007aff;cursor:pointer;transition:transform .15s}.setting-slider[data-v-6760cdf7]::-webkit-slider-thumb:hover{transform:scale(1.15)}.setting-hint[data-v-6760cdf7]{font-size:12px;color:#8e8e93;margin-top:4px}.setting-switch-row[data-v-6760cdf7]{display:flex;align-items:center;justify-content:space-between}.setting-switch-row .setting-label[data-v-6760cdf7]{margin-bottom:0}.switch[data-v-6760cdf7]{position:relative;display:inline-block;width:51px;height:31px;flex-shrink:0}.switch input[data-v-6760cdf7]{display:none}.switch-slider[data-v-6760cdf7]{position:absolute;top:0;right:0;bottom:0;left:0;background:#e5e5ea;border-radius:31px;transition:background .3s;cursor:pointer}.switch-slider[data-v-6760cdf7]:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 1px 3px #00000026}.switch input:checked+.switch-slider[data-v-6760cdf7]{background:#34c759}.switch input:checked+.switch-slider[data-v-6760cdf7]:after{transform:translate(20px)}.action-buttons[data-v-6760cdf7]{display:flex;gap:12px;margin-top:8px}.btn[data-v-6760cdf7]{flex:1;height:44px;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit}.btn[data-v-6760cdf7]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-6760cdf7]{background:#007aff;color:#fff}.btn-primary[data-v-6760cdf7]:hover:not(:disabled){background:#0056cc;box-shadow:0 4px 12px #007aff4d}.btn-secondary[data-v-6760cdf7]{background:#f2f2f7;color:#3a3a3c;border:1px solid #d1d1d6}.btn-secondary[data-v-6760cdf7]:hover:not(:disabled){background:#e5e5ea}.btn-success[data-v-6760cdf7]{background:#34c759;color:#fff}.btn-success[data-v-6760cdf7]:hover:not(:disabled){background:#28a745;box-shadow:0 4px 12px #34c7594d}.btn-download[data-v-6760cdf7]{width:100%;margin-top:16px}.gif-preview-wrap[data-v-6760cdf7]{text-align:center;margin-bottom:12px}.gif-preview-img[data-v-6760cdf7]{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 12px #00000014;cursor:pointer}.gif-info[data-v-6760cdf7]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#636366}.overlay-mask[data-v-6760cdf7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.overlay-content[data-v-6760cdf7]{background:#fff;padding:32px 40px;border-radius:16px;min-width:280px;text-align:center;box-shadow:0 10px 40px #0003}.progress-ring-wrap[data-v-6760cdf7]{position:relative;width:64px;height:64px;margin:0 auto 16px}.progress-ring[data-v-6760cdf7]{width:64px;height:64px;transform:rotate(-90deg)}.ring-track[data-v-6760cdf7]{fill:none;stroke:#e5e5ea;stroke-width:5}.ring-fill[data-v-6760cdf7]{fill:none;stroke:#007aff;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .25s ease}.ring-pct[data-v-6760cdf7]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#1c1c1e}.progress-bar-wrap[data-v-6760cdf7]{width:100%;margin-bottom:12px}.progress-bar-track[data-v-6760cdf7]{width:100%;height:6px;background:#e5e5ea;border-radius:3px;overflow:hidden}.progress-bar-fill[data-v-6760cdf7]{height:100%;background:#007aff;border-radius:3px;transition:width .25s ease}.overlay-text[data-v-6760cdf7]{font-size:15px;color:#1c1c1e;font-weight:500}.preview-overlay[data-v-6760cdf7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-6760cdf7 .2s ease}.preview-content[data-v-6760cdf7]{position:relative;max-width:92vw;max-height:92vh;display:flex;align-items:center;justify-content:center}.preview-close[data-v-6760cdf7]{position:fixed;top:16px;right:16px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:18px;line-height:36px;text-align:center;cursor:pointer;z-index:10;transition:background .2s;padding:0;display:flex;align-items:center;justify-content:center}.preview-close[data-v-6760cdf7]:hover{background:#ff3b30cc}.preview-img[data-v-6760cdf7]{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px;animation:zoomIn-6760cdf7 .2s ease}.preview-nav[data-v-6760cdf7]{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:20px;line-height:44px;text-align:center;cursor:pointer;z-index:10;transition:background .2s;padding:0;display:flex;align-items:center;justify-content:center}.preview-nav[data-v-6760cdf7]:hover{background:#ffffff4d}.preview-prev[data-v-6760cdf7]{left:16px}.preview-next[data-v-6760cdf7]{right:16px}.preview-counter[data-v-6760cdf7]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;font-size:14px;padding:6px 16px;border-radius:20px;z-index:10}.toast[data-v-6760cdf7]{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;z-index:10001;white-space:nowrap}.toast.info[data-v-6760cdf7]{background:#007affeb;color:#fff}.toast.success[data-v-6760cdf7]{background:#34c759eb;color:#fff}.toast.warning[data-v-6760cdf7]{background:#ff9500eb;color:#fff}.toast.error[data-v-6760cdf7]{background:#ff3b30eb;color:#fff}.toast-fade-enter-active[data-v-6760cdf7]{transition:all .3s ease}.toast-fade-leave-active[data-v-6760cdf7]{transition:all .2s ease}.toast-fade-enter-from[data-v-6760cdf7],.toast-fade-leave-to[data-v-6760cdf7]{opacity:0;transform:translate(-50%) translateY(-20px)}@keyframes fadeIn-6760cdf7{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-6760cdf7{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:767px){.gif-maker-page[data-v-6760cdf7]{padding:12px}.page-title[data-v-6760cdf7]{font-size:22px}.page-desc[data-v-6760cdf7]{font-size:13px}.main-layout[data-v-6760cdf7]{flex-direction:column}.right-panel[data-v-6760cdf7]{width:100%}.card[data-v-6760cdf7]{padding:20px}.upload-zone[data-v-6760cdf7]{padding:24px 16px}.upload-icon[data-v-6760cdf7]{font-size:36px}.image-item[data-v-6760cdf7]{width:76px}.image-thumb[data-v-6760cdf7]{width:76px;height:58px}.add-more-btn[data-v-6760cdf7]{width:76px;height:96px}.settings-grid[data-v-6760cdf7]{grid-template-columns:1fr;gap:12px}.slider-row[data-v-6760cdf7]{flex-direction:column;align-items:stretch;gap:8px}.setting-input-sm[data-v-6760cdf7]{width:100%}.action-buttons[data-v-6760cdf7]{flex-direction:column}.overlay-content[data-v-6760cdf7]{margin:0 20px;min-width:auto;padding:24px}}@media(max-width:480px){.card[data-v-6760cdf7]{padding:16px}.image-item[data-v-6760cdf7]{width:68px}.image-thumb[data-v-6760cdf7]{width:68px;height:52px}.add-more-btn[data-v-6760cdf7]{width:68px;height:88px}.add-more-icon[data-v-6760cdf7]{font-size:24px}.add-more-text[data-v-6760cdf7]{font-size:11px}}