@charset "UTF-8";.tool-page[data-v-2415acbe]{background:var(--color-bg);background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%201200%20800'%20preserveAspectRatio='xMidYMid%20slice'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='warm-gradient'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23ff6b6b'%20stop-opacity='0.25'%20/%3e%3cstop%20offset='50%25'%20stop-color='%23ff8e53'%20stop-opacity='0.18'%20/%3e%3cstop%20offset='100%25'%20stop-color='%23ffc857'%20stop-opacity='0.12'%20/%3e%3c/linearGradient%3e%3cfilter%20id='warm-blur'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20in='SourceGraphic'%20stdDeviation='60'%20/%3e%3c/filter%3e%3c/defs%3e%3cellipse%20cx='620'%20cy='285'%20rx='430'%20ry='295'%20fill='url(%23warm-gradient)'%20filter='url(%23warm-blur)'%20/%3e%3cellipse%20cx='870'%20cy='195'%20rx='265'%20ry='185'%20fill='%23ff6b6b'%20fill-opacity='0.12'%20filter='url(%23warm-blur)'%20/%3e%3cellipse%20cx='340'%20cy='465'%20rx='235'%20ry='168'%20fill='%23ff8e53'%20fill-opacity='0.10'%20filter='url(%23warm-blur)'%20/%3e%3cellipse%20cx='875'%20cy='570'%20rx='185'%20ry='135'%20fill='%23ffc857'%20fill-opacity='0.08'%20filter='url(%23warm-blur)'%20/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center top;background-size:100% auto;min-height:100vh}.page-container[data-v-2415acbe]{max-width:980px;margin:0 auto;padding:48px 24px}.page-header[data-v-2415acbe]{text-align:center;margin-bottom:32px}.header-icon[data-v-2415acbe]{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(var(--color-primary-rgb),.1);border-radius:16px;margin-bottom:16px}.page-title[data-v-2415acbe]{font-size:40px;font-weight:700;margin:0 0 8px}.page-description[data-v-2415acbe]{font-size:17px;color:var(--color-text-secondary);margin:0}.guide-section[data-v-2415acbe]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:32px;overflow:hidden}.guide-header[data-v-2415acbe]{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;transition:background .2s ease}.guide-header[data-v-2415acbe]:hover{background:var(--color-border)}.guide-title[data-v-2415acbe]{flex:1;font-size:17px;font-weight:500;color:var(--color-text-primary)}.guide-content[data-v-2415acbe]{padding:0 24px 24px}.guide-supported[data-v-2415acbe]{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.guide-steps[data-v-2415acbe]{margin:0;padding-left:24px;font-size:14px;color:var(--color-text-secondary)}.guide-steps li[data-v-2415acbe]{margin-bottom:4px}.drop-zone[data-v-2415acbe]{position:relative;border:2px dashed var(--color-border);border-radius:24px;padding:48px;text-align:center;transition:all .3s ease;cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center}.drop-zone[data-v-2415acbe]:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.02)}.drop-zone.has-file[data-v-2415acbe]{padding:24px;border-style:solid}.file-input[data-v-2415acbe]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-content[data-v-2415acbe]{display:flex;flex-direction:column;align-items:center}.drop-icon-wrapper[data-v-2415acbe]{margin-bottom:16px}.drop-title[data-v-2415acbe]{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.drop-hint[data-v-2415acbe]{font-size:14px;color:var(--color-text-secondary);margin:0}.drop-limit[data-v-2415acbe]{font-size:12px;color:var(--color-text-secondary);margin-top:8px}.preview-grid[data-v-2415acbe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;width:100%}.preview-item[data-v-2415acbe]{position:relative;background:var(--color-surface);border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.preview-image[data-v-2415acbe]{width:100%;aspect-ratio:1;object-fit:cover}.preview-overlay[data-v-2415acbe]{position:absolute;top:0;right:0;padding:4px}.remove-btn[data-v-2415acbe]{background:#00000080!important}.file-name[data-v-2415acbe]{font-size:12px;color:var(--color-text-primary);padding:4px 8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size-info[data-v-2415acbe]{display:flex;align-items:center;gap:4px;padding:0 8px 8px;font-size:12px;flex-wrap:wrap}.original-size[data-v-2415acbe],.size-arrow[data-v-2415acbe],.compressed-size[data-v-2415acbe]{color:var(--color-text-secondary)}.compressed-size.is-smaller[data-v-2415acbe]{color:var(--color-positive);font-weight:600}.reduction-badge[data-v-2415acbe]{font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px}.reduction-badge.excellent[data-v-2415acbe]{background:rgba(var(--color-positive-rgb),.15);color:var(--color-positive)}.reduction-badge.good[data-v-2415acbe]{background:#4caf5026;color:#4caf50}.reduction-badge.moderate[data-v-2415acbe]{background:#ffc10726;color:#f9a825}.reduction-badge.increased[data-v-2415acbe]{background:rgba(var(--color-negative-rgb),.15);color:var(--color-negative)}.compressed-badge[data-v-2415acbe]{position:absolute;top:4px;left:4px}.file-count-info[data-v-2415acbe]{text-align:center;font-size:14px;color:var(--color-text-secondary);margin-top:16px}.options-section[data-v-2415acbe]{margin-top:32px}.options-grid[data-v-2415acbe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.option-card[data-v-2415acbe]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.option-label[data-v-2415acbe]{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.quality-slider-wrapper[data-v-2415acbe]{padding:0 8px}.quality-slider[data-v-2415acbe]{margin-top:24px}.quality-labels[data-v-2415acbe]{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--color-text-secondary)}.format-toggle[data-v-2415acbe]{width:100%}.format-toggle[data-v-2415acbe] .q-btn{flex:1}.total-stats[data-v-2415acbe]{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:32px;flex-wrap:wrap}.stat-item[data-v-2415acbe]{text-align:center}.stat-item.highlight[data-v-2415acbe]{padding:8px 16px;background:rgba(var(--color-positive-rgb),.1);border-radius:12px}.stat-label[data-v-2415acbe]{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.stat-value[data-v-2415acbe]{font-size:24px;font-weight:600;color:var(--color-text-primary)}.stat-value.compressed[data-v-2415acbe]{color:var(--color-primary)}.stat-value.saved[data-v-2415acbe]{color:var(--color-positive)}.stat-arrow[data-v-2415acbe]{color:var(--color-text-secondary)}.action-buttons[data-v-2415acbe]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.action-btn[data-v-2415acbe]{min-width:160px}@media(max-width:576px){.preview-grid[data-v-2415acbe]{grid-template-columns:repeat(2,1fr)}.total-stats[data-v-2415acbe]{flex-direction:column;gap:16px}.stat-arrow[data-v-2415acbe]{transform:rotate(90deg)}.action-buttons[data-v-2415acbe]{flex-direction:column}.action-buttons .action-btn[data-v-2415acbe]{width:100%}}