.gif-frame-list[data-v-7f2f8598]{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);font-family:var(--font-display);padding:16px}.frame-list-header[data-v-7f2f8598]{color:var(--text-secondary);align-items:center;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.frame-list-header .frame-count[data-v-7f2f8598],.frame-list-header .frame-duration[data-v-7f2f8598]{align-items:center;gap:4px;display:flex}.frame-strip[data-v-7f2f8598]{scroll-behavior:smooth;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.frame-strip[data-v-7f2f8598]::-webkit-scrollbar{height:6px}.frame-strip[data-v-7f2f8598]::-webkit-scrollbar-track{background:0 0}.frame-strip[data-v-7f2f8598]::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:3px}.frame-item[data-v-7f2f8598]{cursor:pointer;border-radius:var(--radius-sm);border:2px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.frame-item[data-v-7f2f8598]:hover{border-color:var(--border-color-strong)}.frame-item.is-selected[data-v-7f2f8598]{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-soft)}.frame-thumb[data-v-7f2f8598]{border-radius:var(--radius-sm);background:var(--bg-warm);width:80px;height:80px;position:relative;overflow:hidden}.frame-thumb canvas[data-v-7f2f8598]{object-fit:contain;width:100%;height:100%;display:block}.frame-delete-btn[data-v-7f2f8598]{color:#fff;cursor:pointer;opacity:0;background:#2c2c2eb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .15s,background .15s;display:flex;position:absolute;top:4px;right:4px}.frame-item:hover .frame-delete-btn[data-v-7f2f8598]{opacity:1}.frame-delete-btn[data-v-7f2f8598]:hover{background:#dc3232d9}.frame-number[data-v-7f2f8598]{color:var(--text-muted);font-size:12px;line-height:1}@media (width<=768px){.gif-frame-list[data-v-7f2f8598]{padding:12px}.frame-list-header[data-v-7f2f8598]{flex-wrap:wrap;gap:8px}.frame-strip[data-v-7f2f8598]{gap:8px}.frame-thumb[data-v-7f2f8598]{width:64px;height:64px}}.settings-panel[data-v-b12e7330]{background:var(--card-bg);border-radius:var(--radius-md);width:280px;box-shadow:var(--card-shadow);flex-shrink:0;height:fit-content;padding:24px}.settings-panel h3[data-v-b12e7330]{font-family:var(--font-display);color:var(--navy);margin-bottom:12px;font-size:15px;font-weight:700}.setting-item[data-v-b12e7330]{margin-bottom:18px}.setting-item[data-v-b12e7330]:last-of-type{margin-bottom:0}.setting-label[data-v-b12e7330]{margin-bottom:8px}.label-text[data-v-b12e7330]{font-family:var(--font-display);color:var(--navy);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.label-desc[data-v-b12e7330]{color:var(--text-muted);font-size:11px;line-height:1.4;display:block}.size-hint[data-v-b12e7330]{background:var(--duck-yellow-soft);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.size-hint .hint-icon[data-v-b12e7330]{flex-shrink:0}[data-v-b12e7330] .el-input-number{width:100%}[data-v-b12e7330] .el-input-number .el-input__wrapper{border-radius:var(--radius-sm)}[data-v-b12e7330] .el-slider{margin-right:8px}[data-v-b12e7330] .el-slider .el-slider__runway{height:4px}[data-v-b12e7330] .el-slider .el-slider__bar{background:var(--accent-blue)}[data-v-b12e7330] .el-slider .el-slider__button{border-color:var(--accent-blue)}[data-v-b12e7330] .el-select{width:100%}[data-v-b12e7330] .el-select .el-input__wrapper{border-radius:var(--radius-sm)}.tool-page[data-v-37615ea2]{padding-top:24px;padding-bottom:60px}.tool-header[data-v-37615ea2]{margin-bottom:32px}.tool-header h1[data-v-37615ea2]{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.tool-header p[data-v-37615ea2]{color:var(--text-muted);font-size:15px}.title-icon[data-v-37615ea2]{color:var(--duck-yellow);vertical-align:middle;margin-right:4px}.upload-section[data-v-37615ea2] .el-upload{width:100%}.upload-section[data-v-37615ea2] .el-upload-dragger{justify-content:center!important;align-items:center!important;height:400px!important;padding:0!important;display:flex!important}.upload-content[data-v-37615ea2]{text-align:center;padding:40px}.upload-icon[data-v-37615ea2]{color:var(--duck-yellow);margin-bottom:16px}.upload-title[data-v-37615ea2]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-37615ea2]{color:var(--text-muted);margin-bottom:16px;font-size:13px}.format-badges[data-v-37615ea2]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.format-badge[data-v-37615ea2]{border:1.5px solid var(--accent-blue);font-family:var(--font-display);letter-spacing:.5px;color:var(--accent-blue);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.workspace-content[data-v-37615ea2]{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}.settings-panel[data-v-37615ea2]{flex-shrink:0;width:280px}.crop-panel[data-v-37615ea2]{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);margin-top:16px;padding:24px}.crop-panel h3[data-v-37615ea2]{font-family:var(--font-display);color:var(--navy);margin-bottom:16px;font-size:15px;font-weight:700}.crop-toggle[data-v-37615ea2]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.crop-toggle-label[data-v-37615ea2]{color:var(--text-secondary);font-size:13px;font-weight:600}.crop-info[data-v-37615ea2]{background:var(--bg-warm);border-radius:var(--radius-sm);padding:12px}.crop-info-row[data-v-37615ea2]{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.crop-info-row+.crop-info-row[data-v-37615ea2]{margin-top:6px}.crop-info-row span[data-v-37615ea2]:last-child{font-family:var(--font-display);color:var(--navy);font-weight:600}.crop-actions[data-v-37615ea2]{gap:8px;margin-top:12px;display:flex}.apply-crop-btn[data-v-37615ea2]{flex:1;background:var(--accent-blue)!important;border-color:var(--accent-blue)!important}.reset-crop-btn[data-v-37615ea2]{color:var(--text-muted)!important;border-color:var(--border-color)!important}.preview-label-row[data-v-37615ea2]{align-items:center;width:100%;max-width:560px;display:flex}.cropped-tag[data-v-37615ea2]{color:var(--duck-yellow)!important;background:#f5a62326!important}.crop-coming-soon[data-v-37615ea2]{border-radius:var(--radius-sm);color:var(--accent-blue);text-align:center;background:#4f8ef714;margin-top:10px;padding:8px 12px;font-size:12px}.action-buttons[data-v-37615ea2]{flex-direction:column;gap:8px;margin-top:24px;display:flex}.action-btn[data-v-37615ea2]{box-sizing:border-box!important;width:100%!important;margin:0!important;display:flex!important}.add-more-upload[data-v-37615ea2]{width:100%}.add-more-upload[data-v-37615ea2] .el-upload{width:100%;display:block}.add-more-btn[data-v-37615ea2]{color:var(--accent-blue)!important;border-color:var(--accent-blue)!important}.preview-area-wrapper[data-v-37615ea2]{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}@media (width<=768px){.tool-page[data-v-37615ea2]{min-height:auto}.workspace-content[data-v-37615ea2]{flex-direction:column;flex:none}.settings-panel[data-v-37615ea2]{width:100%;position:static}.upload-section[data-v-37615ea2] .el-upload-dragger{height:280px!important}}