.tool-container[data-v-49fde452]{box-sizing:border-box;margin:0 auto;padding:20px;width:100%}.tool-title[data-v-49fde452]{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px;text-align:center}.tool-description[data-v-49fde452]{color:#666;font-size:1.1rem;margin-bottom:30px;text-align:center}.config-panel[data-v-49fde452]{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.config-item[data-v-49fde452],.config-panel[data-v-49fde452]{align-items:center;display:flex}.config-item[data-v-49fde452]{gap:10px}.config-label[data-v-49fde452]{color:#555;font-weight:500}.select-field[data-v-49fde452]{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.checkbox-label[data-v-49fde452]{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-label input[type=checkbox][data-v-49fde452]{cursor:pointer;height:18px;width:18px}.alert[data-v-49fde452]{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}.alert-success[data-v-49fde452]{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error[data-v-49fde452]{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-info[data-v-49fde452]{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.compare-grid[data-v-49fde452]{display:grid;gap:20px;grid-template-columns:1fr 1fr}.compare-grid[data-v-49fde452],.input-group[data-v-49fde452]{margin-bottom:25px}.input-header[data-v-49fde452]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.input-label[data-v-49fde452]{color:#333;font-size:1.1rem;font-weight:600}.textarea-field[data-v-49fde452]{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-49fde452]:focus{border-color:#4caf50;outline:none}.output-field[data-v-49fde452]{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-49fde452]{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:12px 15px;transition:border-color .3s;width:100%}.input-field[data-v-49fde452]:focus{border-color:#4caf50;outline:none}.input-stats[data-v-49fde452]{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-top:8px}.btn-group[data-v-49fde452]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:25px}.btn[data-v-49fde452],.btn-action[data-v-49fde452],.btn-danger[data-v-49fde452],.btn-info[data-v-49fde452],.btn-primary[data-v-49fde452],.btn-secondary[data-v-49fde452],.btn-success[data-v-49fde452],.btn-warning[data-v-49fde452]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:12px 24px;transition:all .3s}.btn-action[data-v-49fde452]:disabled,.btn-danger[data-v-49fde452]:disabled,.btn-info[data-v-49fde452]:disabled,.btn-primary[data-v-49fde452]:disabled,.btn-secondary[data-v-49fde452]:disabled,.btn-success[data-v-49fde452]:disabled,.btn-warning[data-v-49fde452]:disabled,.btn[data-v-49fde452]:disabled{cursor:not-allowed;opacity:.5}.btn-sm[data-v-49fde452]{font-size:.9rem;padding:8px 16px}.btn-primary[data-v-49fde452]{background-color:#2196f3;color:#fff}.btn-primary[data-v-49fde452]:hover:not(:disabled){background-color:#1976d2;box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.btn-success[data-v-49fde452]{background-color:#4caf50;color:#fff}.btn-success[data-v-49fde452]:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.btn-info[data-v-49fde452]{background-color:#00bcd4;color:#fff}.btn-info[data-v-49fde452]:hover:not(:disabled){background-color:#00acc1;box-shadow:0 4px 8px #00bcd44d;transform:translateY(-2px)}.btn-warning[data-v-49fde452]{background-color:#ff9800;color:#fff}.btn-warning[data-v-49fde452]:hover:not(:disabled){background-color:#f57c00;box-shadow:0 4px 8px #ff98004d;transform:translateY(-2px)}.btn-danger[data-v-49fde452]{background-color:#f44336;color:#fff}.btn-danger[data-v-49fde452]:hover:not(:disabled){background-color:#da190b;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.btn-secondary[data-v-49fde452]{background-color:#757575;color:#fff}.btn-secondary[data-v-49fde452]:hover:not(:disabled){background-color:#616161;box-shadow:0 4px 8px #7575754d;transform:translateY(-2px)}.btn-action[data-v-49fde452]{background-color:#fff;border:1px solid #ddd;color:#555}.btn-action[data-v-49fde452]:hover:not(:disabled){background-color:#f8f9fa;border-color:#2196f3;box-shadow:0 4px 8px #2196f31f;color:#1976d2;transform:translateY(-2px)}.usage-guide[data-v-49fde452]{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:30px}.usage-title[data-v-49fde452]{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:20px}.usage-content[data-v-49fde452]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.usage-step h4[data-v-49fde452]{color:#2196f3;font-weight:600;margin-bottom:8px}.usage-step p[data-v-49fde452]{color:#666;line-height:1.6}.usage-step ul[data-v-49fde452]{color:#666;line-height:1.8;margin:0;padding-left:20px}.tool-info-grid[data-v-49fde452]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:28px 0}.tool-info-card[data-v-49fde452]{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:18px}.tool-info-card h2[data-v-49fde452],.tool-info-card h3[data-v-49fde452]{color:var(--text-primary,#333);font-size:1.1rem;margin:0 0 10px}.tool-info-card li[data-v-49fde452],.tool-info-card p[data-v-49fde452]{color:var(--text-secondary,#666);line-height:1.6}.tool-info-card p[data-v-49fde452]{margin:0}.tool-info-card ol[data-v-49fde452],.tool-info-card ul[data-v-49fde452]{margin:0;padding-left:20px}.tool-privacy-note[data-v-49fde452]{align-items:flex-start;background:#22c55e14;border:1px solid rgba(34,197,94,.28);border-radius:12px;color:var(--text-primary,#333);display:flex;gap:12px;margin:20px 0;padding:16px 18px}.tool-privacy-note p[data-v-49fde452]{color:var(--text-secondary,#666);line-height:1.6;margin:0}@media(max-width:768px){.tool-title[data-v-49fde452]{font-size:1.5rem}.compare-grid[data-v-49fde452]{grid-template-columns:1fr}.config-panel[data-v-49fde452]{align-items:stretch}.btn-group[data-v-49fde452],.config-panel[data-v-49fde452]{flex-direction:column}.btn[data-v-49fde452]{width:100%}.usage-content[data-v-49fde452]{grid-template-columns:1fr}.tool-privacy-note[data-v-49fde452]{flex-direction:column}}.ico-layout[data-v-49fde452]{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.converter-panel[data-v-49fde452],.result-panel[data-v-49fde452],.settings-panel[data-v-49fde452]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:24px}.upload-area[data-v-49fde452]{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:360px;padding:24px;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.upload-area.is-active[data-v-49fde452],.upload-area[data-v-49fde452]:hover{background:#eff6ff;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.upload-area.has-file[data-v-49fde452]{justify-content:flex-start}.upload-badge[data-v-49fde452]{align-items:center;background:#e0f2fe;border-radius:8px;color:#075985;display:inline-flex;font-weight:800;height:76px;justify-content:center;width:76px}.upload-title[data-v-49fde452]{color:var(--text-primary);font-size:1.1rem;font-weight:700;max-width:100%;overflow-wrap:anywhere}.result-header p[data-v-49fde452],.settings-panel p[data-v-49fde452],.upload-hint[data-v-49fde452]{color:var(--text-secondary)}.upload-preview[data-v-49fde452]{max-height:190px;max-width:100%;-o-object-fit:contain;object-fit:contain}.settings-panel[data-v-49fde452]{display:flex;flex-direction:column;gap:20px}.result-header h2[data-v-49fde452],.settings-panel h2[data-v-49fde452]{font-size:1.2rem;margin:0 0 6px}.result-header p[data-v-49fde452],.settings-panel p[data-v-49fde452]{margin:0}.sizes-grid[data-v-49fde452]{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.size-option[data-v-49fde452],.toggle-row[data-v-49fde452]{align-items:center;display:flex;gap:10px}.size-option[data-v-49fde452]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;font-weight:600;min-height:44px;padding:10px 12px}.control-group[data-v-49fde452]{display:flex;flex-direction:column;font-weight:600;gap:8px}.select-field[data-v-49fde452]{background:#fff;border:1px solid var(--border-color);border-radius:8px;min-height:42px;padding:8px 10px}.color-control[data-v-49fde452]{align-items:center;display:inline-flex;gap:12px}.color-input[data-v-49fde452]{background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:42px;padding:3px;width:56px}.result-panel[data-v-49fde452]{margin-top:24px}.result-header[data-v-49fde452]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.preview-grid[data-v-49fde452]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-card[data-v-49fde452]{align-content:start;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:12px;padding:14px}.preview-card span[data-v-49fde452]{color:var(--text-secondary);font-size:.9rem;font-weight:700}.preview-card img[data-v-49fde452]{max-height:160px;-o-object-fit:contain;object-fit:contain;width:100%}.icon-preview img[data-v-49fde452]{background:linear-gradient(45deg,#e5e7eb 25%,transparent 0),linear-gradient(-45deg,#e5e7eb 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e5e7eb 0),linear-gradient(-45deg,transparent 75%,#e5e7eb 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:6px;height:64px;image-rendering:auto;justify-self:center;width:64px}@media(max-width:900px){.ico-layout[data-v-49fde452]{grid-template-columns:1fr}}@media(max-width:640px){.converter-panel[data-v-49fde452],.result-panel[data-v-49fde452],.settings-panel[data-v-49fde452]{padding:16px}.result-header[data-v-49fde452]{align-items:stretch;flex-direction:column}.sizes-grid[data-v-49fde452]{grid-template-columns:1fr}}