.tool-page[data-v-2d173588]{padding-top:24px;padding-bottom:60px}.tool-header[data-v-2d173588]{margin-bottom:32px}.tool-header h1[data-v-2d173588]{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.tool-header p[data-v-2d173588]{color:var(--text-muted);font-size:15px}.title-icon[data-v-2d173588]{color:#a855f7;vertical-align:middle;margin-right:4px}.upload-section[data-v-2d173588] .el-upload{width:100%}.upload-section[data-v-2d173588] .el-upload-dragger{justify-content:center!important;align-items:center!important;height:360px!important;padding:0!important;display:flex!important}.upload-content[data-v-2d173588]{text-align:center;padding:40px}.upload-icon[data-v-2d173588]{color:var(--duck-yellow);margin-bottom:16px}.upload-title[data-v-2d173588]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-2d173588]{color:var(--text-muted);margin-bottom:16px;font-size:13px}.workspace-content[data-v-2d173588]{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}.settings-panel[data-v-2d173588]{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-2d173588]{font-family:var(--font-display);color:var(--navy);margin-bottom:12px;font-size:15px;font-weight:700}.mode-tabs[data-v-2d173588]{background:#00000008;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.mode-tab[data-v-2d173588]{font-family:var(--font-display);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.mode-tab[data-v-2d173588]:hover{background:#00000005}.mode-tab.active[data-v-2d173588]{background:var(--accent-blue);color:var(--navy)}.percent-slider-wrap[data-v-2d173588]{margin-bottom:8px;padding:0 8px}.percent-slider-wrap[data-v-2d173588] .el-slider__runway{height:6px}.percent-slider-wrap[data-v-2d173588] .el-slider__bar{background:#a855f7;height:6px}.percent-slider-wrap[data-v-2d173588] .el-slider__button{border:2px solid #a855f7;width:18px;height:18px}.percent-display[data-v-2d173588]{text-align:center;margin-bottom:20px}.percent-current[data-v-2d173588]{font-family:var(--font-display);color:#a855f7;font-size:28px;font-weight:800}.size-inputs[data-v-2d173588]{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.input-row[data-v-2d173588]{flex-direction:column;gap:6px;display:flex}.input-row label[data-v-2d173588],.lock-label[data-v-2d173588]{color:var(--text-secondary);font-size:13px;font-weight:500}.original-size-info[data-v-2d173588]{background:var(--bg-warm);color:var(--text-muted);border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:500}.preset-options[data-v-2d173588]{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset-btn[data-v-2d173588]{cursor:pointer;color:var(--text-secondary);background:#fff;border:2px solid #0000000f;border-radius:8px;padding:8px;font-size:13px;font-weight:500;transition:all .2s}.preset-btn[data-v-2d173588]:hover{background:#a855f70d;border-color:#a855f7}.preset-btn.active[data-v-2d173588]{color:#a855f7;background:#a855f71a;border-color:#a855f7}.info-grid[data-v-2d173588]{flex-direction:column;gap:8px;margin-top:20px;margin-bottom:20px;display:flex}.info-item[data-v-2d173588]{background:#00000005;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.info-label[data-v-2d173588]{color:var(--text-muted);font-size:12px}.info-value[data-v-2d173588]{font-family:var(--font-display);color:var(--duck-yellow-dark);font-size:13px;font-weight:600}.action-buttons[data-v-2d173588]{flex-direction:column;gap:8px;margin-top:24px;display:flex}.action-btn[data-v-2d173588]{box-sizing:border-box!important;width:100%!important;margin:0!important;display:flex!important}.preview-area-wrap[data-v-2d173588]{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.preview-label-row[data-v-2d173588]{align-items:center;width:100%;max-width:560px;display:flex}.preview-tag[data-v-2d173588]{font-family:var(--font-display);color:var(--text-secondary);background:#0000000a;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700}.result-tag[data-v-2d173588]{color:#a855f7;background:#a855f71a}@media (width<=768px){.tool-page[data-v-2d173588]{min-height:auto}.workspace-content[data-v-2d173588]{flex-direction:column;flex:none}.settings-panel[data-v-2d173588]{width:100%;position:static}}