@charset "UTF-8";.tool-page[data-v-0fb86f76]{background-color:var(--color-bg);background-repeat:no-repeat;background-position:center top;background-size:100% auto;min-height:100vh}.page-container[data-v-0fb86f76]{max-width:980px;margin:0 auto;padding:48px 24px}.page-header[data-v-0fb86f76]{text-align:center;margin-bottom:24px}.header-icon[data-v-0fb86f76]{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-0fb86f76]{font-size:40px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.page-description[data-v-0fb86f76]{font-size:17px;color:var(--color-text-secondary);margin:0}.guide-section[data-v-0fb86f76]{background:var(--color-surface);border-radius:16px;margin-bottom:32px;overflow:hidden}.guide-header[data-v-0fb86f76]{display:flex;align-items:center;gap:8px;padding:16px 24px;cursor:pointer;transition:background-color .2s ease}.guide-header[data-v-0fb86f76]:hover{background:#3b82f60d}.guide-title[data-v-0fb86f76]{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary)}.guide-content[data-v-0fb86f76]{padding:0 24px 24px}.guide-supported[data-v-0fb86f76]{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-0fb86f76]{margin:0;padding-left:24px}.guide-steps li[data-v-0fb86f76]{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.guide-steps li[data-v-0fb86f76]::marker{color:#3b82f6;font-weight:600}.guide-description[data-v-0fb86f76]{font-size:14px;color:var(--color-text-secondary);line-height:1.8;margin:0 0 24px}.guide-subtitle[data-v-0fb86f76]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:24px 0 8px}.guide-tips[data-v-0fb86f76]{margin:0;padding-left:24px;list-style-type:disc}.guide-tips li[data-v-0fb86f76]{font-size:14px;color:var(--color-text-secondary);margin-bottom:4px;line-height:1.6}.guide-tips li[data-v-0fb86f76]::marker{color:#f59e0b}.guide-faq[data-v-0fb86f76]{display:flex;flex-direction:column;gap:16px}.faq-item[data-v-0fb86f76]{padding:16px;background:var(--color-bg);border-radius:12px;border-left:3px solid #3b82f6}.faq-question[data-v-0fb86f76]{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.faq-answer[data-v-0fb86f76]{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0}.drop-zone[data-v-0fb86f76]{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-0fb86f76]:hover{border-color:#3b82f6;background:#3b82f605}.drop-zone.has-file[data-v-0fb86f76]{border-style:solid;border-color:#3b82f6;padding:0;display:none}.file-input[data-v-0fb86f76]{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon-wrapper[data-v-0fb86f76]{margin-bottom:16px}.drop-title[data-v-0fb86f76]{font-size:17px;font-weight:500;color:var(--color-text-primary);margin:0 0 4px}.drop-hint[data-v-0fb86f76]{font-size:14px;color:var(--color-text-secondary);margin:0}.drop-limit[data-v-0fb86f76]{font-size:12px;color:var(--color-text-secondary);margin:8px 0 0;opacity:.7}.preview-grid[data-v-0fb86f76]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.preview-item[data-v-0fb86f76]{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--color-bg)}.preview-image[data-v-0fb86f76]{width:100%;height:100%;object-fit:cover}.preview-overlay[data-v-0fb86f76]{position:absolute;top:0;right:0;padding:4px}.remove-btn[data-v-0fb86f76]{background:#00000080}.file-name[data-v-0fb86f76]{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-0fb86f76],.cleaned-badge[data-v-0fb86f76]{position:absolute;top:4px;left:4px;background:#fff;border-radius:50%}.file-count-info[data-v-0fb86f76]{text-align:center;font-size:14px;color:var(--color-text-secondary);margin-bottom:32px}.actions-row[data-v-0fb86f76]{display:flex;gap:16px;margin-top:24px;margin-bottom:24px;flex-wrap:wrap}.actions-row .action-btn[data-v-0fb86f76]{flex:1;min-width:120px}.section-label[data-v-0fb86f76],.result-label[data-v-0fb86f76],.option-label[data-v-0fb86f76]{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-0fb86f76]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.result-item[data-v-0fb86f76]{background:var(--color-surface);border-radius:16px;overflow:hidden}.converted-image[data-v-0fb86f76],.cleaned-image[data-v-0fb86f76]{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-bg)}.result-item-actions[data-v-0fb86f76]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px}.result-file-name[data-v-0fb86f76]{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-0fb86f76]{padding:32px 16px}.page-title[data-v-0fb86f76]{font-size:32px}.drop-zone[data-v-0fb86f76]{padding:48px 16px}.preview-grid[data-v-0fb86f76]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.result-grid[data-v-0fb86f76]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.tool-page[data-v-0fb86f76]{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='ocean-gradient'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23667eea'%20stop-opacity='0.25'%20/%3e%3cstop%20offset='50%25'%20stop-color='%23764ba2'%20stop-opacity='0.18'%20/%3e%3cstop%20offset='100%25'%20stop-color='%236b8dd6'%20stop-opacity='0.12'%20/%3e%3c/linearGradient%3e%3cfilter%20id='ocean-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='650'%20cy='280'%20rx='400'%20ry='280'%20fill='url(%23ocean-gradient)'%20filter='url(%23ocean-blur)'%20/%3e%3cellipse%20cx='900'%20cy='180'%20rx='250'%20ry='180'%20fill='%23667eea'%20fill-opacity='0.12'%20filter='url(%23ocean-blur)'%20/%3e%3cellipse%20cx='300'%20cy='450'%20rx='220'%20ry='160'%20fill='%23764ba2'%20fill-opacity='0.10'%20filter='url(%23ocean-blur)'%20/%3e%3cellipse%20cx='850'%20cy='550'%20rx='180'%20ry='130'%20fill='%236b8dd6'%20fill-opacity='0.08'%20filter='url(%23ocean-blur)'%20/%3e%3c/svg%3e")}.pattern-section[data-v-0fb86f76]{margin-bottom:var(--space-md)}.pattern-input-wrapper[data-v-0fb86f76]{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.pattern-delimiter[data-v-0fb86f76]{font-size:20px;font-weight:300;color:var(--color-text-secondary);font-family:monospace}.pattern-input[data-v-0fb86f76]{flex:1;font-family:monospace}.flags-group[data-v-0fb86f76]{display:flex;gap:2px}.flag-btn[data-v-0fb86f76]{min-width:28px;min-height:28px;font-family:monospace;font-weight:600;font-size:13px;color:var(--color-text-secondary);border-radius:4px}.flag-btn.flag-active[data-v-0fb86f76]{color:var(--color-primary);background:#3b82f61a}.error-message[data-v-0fb86f76]{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--q-negative);font-size:var(--font-size-small);background:#ef44440d;border-radius:4px}.presets-section[data-v-0fb86f76]{margin-bottom:var(--space-md)}.presets-chips[data-v-0fb86f76]{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.preset-chip[data-v-0fb86f76]{font-size:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:0 var(--space-sm)}.section-label[data-v-0fb86f76]{font-weight:600;font-size:var(--font-size-caption);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.replace-section[data-v-0fb86f76]{margin-bottom:var(--space-md)}.replace-header[data-v-0fb86f76]{margin-bottom:var(--space-xs)}.test-section[data-v-0fb86f76],.preview-section[data-v-0fb86f76]{margin-bottom:var(--space-lg)}.highlighted-text[data-v-0fb86f76]{padding:var(--space-md);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-family:monospace;font-size:var(--font-size-body);line-height:1.6;white-space:pre-wrap;word-break:break-all}.highlighted-text[data-v-0fb86f76] .regex-match{background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:2px;padding:0 2px}.matches-section[data-v-0fb86f76]{margin-bottom:var(--space-lg)}.matches-header[data-v-0fb86f76]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.match-count[data-v-0fb86f76]{font-size:var(--font-size-small);color:var(--color-primary);font-weight:500}.matches-list[data-v-0fb86f76]{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.match-item[data-v-0fb86f76]{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.match-header-row[data-v-0fb86f76]{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.match-index[data-v-0fb86f76]{font-weight:600;font-size:var(--font-size-small);color:var(--color-primary)}.match-value[data-v-0fb86f76]{font-family:monospace;font-size:var(--font-size-caption);color:var(--color-text-primary)}.match-meta[data-v-0fb86f76]{font-size:var(--font-size-small);color:var(--color-text-secondary)}.match-groups[data-v-0fb86f76]{margin-top:var(--space-xs);padding-left:var(--space-md)}.group-item[data-v-0fb86f76]{font-size:var(--font-size-small);margin-top:2px}.group-label[data-v-0fb86f76]{color:var(--color-text-secondary);font-weight:500}.group-value[data-v-0fb86f76]{font-family:monospace;color:var(--color-text-primary)}.no-matches[data-v-0fb86f76]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);justify-content:center;color:var(--color-text-secondary)}.replace-result-section[data-v-0fb86f76]{margin-bottom:var(--space-lg)}.replace-result[data-v-0fb86f76]{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.replace-result code[data-v-0fb86f76]{flex:1;font-family:monospace;font-size:var(--font-size-body);white-space:pre-wrap;word-break:break-all}.guide-list[data-v-0fb86f76]{list-style:disc;padding-left:var(--space-lg);margin-top:var(--space-xs)}.guide-list li[data-v-0fb86f76]{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-bottom:4px}.guide-examples[data-v-0fb86f76]{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.guide-example-item[data-v-0fb86f76]{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.guide-example-item code[data-v-0fb86f76]{font-size:var(--font-size-small);color:var(--color-text-secondary);font-family:monospace}.guide-example-title[data-v-0fb86f76]{font-size:var(--font-size-caption);color:var(--color-text-primary)}.guide-example-result[data-v-0fb86f76]{color:var(--color-primary)!important}.guide-faq[data-v-0fb86f76]{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.guide-faq-item[data-v-0fb86f76]{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.guide-faq-question[data-v-0fb86f76]{font-size:var(--font-size-caption);color:var(--color-text-primary)}.guide-faq-answer[data-v-0fb86f76]{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:4px 0 0}