@charset "UTF-8";.tool-page[data-v-f5e77b2a]{background-color:var(--color-bg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;min-height:100vh}.page-container[data-v-f5e77b2a]{max-width:980px;margin:0 auto;padding:48px 24px}.page-header[data-v-f5e77b2a]{text-align:center;margin-bottom:24px}.header-icon[data-v-f5e77b2a]{width:56px;height:56px;border-radius:12px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.page-title[data-v-f5e77b2a]{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.page-description[data-v-f5e77b2a]{font-size:17px;color:var(--color-text-secondary);margin:0}.guide-section[data-v-f5e77b2a]{background:var(--color-surface);border-radius:16px;margin-bottom:32px;overflow:hidden}.guide-header[data-v-f5e77b2a]{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;transition:background-color .2s ease}.guide-header[data-v-f5e77b2a]:hover{background:#3b82f60d}.guide-title[data-v-f5e77b2a]{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary)}.guide-content[data-v-f5e77b2a]{padding:0 24px 24px}.guide-supported[data-v-f5e77b2a]{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px;padding:8px 16px;background:#3b82f60d;border-radius:12px;border-left:3px solid #3b82f6}.guide-steps[data-v-f5e77b2a]{margin:0;padding-left:24px}.guide-steps li[data-v-f5e77b2a]{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.guide-steps li[data-v-f5e77b2a]::marker{color:#3b82f6;font-weight:600}.guide-description[data-v-f5e77b2a]{font-size:14px;color:var(--color-text-secondary);line-height:1.8;margin:0 0 24px}.guide-subtitle[data-v-f5e77b2a]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:24px 0 8px}.guide-tips[data-v-f5e77b2a]{margin:0;padding-left:24px;list-style-type:disc}.guide-tips li[data-v-f5e77b2a]{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.guide-tips li[data-v-f5e77b2a]::marker{color:#f59e0b}.guide-faq[data-v-f5e77b2a]{display:flex;flex-direction:column;gap:16px}.faq-item[data-v-f5e77b2a]{padding:16px;background:var(--color-bg);border-radius:12px;border-left:3px solid #3b82f6}.faq-question[data-v-f5e77b2a]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.faq-answer[data-v-f5e77b2a]{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}.drop-zone[data-v-f5e77b2a]{position:relative;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:16px;padding:64px 32px;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;margin-bottom:16px}.drop-zone[data-v-f5e77b2a]:hover{border-color:#3b82f6;background:#3b82f605}.drop-zone.has-file[data-v-f5e77b2a]{border-style:solid;border-color:#3b82f6;padding:0;display:none}.file-input[data-v-f5e77b2a]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon-wrapper[data-v-f5e77b2a]{margin-bottom:16px}.drop-title[data-v-f5e77b2a]{font-size:17px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.drop-hint[data-v-f5e77b2a]{font-size:14px;color:var(--color-text-secondary);margin:0}.drop-limit[data-v-f5e77b2a]{font-size:12px;color:var(--color-text-secondary);margin:8px 0 0;opacity:.7}.preview-grid[data-v-f5e77b2a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.preview-item[data-v-f5e77b2a]{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--color-bg)}.preview-image[data-v-f5e77b2a]{width:100%;height:100%;object-fit:cover}.preview-overlay[data-v-f5e77b2a]{position:absolute;top:0;right:0;padding:4px}.remove-btn[data-v-f5e77b2a]{background:#00000080}.file-name[data-v-f5e77b2a]{position:absolute;bottom:0;left:0;right:0;padding:4px;font-size:12px;color:#fff;background:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.converted-badge[data-v-f5e77b2a],.cleaned-badge[data-v-f5e77b2a]{position:absolute;top:4px;left:4px;background:#fff;border-radius:50%}.file-count-info[data-v-f5e77b2a]{text-align:center;font-size:14px;color:var(--color-text-secondary);margin-bottom:32px}.actions-row[data-v-f5e77b2a]{display:flex;gap:16px;margin-top:24px;margin-bottom:24px;flex-wrap:wrap}.actions-row .action-btn[data-v-f5e77b2a]{flex:1;min-width:120px}.section-label[data-v-f5e77b2a],.result-label[data-v-f5e77b2a],.option-label[data-v-f5e77b2a]{display:block;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.result-grid[data-v-f5e77b2a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.result-item[data-v-f5e77b2a]{background:var(--color-surface);border-radius:16px;overflow:hidden}.converted-image[data-v-f5e77b2a],.cleaned-image[data-v-f5e77b2a]{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-bg)}.result-item-actions[data-v-f5e77b2a]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.result-file-name[data-v-f5e77b2a]{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}@media(max-width:768px){.page-container[data-v-f5e77b2a]{padding:32px 16px}.page-title[data-v-f5e77b2a]{font-size:32px}.drop-zone[data-v-f5e77b2a]{padding:48px 16px}.preview-grid[data-v-f5e77b2a]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.result-grid[data-v-f5e77b2a]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.tool-page[data-v-f5e77b2a]{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")}.preview-item[data-v-f5e77b2a]{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--color-bg);cursor:grab}.preview-item[data-v-f5e77b2a]:active{cursor:grabbing}.preview-overlay[data-v-f5e77b2a]{position:absolute;inset:0;display:flex;justify-content:space-between;padding:4px}.preview-index[data-v-f5e77b2a]{background:#0009;color:#fff;font-size:12px;font-weight:600;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-btn[data-v-f5e77b2a]{background:#00000080;align-self:flex-start}.options-grid[data-v-f5e77b2a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.option-card[data-v-f5e77b2a]{background:var(--color-surface);border-radius:16px;padding:24px}.option-select[data-v-f5e77b2a] .q-field__control{border-radius:12px;background:var(--color-bg)}.option-slider[data-v-f5e77b2a]{padding-top:16px}@media(max-width:768px){.page-container[data-v-f5e77b2a]{padding:32px 16px}.page-title[data-v-f5e77b2a]{font-size:32px}.drop-zone[data-v-f5e77b2a]{padding:48px 16px}.preview-grid[data-v-f5e77b2a]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.options-grid[data-v-f5e77b2a]{grid-template-columns:1fr}}
