.gif-maker-container[data-v-3640d166]{max-width:1000px;width:100%;margin:0 auto;padding:20px;font-family:var(--font-sans)}.tool-header[data-v-3640d166]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-1);margin-bottom:30px}.tool-icon[data-v-3640d166]{font-size:60px;margin-right:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-3);border-radius:var(--radius-md);color:var(--brand-500)}.tool-info[data-v-3640d166]{flex:1}.tool-name[data-v-3640d166]{font-size:24px;margin:0 0 10px 0;color:var(--text-1)}.tool-description[data-v-3640d166]{color:var(--text-2);margin:0}.upload-area[data-v-3640d166]{margin-bottom:30px}.upload-box[data-v-3640d166]{width:100%;border:2px dashed var(--border-2);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:border-color .3s}.upload-box[data-v-3640d166]:hover{border-color:var(--brand-500);background:var(--brand-50)}#file-upload[data-v-3640d166]{display:none}.upload-label[data-v-3640d166]{display:flex;flex-direction:column;align-items:center;padding:40px 20px;cursor:pointer}.upload-label i[data-v-3640d166]{font-size:48px;color:var(--brand-500);margin-bottom:15px}.upload-label p[data-v-3640d166]{margin:5px 0;color:var(--text-2)}.supported-formats[data-v-3640d166]{font-size:12px;color:var(--text-3)}.file-list[data-v-3640d166]{margin-bottom:30px}.file-list h2[data-v-3640d166]{margin-top:0;font-size:18px;color:var(--text-1);margin-bottom:15px}.file-items[data-v-3640d166]{display:flex;flex-wrap:wrap;gap:12px}.file-item[data-v-3640d166]{display:flex;align-items:center;background-color:var(--surface);padding:12px 15px;border-radius:var(--radius-md);border:1px solid var(--border-1);box-shadow:var(--shadow-1);transition:all .3s ease;max-width:100%}.file-item[data-v-3640d166]:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.file-name[data-v-3640d166]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-1);font-size:14px}.remove-file[data-v-3640d166]{background-color:var(--danger);color:var(--text-inverse);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:10px;transition:background-color .3s ease}.remove-file[data-v-3640d166]:hover{background-color:#ff7875}.file-item-icon[data-v-3640d166]{margin-right:10px;color:var(--brand-500);font-size:16px}.gif-settings[data-v-3640d166]{margin-bottom:30px;padding:20px;background-color:var(--surface-2);border-radius:var(--radius-md)}.gif-settings h2[data-v-3640d166]{margin-top:0;font-size:18px;color:var(--text-1)}.settings-item[data-v-3640d166]{display:flex;flex-wrap:wrap;align-items:center;margin-top:15px}.settings-item label[data-v-3640d166]{width:120px;color:var(--text-2)}.settings-item input[data-v-3640d166]{flex:1;padding:8px;border:1px solid var(--border-1);border-radius:var(--radius-sm);min-width:100px}.animation-presets[data-v-3640d166]{flex:1;display:flex;flex-wrap:wrap;gap:10px}.animation-presets button[data-v-3640d166]{padding:8px 12px;background-color:var(--surface-3);border:1px solid var(--border-1);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s}.animation-presets button.active[data-v-3640d166]{background-color:var(--brand-500);color:var(--text-inverse);border-color:var(--brand-500)}.preview-area[data-v-3640d166]{margin-bottom:30px}.preview-area h2[data-v-3640d166]{margin-top:0;font-size:18px;color:var(--text-1)}.preview-container[data-v-3640d166]{display:flex;justify-content:center;align-items:center;padding:20px;background-color:var(--surface-2);border-radius:var(--radius-md);min-height:300px}.image-container[data-v-3640d166],.video-container[data-v-3640d166]{max-width:100%;max-height:300px}.preview-image[data-v-3640d166],.preview-video[data-v-3640d166]{max-width:100%;max-height:300px;border-radius:var(--radius-sm)}.preview-canvas[data-v-3640d166]{display:none}.gif-preview-area[data-v-3640d166]{margin-bottom:30px}.gif-preview-area h2[data-v-3640d166]{margin-top:0;font-size:18px;color:var(--text-1)}.gif-preview-container[data-v-3640d166]{display:flex;justify-content:center;align-items:center;padding:20px;background-color:var(--surface-2);border-radius:var(--radius-md);min-height:200px}.gif-preview-image[data-v-3640d166]{max-width:100%;max-height:200px;border-radius:var(--radius-sm)}.tool-actions[data-v-3640d166]{display:flex;justify-content:center;gap:20px;margin-top:30px;position:relative;z-index:100}.create-btn[data-v-3640d166],.download-btn[data-v-3640d166],.reset-btn[data-v-3640d166]{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s;font-size:14px}.create-btn[data-v-3640d166]{background-color:var(--brand-500);color:var(--text-inverse)}.create-btn[data-v-3640d166]:hover{background-color:var(--brand-600)}.create-btn[data-v-3640d166]:disabled{background-color:var(--brand-200);cursor:not-allowed}.download-btn[data-v-3640d166]{background-color:var(--success);color:var(--text-inverse)}.download-btn[data-v-3640d166]:hover{background-color:#2d9249}.download-btn[data-v-3640d166]:disabled{background-color:#89d3a5;cursor:not-allowed}.reset-btn[data-v-3640d166]{background-color:var(--warning);color:var(--text-inverse)}.reset-btn[data-v-3640d166]:hover{background-color:#eaaf06}.reset-btn[data-v-3640d166]:disabled{background-color:#fde293;cursor:not-allowed}@media (max-width:768px){.gif-maker-container[data-v-3640d166],.gif-preview-container[data-v-3640d166],.gif-settings[data-v-3640d166],.preview-container[data-v-3640d166]{padding:14px}.settings-item label[data-v-3640d166]{width:100%;margin-bottom:6px}.settings-item input[data-v-3640d166]{flex:1 1 100%;font-size:16px}.settings-item .hint[data-v-3640d166]{flex:1 1 100%;margin-top:4px;font-size:12px}.animation-presets button[data-v-3640d166]{flex:1 1 calc(50% - 5px)}.preview-container[data-v-3640d166]{min-height:220px}.image-container[data-v-3640d166],.preview-image[data-v-3640d166],.preview-video[data-v-3640d166],.video-container[data-v-3640d166]{max-height:240px}.tool-actions[data-v-3640d166]{gap:12px;flex-wrap:wrap}.create-btn[data-v-3640d166],.download-btn[data-v-3640d166],.reset-btn[data-v-3640d166]{flex:1 1 45%}}@media (max-width:480px){.gif-maker-container[data-v-3640d166]{padding:10px}.gif-preview-container[data-v-3640d166],.gif-settings[data-v-3640d166],.preview-container[data-v-3640d166]{padding:12px}.file-list h2[data-v-3640d166],.gif-preview-area h2[data-v-3640d166],.gif-settings h2[data-v-3640d166],.preview-area h2[data-v-3640d166]{font-size:16px}.upload-label[data-v-3640d166]{padding:24px 12px}.upload-label i[data-v-3640d166]{font-size:36px}.file-item[data-v-3640d166]{flex:1 1 100%;padding:10px 12px}.animation-presets button[data-v-3640d166]{flex:1 1 100%}.preview-container[data-v-3640d166]{min-height:180px}.image-container[data-v-3640d166],.preview-image[data-v-3640d166],.preview-video[data-v-3640d166],.video-container[data-v-3640d166]{max-height:200px}.tool-actions[data-v-3640d166]{flex-direction:column;gap:10px}.create-btn[data-v-3640d166],.download-btn[data-v-3640d166],.reset-btn[data-v-3640d166]{flex:1 1 100%}}