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