.webp-batch-panel[data-v-f206609c]{display:flex;flex-direction:column;gap:1rem}.webp-upload[data-v-f206609c] .el-upload-dragger{align-items:center;background-color:var(--fs-color-bg-surface);border:2px dashed var(--fs-color-border);border-radius:.75rem;display:flex;justify-content:center;min-height:16rem;transition:border-color .2s ease,background-color .2s ease}.webp-upload[data-v-f206609c] .el-upload-dragger:hover{background-color:color-mix(in srgb,var(--fs-color-primary) 6%,var(--fs-color-bg-surface));border-color:var(--fs-color-primary)}.webp-upload[data-v-f206609c] .el-upload.is-disabled{cursor:not-allowed}.webp-upload[data-v-f206609c] .el-upload.is-disabled .el-upload-dragger{background-color:var(--fs-color-bg-base);cursor:not-allowed;opacity:.85}.upload-inner[data-v-f206609c]{flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}.upload-icon-wrap[data-v-f206609c],.upload-inner[data-v-f206609c]{align-items:center;display:flex;justify-content:center}.upload-icon-wrap[data-v-f206609c]{background-color:var(--fs-color-bg-base);border:1px solid var(--fs-color-border);border-radius:9999px;height:3.5rem;width:3.5rem}.upload-icon[data-v-f206609c]{color:var(--fs-color-text-muted);font-size:1.75rem}.upload-title[data-v-f206609c]{color:var(--fs-color-text-primary);font-weight:700}.upload-hint[data-v-f206609c]{color:var(--fs-color-text-secondary);margin-top:.25rem}.quality-card[data-v-f206609c]{background-color:var(--fs-color-bg-surface);border:1px solid var(--fs-color-border);border-radius:.75rem;padding:1.25rem}.quality-main[data-v-f206609c]{align-items:center;display:flex;gap:1.5rem}.quality-label[data-v-f206609c]{color:var(--fs-color-text-primary);flex:0 0 auto;font-weight:600;min-width:4.25rem;white-space:nowrap;width:auto}.quality-slider[data-v-f206609c]{flex:1 1 auto}.quality-value[data-v-f206609c]{color:var(--fs-color-text-primary);flex:0 0 auto;font-weight:600;text-align:right;width:3.25rem}.quality-tip[data-v-f206609c]{color:var(--fs-color-text-secondary);font-size:.875rem;margin-top:.5rem;padding-left:5.75rem}.table-wrap[data-v-f206609c]{background-color:var(--fs-color-bg-surface);border:1px solid var(--fs-color-border);border-radius:.75rem;overflow:hidden}.table-wrap[data-v-f206609c] .el-table{background-color:transparent}.table-wrap[data-v-f206609c] .el-table__inner-wrapper:before{height:0}.table-wrap[data-v-f206609c] .el-table__header-wrapper th.el-table__cell{background-color:var(--fs-color-bg-base)}.table-wrap[data-v-f206609c] .el-table__header-wrapper th.el-table__cell .cell{color:var(--fs-color-text-secondary);font-size:.875rem;font-weight:600;line-height:1.4;padding:.75rem 1.5rem}.table-wrap[data-v-f206609c] .el-table__body-wrapper td.el-table__cell .cell{line-height:1.4;padding:1rem 1.5rem}.table-wrap[data-v-f206609c] .el-table__body tr:hover>td.el-table__cell{background-color:var(--fs-color-bg-hover)}.table-wrap[data-v-f206609c] .el-table__empty-block{padding:0}.file-table-empty[data-v-f206609c]{align-items:center;color:var(--fs-color-text-secondary);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem 0}.file-table-empty-icon[data-v-f206609c]{color:var(--fs-color-border);font-size:2.5rem}.file-table-empty-text[data-v-f206609c]{font-size:.875rem}.actions-row[data-v-f206609c]{flex-direction:column;padding-top:.25rem}.actions-buttons[data-v-f206609c],.actions-row[data-v-f206609c]{align-items:center;display:flex;gap:.5rem;width:100%}.actions-buttons[data-v-f206609c]{flex-wrap:wrap;justify-content:center}.actions-buttons[data-v-f206609c] .el-button{margin:0}.row-actions[data-v-f206609c]{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem}.actions-hint[data-v-f206609c]{color:var(--fs-color-text-secondary);font-size:.875rem}.error-text[data-v-f206609c]{color:var(--el-color-danger);font-size:.85rem;margin-top:.25rem;word-break:break-word}.status-progress[data-v-f206609c]{color:var(--fs-color-text-secondary);font-size:.875rem;font-weight:700;margin-left:.5rem}.mobile-cards[data-v-f206609c]{display:none}@media(max-width:768px){.table-wrap[data-v-f206609c]{display:none}.mobile-cards[data-v-f206609c]{gap:.75rem}.mobile-cards[data-v-f206609c],.mobile-cards-empty[data-v-f206609c]{display:flex;flex-direction:column}.mobile-cards-empty[data-v-f206609c]{align-items:center;background-color:var(--fs-color-bg-surface);border:1px solid var(--fs-color-border);border-radius:.75rem;color:var(--fs-color-text-secondary);gap:.5rem;justify-content:center;padding:2.25rem 1rem}.mobile-cards-empty-icon[data-v-f206609c]{color:var(--fs-color-border);font-size:2.25rem}.mobile-cards-empty-text[data-v-f206609c]{font-size:.875rem}.file-card[data-v-f206609c]{background-color:var(--fs-color-bg-surface);border:1px solid var(--fs-color-border);border-radius:.75rem;padding:1rem}.file-card--success[data-v-f206609c]{background-color:color-mix(in srgb,var(--el-color-success) 6%,var(--fs-color-bg-surface));border-color:color-mix(in srgb,var(--el-color-success) 35%,var(--fs-color-border))}.file-card--failed[data-v-f206609c]{background-color:color-mix(in srgb,var(--el-color-danger) 5%,var(--fs-color-bg-surface));border-color:color-mix(in srgb,var(--el-color-danger) 40%,var(--fs-color-border))}.file-card__header[data-v-f206609c]{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.file-card__name[data-v-f206609c]{color:var(--fs-color-text-primary);flex:1 1 auto;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card__status[data-v-f206609c]{flex:0 0 auto}.status-pill[data-v-f206609c]{align-items:center;background-color:var(--fs-color-bg-base);border:1px solid var(--fs-color-border);border-radius:9999px;display:inline-flex;font-size:.75rem;gap:.25rem;line-height:1.2;padding:.2rem .5rem;white-space:nowrap}.status-pill[data-v-f206609c],.status-pill__percent[data-v-f206609c]{color:var(--fs-color-text-secondary);font-weight:700}.status-pill__percent[data-v-f206609c]{margin-left:.25rem}.status-pill__icon[data-v-f206609c]{font-size:1rem}.status-pill--success[data-v-f206609c]{background-color:color-mix(in srgb,var(--el-color-success) 10%,var(--fs-color-bg-base));border-color:color-mix(in srgb,var(--el-color-success) 45%,var(--fs-color-border));color:var(--el-color-success)}.status-pill--failed[data-v-f206609c]{background-color:color-mix(in srgb,var(--el-color-danger) 10%,var(--fs-color-bg-base));border-color:color-mix(in srgb,var(--el-color-danger) 45%,var(--fs-color-border));color:var(--el-color-danger)}.status-pill--converting[data-v-f206609c]{background-color:color-mix(in srgb,var(--el-color-warning) 8%,var(--fs-color-bg-base));border-color:color-mix(in srgb,var(--el-color-warning) 40%,var(--fs-color-border));color:var(--el-color-warning)}.file-card__sizes[data-v-f206609c]{align-items:center;background-color:var(--fs-color-bg-base);border:1px solid var(--fs-color-border);border-radius:.75rem;display:flex;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding:.75rem}.file-card__size[data-v-f206609c]{color:var(--fs-color-text-primary);font-weight:700;white-space:nowrap}.file-card__size--original[data-v-f206609c]{color:var(--fs-color-text-secondary);-webkit-text-decoration:line-through;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--fs-color-text-secondary) 70%,transparent);text-decoration-thickness:.12rem}.file-card__arrow[data-v-f206609c]{color:var(--fs-color-text-secondary);flex:0 0 auto}.file-card__saved[data-v-f206609c]{color:var(--fs-color-primary);font-weight:700;margin-top:.5rem;text-align:right}.file-card__error[data-v-f206609c]{align-items:flex-start;background-color:color-mix(in srgb,var(--el-color-danger) 6%,var(--fs-color-bg-base));border:1px solid color-mix(in srgb,var(--el-color-danger) 35%,var(--fs-color-border));border-radius:.75rem;display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem}.file-card__error-icon[data-v-f206609c]{color:var(--el-color-danger);flex:0 0 auto;margin-top:.05rem}.file-card__error-text[data-v-f206609c]{color:var(--el-color-danger);font-size:.875rem;word-break:break-word}.file-card__actions[data-v-f206609c]{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.webp-upload[data-v-f206609c] .el-upload-dragger{min-height:14rem}.quality-tip[data-v-f206609c]{padding-left:5.25rem}.actions-buttons[data-v-f206609c],.actions-row[data-v-f206609c]{align-items:stretch}.actions-buttons[data-v-f206609c]{flex-direction:column}.actions-buttons[data-v-f206609c] .el-button{justify-content:center}.actions-row[data-v-f206609c] .el-button{width:100%}}.webp-page[data-v-54f3f447]{margin:0 auto;max-width:75rem;padding:1.5rem}.webp-header[data-v-54f3f447]{justify-content:space-between;padding:.5rem 0}.webp-header[data-v-54f3f447],.webp-header-left[data-v-54f3f447]{align-items:center;display:flex}.webp-header-left[data-v-54f3f447]{gap:1rem}.webp-header-icon[data-v-54f3f447]{align-items:center;background:transparent;border-radius:0;display:flex;height:3rem;justify-content:center;width:3rem}.webp-header-icon-img[data-v-54f3f447]{display:block;height:2.5rem;width:2.5rem}.webp-header-title[data-v-54f3f447]{color:var(--fs-color-text-primary);font-size:1.5rem;line-height:1.2;margin:0}.webp-header-subtitle[data-v-54f3f447]{color:var(--fs-color-text-secondary);font-size:.875rem;margin:.25rem 0 0}.webp-stats[data-v-54f3f447]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:.75rem 0 1rem}.stat-card[data-v-54f3f447]{background-color:var(--fs-color-bg-base);border:1px solid var(--fs-color-border);border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;padding:1.25rem}.stat-label[data-v-54f3f447]{color:var(--fs-color-text-secondary);font-size:.875rem}.stat-value[data-v-54f3f447]{align-items:baseline;color:var(--fs-color-text-primary);display:flex;gap:.5rem}.stat-value-main[data-v-54f3f447]{font-size:1.25rem;font-weight:700}.stat-unit[data-v-54f3f447]{color:var(--fs-color-text-secondary);font-size:.75rem}.webp-tabs[data-v-54f3f447]{margin-top:1rem}.webp-tabs[data-v-54f3f447] .el-tabs__header{margin:0}.webp-tabs[data-v-54f3f447] .el-tabs__nav-wrap:after{background-color:var(--el-border-color-light)}.webp-tabs[data-v-54f3f447] .el-tabs__active-bar{background-color:var(--el-color-primary)}.webp-tabs[data-v-54f3f447] .el-tabs__item{background-color:var(--fs-color-bg-surface-2);border-radius:.5rem;color:var(--fs-color-text-secondary);font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:0 1.25rem!important;position:relative;text-align:center;text-overflow:ellipsis;transition:background-color .15s ease,color .15s ease;white-space:nowrap;width:7.5rem}.webp-tabs[data-v-54f3f447] .el-tabs__item:hover:not(.is-active){background-color:var(--fs-color-bg-hover);color:var(--fs-color-text-primary)}.webp-tabs[data-v-54f3f447] .el-tabs__item:first-child,.webp-tabs[data-v-54f3f447] .el-tabs__item:last-child{padding-left:1.25rem!important;padding-right:1.25rem!important}.webp-tabs[data-v-54f3f447] .el-tabs__item.is-active{background-color:color-mix(in srgb,var(--el-color-primary) 14%,transparent);color:var(--el-color-primary)}.webp-tab-label[data-v-54f3f447]{align-items:center;display:inline-flex;gap:.5rem}.webp-tab-label-text[data-v-54f3f447]{line-height:1}.webp-tab-label-count[data-v-54f3f447]{align-items:center;background-color:color-mix(in srgb,var(--fs-color-border) 26%,var(--fs-color-bg-base));border:1px solid var(--fs-color-border);border-radius:9999px;box-sizing:border-box;color:var(--fs-color-text-secondary);display:inline-flex;font-size:.875rem;font-weight:700;height:1.5rem;justify-content:center;line-height:1;min-width:1.5rem;padding:0 .5rem}.webp-tool-info[data-v-54f3f447]{padding-top:.5rem}.info-title[data-v-54f3f447]{color:var(--fs-color-text-primary);font-size:1.1rem;margin:.75rem 0 .5rem}.info-list[data-v-54f3f447],.info-ol[data-v-54f3f447],.info-paragraph[data-v-54f3f447]{color:var(--fs-color-text);line-height:1.7;margin:0 0 .75rem}.info-list[data-v-54f3f447],.info-ol[data-v-54f3f447]{padding-left:1.25rem}.info-link[data-v-54f3f447]{color:var(--fs-color-text-link)}.faq-item[data-v-54f3f447]{margin-bottom:.75rem}.faq-question[data-v-54f3f447]{color:var(--fs-color-text-primary);font-size:1rem;margin:0 0 .5rem}.comparison-table-wrap[data-v-54f3f447]{background-color:var(--fs-color-bg-surface);border:1px solid var(--fs-color-border);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden}.comparison-table-wrap[data-v-54f3f447] .el-table{background-color:transparent}.comparison-table-wrap[data-v-54f3f447] .el-table__inner-wrapper:before{height:0}.comparison-table-wrap[data-v-54f3f447] .el-table__header-wrapper th.el-table__cell{background-color:var(--fs-color-bg-base)}.comparison-table-wrap[data-v-54f3f447] .el-table__header-wrapper th.el-table__cell .cell{color:var(--fs-color-text-primary);font-size:.875rem;font-weight:600;line-height:1.4;padding:.5rem 1rem}.comparison-table-wrap[data-v-54f3f447] .el-table__body-wrapper td.el-table__cell .cell{line-height:1.4;padding:.5rem 1rem}.comparison-table-wrap[data-v-54f3f447] .el-table__body tr:hover>td.el-table__cell{background-color:var(--fs-color-bg-hover)}.comparison-table-wrap[data-v-54f3f447] .el-table__body-wrapper td.el-table__cell .cell{font-size:.875rem}.cmp-support[data-v-54f3f447]{align-items:center;display:inline-flex;font-weight:600;gap:.4rem;justify-content:center}.cmp-support--yes[data-v-54f3f447]{color:var(--el-color-success)}.cmp-support--no[data-v-54f3f447]{color:var(--el-color-danger)}.cmp-icon[data-v-54f3f447]{line-height:1}.cmp-note[data-v-54f3f447]{font-weight:500;opacity:.85}@media(max-width:768px){.webp-page[data-v-54f3f447]{padding:.75rem}.webp-header-icon[data-v-54f3f447]{height:2.5rem;width:2.5rem}.webp-header-icon-img[data-v-54f3f447]{height:2.1rem;width:2.1rem}.webp-header-title[data-v-54f3f447]{font-size:1.25rem}.webp-tabs[data-v-54f3f447] .el-tabs__item{font-size:.95rem}.comparison-table-wrap[data-v-54f3f447]{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table-wrap[data-v-54f3f447] .el-table{min-width:100%}.cmp-text[data-v-54f3f447]{display:none}.cmp-support[data-v-54f3f447]{display:flex;flex-wrap:wrap;gap:.2rem .4rem;width:100%}.cmp-note[data-v-54f3f447]{flex-basis:100%;text-align:center;white-space:nowrap}}
