.tool-container[data-v-e6ab2d06]{box-sizing:border-box;margin:0 auto;padding:20px;width:100%}.tool-title[data-v-e6ab2d06]{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.tool-description[data-v-e6ab2d06]{color:#666;font-size:1.1rem;margin-bottom:30px;text-align:center}.config-panel[data-v-e6ab2d06]{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.config-item[data-v-e6ab2d06],.config-panel[data-v-e6ab2d06]{align-items:center;display:flex}.config-item[data-v-e6ab2d06]{gap:10px}.config-label[data-v-e6ab2d06]{color:#555;font-weight:500}.select-field[data-v-e6ab2d06]{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.checkbox-label[data-v-e6ab2d06]{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-label input[type=checkbox][data-v-e6ab2d06]{cursor:pointer;height:18px;width:18px}.alert[data-v-e6ab2d06]{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}.alert-success[data-v-e6ab2d06]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error[data-v-e6ab2d06]{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-info[data-v-e6ab2d06]{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.compare-grid[data-v-e6ab2d06]{display:grid;gap:20px;grid-template-columns:1fr 1fr}.compare-grid[data-v-e6ab2d06],.input-group[data-v-e6ab2d06]{margin-bottom:25px}.input-header[data-v-e6ab2d06]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.input-label[data-v-e6ab2d06]{color:#333;font-size:1.1rem;font-weight:600}.textarea-field[data-v-e6ab2d06]{border:2px solid #e0e0e0;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.5;padding:15px;resize:vertical;transition:border-color .3s;width:100%}.textarea-field[data-v-e6ab2d06]:focus{border-color:#4caf50;outline:none}.output-field[data-v-e6ab2d06]{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.5;margin:0;max-height:600px;overflow:auto;padding:15px;width:100%}.input-field[data-v-e6ab2d06]{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:12px 15px;transition:border-color .3s;width:100%}.input-field[data-v-e6ab2d06]:focus{border-color:#4caf50;outline:none}.input-stats[data-v-e6ab2d06]{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-top:8px}.btn-group[data-v-e6ab2d06]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.btn[data-v-e6ab2d06],.btn-group[data-v-e6ab2d06]{justify-content:center}.btn[data-v-e6ab2d06]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s}.btn[data-v-e6ab2d06]:disabled{cursor:not-allowed;opacity:.5}.btn-sm[data-v-e6ab2d06]{font-size:.9rem;padding:8px 16px}.btn-primary[data-v-e6ab2d06]{background-color:#2196f3;color:#fff}.btn-primary[data-v-e6ab2d06]:hover:not(:disabled){background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.btn-success[data-v-e6ab2d06]{background-color:#4caf50;color:#fff}.btn-success[data-v-e6ab2d06]:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.btn-info[data-v-e6ab2d06]{background-color:#00bcd4;color:#fff}.btn-info[data-v-e6ab2d06]:hover:not(:disabled){background-color:#00acc1;box-shadow:0 4px 8px #00bcd44d;transform:translateY(-2px)}.btn-warning[data-v-e6ab2d06]{background-color:#ff9800;color:#fff}.btn-warning[data-v-e6ab2d06]:hover:not(:disabled){background-color:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.btn-danger[data-v-e6ab2d06]{background-color:#f44336;color:#fff}.btn-danger[data-v-e6ab2d06]:hover:not(:disabled){background-color:#da190b;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.btn-secondary[data-v-e6ab2d06]{background-color:#757575;color:#fff}.btn-secondary[data-v-e6ab2d06]:hover:not(:disabled){background-color:#616161;box-shadow:0 4px 8px #7575754d;transform:translateY(-2px)}.usage-guide[data-v-e6ab2d06]{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:30px}.usage-title[data-v-e6ab2d06]{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:20px}.usage-content[data-v-e6ab2d06]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.usage-step h4[data-v-e6ab2d06]{color:#2196f3;font-weight:600;margin-bottom:8px}.usage-step p[data-v-e6ab2d06]{color:#666;line-height:1.6}.usage-step ul[data-v-e6ab2d06]{color:#666;line-height:1.8;margin:0;padding-left:20px}@media(max-width:768px){.tool-title[data-v-e6ab2d06]{font-size:1.5rem}.compare-grid[data-v-e6ab2d06]{grid-template-columns:1fr}.config-panel[data-v-e6ab2d06]{align-items:stretch}.btn-group[data-v-e6ab2d06],.config-panel[data-v-e6ab2d06]{flex-direction:column}.btn[data-v-e6ab2d06]{width:100%}.usage-content[data-v-e6ab2d06]{grid-template-columns:1fr}}.format-nav[data-v-e6ab2d06]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.25rem;padding:1rem 1.25rem}.format-nav-label[data-v-e6ab2d06]{color:var(--text-secondary);display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:.75rem;text-transform:uppercase}.format-nav-links[data-v-e6ab2d06]{display:flex;flex-wrap:wrap;gap:.5rem}.format-nav-link[data-v-e6ab2d06]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:.4rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.format-nav-link[data-v-e6ab2d06]:hover{border-color:var(--primary-color);color:var(--primary-color)}.format-nav-link.current[data-v-e6ab2d06]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.format-seo-section[data-v-e6ab2d06]{background:var(--bg-color);border-left:4px solid var(--primary-color);border-radius:12px;margin-bottom:1.75rem;padding:1.25rem 1.5rem}.format-seo-section h2[data-v-e6ab2d06]{color:var(--text-primary);font-size:1.15rem;margin:0 0 1rem}.seo-para[data-v-e6ab2d06]{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin:0 0 .85rem}.seo-para[data-v-e6ab2d06]:last-child{margin-bottom:0}.tool-intro[data-v-e6ab2d06]{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-top:.5rem;max-width:52rem}.upload-area[data-v-e6ab2d06]{align-items:center;background:var(--card-bg);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:300px;padding:2rem;text-align:center;transition:all .3s ease}.upload-area[data-v-e6ab2d06]:hover{background:var(--bg-color);border-color:var(--primary-color)}.upload-placeholder[data-v-e6ab2d06]{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon[data-v-e6ab2d06]{font-size:4rem}.upload-hint[data-v-e6ab2d06]{color:var(--text-secondary);font-size:.875rem}.image-info[data-v-e6ab2d06]{align-items:center;display:flex;gap:2rem;width:100%}.preview-image[data-v-e6ab2d06]{border:2px solid var(--border-color);border-radius:8px;max-height:300px;max-width:300px}.info-details[data-v-e6ab2d06]{flex:1;text-align:left}.info-item[data-v-e6ab2d06]{display:flex;gap:1rem;margin-bottom:.75rem}.info-label[data-v-e6ab2d06]{color:var(--text-secondary);font-weight:600;min-width:120px}.info-value[data-v-e6ab2d06]{color:var(--text-primary);font-family:monospace}.converter-section[data-v-e6ab2d06]{background:var(--card-bg);border-radius:12px;margin-top:2rem;padding:1.5rem}.mode-selector[data-v-e6ab2d06],.trace-options[data-v-e6ab2d06]{margin-bottom:1.25rem}.mode-selector label[data-v-e6ab2d06],.trace-options label[data-v-e6ab2d06]{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.75rem}.mode-hint[data-v-e6ab2d06]{color:var(--text-secondary);font-size:.875rem;line-height:1.45;margin-top:.75rem}.format-buttons[data-v-e6ab2d06]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.format-btn[data-v-e6ab2d06]{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.format-btn[data-v-e6ab2d06]:hover{border-color:var(--primary-color);color:var(--primary-color)}.format-btn.active[data-v-e6ab2d06]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.select-input[data-v-e6ab2d06]{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;max-width:320px;padding:.6rem .75rem;width:100%}.quality-control[data-v-e6ab2d06]{margin-top:1rem}.range-input[data-v-e6ab2d06]{max-width:400px;width:100%}.action-buttons[data-v-e6ab2d06]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;margin-top:.25rem}.action-buttons .btn-action[data-v-e6ab2d06],.action-buttons .btn-primary[data-v-e6ab2d06]{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;justify-content:center;line-height:1.25;min-height:2.75rem;padding:.625rem 1.35rem;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .15s ease}.action-buttons .btn-primary[data-v-e6ab2d06]{background:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 1px 2px #0f172a0f;color:#fff}.action-buttons .btn-primary[data-v-e6ab2d06]:hover:not(:disabled){box-shadow:0 4px 16px #0f172a1f;filter:brightness(1.06)}.action-buttons .btn-primary[data-v-e6ab2d06]:active:not(:disabled){transform:translateY(1px)}.action-buttons .btn-action[data-v-e6ab2d06]{background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-primary)}.action-buttons .btn-action[data-v-e6ab2d06]:hover:not(:disabled){background:var(--card-bg);border-color:var(--primary-color);color:var(--primary-color)}.action-buttons .btn-action[data-v-e6ab2d06]:disabled,.action-buttons .btn-primary[data-v-e6ab2d06]:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.45;transform:none}.action-buttons .btn-action[data-v-e6ab2d06]:focus-visible,.action-buttons .btn-primary[data-v-e6ab2d06]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.result-section[data-v-e6ab2d06]{border-top:2px solid var(--border-color);margin-top:2rem;padding-top:2rem}.result-section h3[data-v-e6ab2d06]{color:var(--text-primary);margin-bottom:1rem}.svg-preview-wrap[data-v-e6ab2d06]{align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;display:flex;justify-content:center;margin-bottom:1rem;max-width:100%;min-height:120px;padding:1rem}.svg-preview-wrap[data-v-e6ab2d06] svg{height:auto;max-width:100%}.result-info[data-v-e6ab2d06]{background:var(--bg-color);border-radius:8px;padding:1rem}@media(max-width:768px){.action-buttons[data-v-e6ab2d06],.image-info[data-v-e6ab2d06]{flex-direction:column}.action-buttons[data-v-e6ab2d06]{align-items:stretch}.action-buttons .btn-action[data-v-e6ab2d06],.action-buttons .btn-primary[data-v-e6ab2d06]{justify-content:center;width:100%}}