.base64-converter[data-v-038ee01a]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:#ffffff;padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-038ee01a]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-038ee01a]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-038ee01a]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.converter-container[data-v-038ee01a]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;position:relative;z-index:2}.settings-panel[data-v-038ee01a]{background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem;height:fit-content;position:sticky;top:20px}.option-section[data-v-038ee01a]{display:flex;flex-direction:column;gap:1rem}.option-section h2[data-v-038ee01a]{font-size:1.25rem;color:var(--text-primary);font-weight:700;letter-spacing:-.5px;margin:0}.direction-options[data-v-038ee01a]{display:flex;flex-direction:column;gap:.75rem}.direction-option[data-v-038ee01a]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#ffffff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#64748b}.direction-option[data-v-038ee01a]:hover{border-color:var(--primary-color);background:rgba(66,153,225,.05);color:var(--primary-color);transform:translateY(-2px) scale(1.02)}.direction-option.active[data-v-038ee01a]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 16px #4299e14d;transform:translateY(-2px)}.direction-symbol[data-v-038ee01a]{font-size:1.125rem;font-weight:600}.direction-name[data-v-038ee01a]{font-weight:600}.checkbox-group[data-v-038ee01a]{display:flex;flex-direction:column;gap:.75rem}.button-section[data-v-038ee01a]{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (max-width: 1024px){.converter-container[data-v-038ee01a]{grid-template-columns:1fr;padding:0 var(--spacing-md)}}.converter-card[data-v-038ee01a]{background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem;height:fit-content;position:sticky;top:20px}.feature-panel[data-v-038ee01a]{display:flex;flex-direction:column;background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color);padding:1.5rem;height:fit-content;position:sticky;top:20px}.feature-card[data-v-038ee01a]{display:flex;flex-direction:column;gap:1.5rem;height:100%}.converter-section h2[data-v-038ee01a]{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700;letter-spacing:-.5px}.generator-inputs[data-v-038ee01a]{display:flex;flex-direction:column;gap:1.5rem}.input-group[data-v-038ee01a]{display:flex;flex-direction:column;gap:.75rem}.input-label[data-v-038ee01a]{font-size:.95rem;color:var(--text-primary);font-weight:600}.textarea-container[data-v-038ee01a]{position:relative;display:flex;flex-direction:column;gap:.75rem}.input-field[data-v-038ee01a]{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:#ffffff;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.input-field[data-v-038ee01a]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.textarea-field[data-v-038ee01a]{resize:vertical;min-height:120px;font-family:inherit}.input-actions[data-v-038ee01a]{display:flex;gap:1rem;justify-content:flex-start}.file-input-label[data-v-038ee01a]{cursor:pointer;display:inline-block}.file-input[data-v-038ee01a]{display:none}.btn-primary[data-v-038ee01a]{flex:1;padding:.875rem 1.75rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #6366f133}.btn-primary[data-v-038ee01a]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 16px #4299e166;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-038ee01a]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-038ee01a]{padding:.875rem 1.75rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary.small[data-v-038ee01a]{padding:.625rem 1.25rem;font-size:.875rem}.btn-secondary[data-v-038ee01a]:hover{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 12px #4299e14d;transform:translateY(-3px) scale(1.02)}.operation-type-group[data-v-038ee01a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.operation-type-item[data-v-038ee01a]{display:flex;align-items:center}.operation-type-input[data-v-038ee01a]{display:flex;align-items:center;width:100%}.operation-type-input input[type=radio][data-v-038ee01a]{position:absolute;opacity:0;width:0;height:0}.operation-type-label[data-v-038ee01a]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;background:#ffffff;font-size:.875rem;color:#64748b;cursor:pointer;transition:all .2s ease;font-weight:500}.operation-type-input input[type=radio]:checked+.operation-type-label[data-v-038ee01a]{background:var(--primary-color);color:#fff;border-color:var(--primary-dark);box-shadow:0 2px 8px #4299e14d;transform:translateY(-1px)}.operation-type-input:hover .operation-type-label[data-v-038ee01a]{border-color:var(--primary-color);background:rgba(66,153,225,.05);color:var(--primary-color)}.operation-type-symbol[data-v-038ee01a]{font-size:1.125rem;font-weight:600}.operation-type-name[data-v-038ee01a]{font-weight:500}.checkbox-group[data-v-038ee01a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-item[data-v-038ee01a]{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease;background:#ffffff}.checkbox-item[data-v-038ee01a]:hover{border-color:var(--primary-color);background:rgba(66,153,225,.05);transform:translateY(-2px) scale(1.02);box-shadow:0 2px 8px #4299e11a}.checkbox-item input[type=checkbox][data-v-038ee01a]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label[data-v-038ee01a]{font-size:.9rem;color:var(--text-primary);font-weight:500;transition:color .3s ease}.conversion-results[data-v-038ee01a]{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.result-item-header[data-v-038ee01a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.result-label[data-v-038ee01a]{font-size:.95rem;color:var(--text-secondary);font-weight:600}.result-count[data-v-038ee01a]{font-size:.875rem;color:var(--text-muted);font-weight:500;background:#ffffff;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border-color)}.pinyin-result[data-v-038ee01a]{background:#ffffff;border:1px solid var(--border-color);border-radius:6px;padding:1rem;position:relative;overflow:hidden}.password-display-wrapper[data-v-038ee01a]{position:relative}.password-display[data-v-038ee01a]{font-size:1rem;color:var(--text-primary);font-weight:500;line-height:1.6;white-space:pre-wrap;word-break:break-word;min-height:80px}.top-right-copy-btn[data-v-038ee01a]{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.875rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;opacity:.7;box-shadow:0 2px 4px #00000014}.top-right-copy-btn[data-v-038ee01a]:hover{opacity:1;background:var(--primary-color);color:#fff;border-color:var(--primary-dark);transform:scale(1.1);box-shadow:0 4px 12px #4299e14d}.empty-result[data-v-038ee01a]{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:3rem;text-align:center;color:var(--text-muted);font-size:.95rem;font-weight:500}.info-section[data-v-038ee01a]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-038ee01a]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-038ee01a]{display:flex;flex-direction:column;gap:10px}.tool-info-item[data-v-038ee01a]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.tool-info-label[data-v-038ee01a]{color:#6b7280;font-weight:500}.tool-info-value[data-v-038ee01a]{color:#374151;font-weight:600}.tool-rating[data-v-038ee01a]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-038ee01a]{display:flex;gap:.25rem}.star[data-v-038ee01a]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star[data-v-038ee01a]:hover,.star.hover[data-v-038ee01a],.star.active[data-v-038ee01a]{color:#ffc107}.rating-value[data-v-038ee01a]{font-size:.875rem;color:#666}.feature-list[data-v-038ee01a]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-038ee01a]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-038ee01a]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-038ee01a]:hover{transform:translate(4px);background:var(--secondary-hover)}.feature-icon[data-v-038ee01a]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem}.feature-content[data-v-038ee01a]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-038ee01a]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-038ee01a]{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.related-tools[data-v-038ee01a]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-038ee01a]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-038ee01a]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-038ee01a]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-038ee01a]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.related-tools a[data-v-038ee01a]:hover{color:var(--primary-dark);text-decoration:underline}.generator-controls[data-v-038ee01a]{display:flex;gap:1rem;margin-top:.5rem}@media (max-width: 768px){.base64-converter[data-v-038ee01a]{padding:2rem 0}.converter-container[data-v-038ee01a]{gap:1.5rem}.converter-card[data-v-038ee01a],.feature-card[data-v-038ee01a]{padding:1.5rem;gap:1.5rem}.generator-controls[data-v-038ee01a]{flex-direction:column}.checkbox-group[data-v-038ee01a]{grid-template-columns:1fr}.input-actions[data-v-038ee01a]{flex-direction:column}.operation-type-group[data-v-038ee01a]{grid-template-columns:1fr}}@media (max-width: 480px){.page-header h1[data-v-038ee01a]{font-size:2rem}.converter-container[data-v-038ee01a]{padding:0 1rem}.converter-card[data-v-038ee01a],.feature-card[data-v-038ee01a]{padding:1.25rem}}.color-picker[data-v-bb79375a]{background:#f8fafc;min-height:calc(100vh - var(--header-height, 150px));padding:3rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-bb79375a]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-bb79375a]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-bb79375a]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-bb79375a]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:340px 1fr 280px;gap:2rem;align-items:start;background-color:#f5f7fa}.settings-panel[data-v-bb79375a]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;height:fit-content;max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px}.main-panel[data-v-bb79375a]{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;min-height:600px;display:flex;flex-direction:column}.feature-panel[data-v-bb79375a]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem;display:flex;flex-direction:column;height:fit-content;position:sticky;top:20px}.feature-card[data-v-bb79375a]{background:transparent;border:none;box-shadow:none;padding:0;margin:0;flex:none;width:100%;display:flex;flex-direction:column;gap:1.5rem}.settings-panel[data-v-bb79375a]::-webkit-scrollbar{width:8px}.settings-panel[data-v-bb79375a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.settings-panel[data-v-bb79375a]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.settings-panel[data-v-bb79375a]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.converter-section[data-v-bb79375a]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-bb79375a]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-bb79375a]{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:600}.generator-inputs[data-v-bb79375a]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.color-preview-section[data-v-bb79375a]{display:flex;justify-content:center;margin-bottom:1rem}.color-preview[data-v-bb79375a]{width:200px;height:200px;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 4px 6px #0000001a;transition:all .2s ease}.slider-group[data-v-bb79375a]{display:flex;flex-direction:column;gap:1.5rem}.slider-item[data-v-bb79375a]{display:flex;flex-direction:column;gap:.5rem}.slider-label[data-v-bb79375a]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#64748b;font-weight:500}.slider-value[data-v-bb79375a]{width:60px;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;text-align:center;background:#f8fafc}.input-slider[data-v-bb79375a]{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#ff0000 0%,#00ff00 50%,#0000ff 100%);outline:none;-webkit-appearance:none;cursor:pointer}.input-slider[data-v-bb79375a]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffffff;border:2px solid #3b82f6;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.input-slider[data-v-bb79375a]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #00000026}.input-slider[data-v-bb79375a]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffffff;border:2px solid #3b82f6;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.input-slider[data-v-bb79375a]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 6px #00000026}.input-field[data-v-bb79375a]{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc;min-width:0}.input-field[data-v-bb79375a]:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 3px #3b82f61a}.format-inputs[data-v-bb79375a]{display:flex;flex-direction:column;gap:1rem}.format-item[data-v-bb79375a]{display:flex;flex-direction:column;gap:.5rem}.format-label[data-v-bb79375a]{font-size:.875rem;color:#64748b;font-weight:500}.input-with-buttons[data-v-bb79375a]{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.preset-colors[data-v-bb79375a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem}.preset-color[data-v-bb79375a]{width:50px;height:50px;border-radius:8px;cursor:pointer;border:2px solid #e2e8f0;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.preset-color[data-v-bb79375a]:hover{transform:scale(1.1);border-color:#3b82f6;box-shadow:0 4px 8px #0000001a}.generator-controls[data-v-bb79375a]{display:flex;gap:1rem;justify-content:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.btn-primary[data-v-bb79375a]{padding:.75rem 2rem;background:#3b82f6;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary[data-v-bb79375a]:hover:not(:disabled){background:#2563eb;box-shadow:0 2px 4px #3b82f64d}.btn-primary[data-v-bb79375a]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-bb79375a]{padding:.75rem 1.25rem;background:#64748b;color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-width:40px;justify-content:center}.btn-secondary[data-v-bb79375a]:hover{background:#475569}.color-info-section[data-v-bb79375a]{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.color-info-grid[data-v-bb79375a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.color-info-item[data-v-bb79375a]{background:#ffffff;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.info-label[data-v-bb79375a]{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.info-value[data-v-bb79375a]{font-size:1rem;color:#1e293b;font-weight:600;font-family:Courier New,Courier,monospace}.color-variants[data-v-bb79375a]{margin-top:2rem}.color-variants h3[data-v-bb79375a]{font-size:1rem;color:#1e293b;margin-bottom:1rem;font-weight:600}.variant-list[data-v-bb79375a]{display:flex;flex-direction:column;gap:.75rem}.variant-item[data-v-bb79375a]{display:flex;align-items:center;gap:1rem;background:#ffffff;padding:.75rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.variant-item[data-v-bb79375a]:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a}.variant-preview[data-v-bb79375a]{width:40px;height:40px;border-radius:6px;border:1px solid #e2e8f0;flex-shrink:0}.variant-info[data-v-bb79375a]{flex:1}.variant-name[data-v-bb79375a]{font-size:.875rem;color:#64748b;font-weight:500;margin-bottom:.25rem}.variant-value[data-v-bb79375a]{font-size:.875rem;color:#1e293b;font-weight:600;font-family:Courier New,Courier,monospace}.variant-copy[data-v-bb79375a]{padding:.5rem;font-size:.75rem;min-width:auto;gap:0}.empty-result[data-v-bb79375a]{text-align:center;padding:3rem;color:#94a3b8;font-size:.875rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.feature-list[data-v-bb79375a]{display:flex;flex-direction:column;gap:1rem}.feature-list h3[data-v-bb79375a]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-bb79375a]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s;align-items:flex-start}.feature-item[data-v-bb79375a]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-bb79375a]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;color:#3b82f6;flex-shrink:0}.feature-content[data-v-bb79375a]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-bb79375a]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-bb79375a]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-bb79375a]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-bb79375a]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-bb79375a]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-bb79375a]{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.related-tools a[data-v-bb79375a]{color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-bb79375a]:hover{color:#0056b3;text-decoration:underline}.info-section[data-v-bb79375a]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-bb79375a]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-bb79375a]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-bb79375a]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-bb79375a]{color:#6b7280;font-weight:500}.meta-value[data-v-bb79375a]{color:#374151;font-weight:600}.tool-rating[data-v-bb79375a]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-bb79375a]{display:flex;gap:.25rem}.star[data-v-bb79375a]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-bb79375a],.star.hover[data-v-bb79375a]{color:#ffc107}.rating-value[data-v-bb79375a]{font-size:.875rem;color:#666;min-width:30px}@media (max-width: 1200px){.converter-container[data-v-bb79375a]{grid-template-columns:3fr 4fr 3fr}}@media (max-width: 992px){.converter-container[data-v-bb79375a]{grid-template-columns:1fr;gap:20px}.settings-panel[data-v-bb79375a],.feature-panel[data-v-bb79375a]{position:static;max-height:none;overflow-y:visible}.settings-panel[data-v-bb79375a]{order:-1}.main-panel[data-v-bb79375a]{min-height:auto}}@media (max-width: 768px){.color-picker[data-v-bb79375a]{padding:2rem 0}.page-header[data-v-bb79375a]{margin-bottom:2rem}.page-header h1[data-v-bb79375a]{font-size:2rem}.settings-panel[data-v-bb79375a],.main-panel[data-v-bb79375a],.feature-panel[data-v-bb79375a]{padding:1.5rem}.generator-inputs[data-v-bb79375a]{gap:1.5rem}.input-with-buttons[data-v-bb79375a],.generator-controls[data-v-bb79375a]{flex-direction:column}.color-info-grid[data-v-bb79375a]{grid-template-columns:1fr}}@media (max-width: 480px){.converter-container[data-v-bb79375a]{padding:0 1rem;gap:15px}.settings-panel[data-v-bb79375a],.main-panel[data-v-bb79375a],.feature-panel[data-v-bb79375a]{padding:1.25rem}.color-preview[data-v-bb79375a]{width:150px;height:150px}.preset-colors[data-v-bb79375a]{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.preset-color[data-v-bb79375a]{width:40px;height:40px}}.local-ip-query-page[data-v-836c3d5b]{background:#ffffff;padding:3rem 0;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.calculator-container[data-v-836c3d5b]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem;position:relative;z-index:2}.main-content[data-v-836c3d5b]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}.query-section[data-v-836c3d5b]{text-align:center;margin-bottom:30px;padding:30px;background-color:#fafafa;border-radius:8px;border:1px solid #eee}.query-options[data-v-836c3d5b]{display:flex;flex-direction:column;align-items:center;gap:15px}.input-row[data-v-836c3d5b]{display:flex;gap:10px;width:100%;max-width:800px;align-items:center}.input-group[data-v-836c3d5b]{display:flex;gap:10px;flex:1;max-width:500px}.ip-input[data-v-836c3d5b]{flex:1;padding:12px 16px;font-size:1rem;border:1px solid #dcdfe6;border-radius:4px;transition:border-color .3s}.ip-input[data-v-836c3d5b]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.ip-input[data-v-836c3d5b]:disabled{background-color:#f5f7fa;cursor:not-allowed}.query-section .btn-primary[data-v-836c3d5b]{padding:12px 25px;font-size:1rem;flex-shrink:0}#query-local-btn[data-v-836c3d5b]{margin-top:0}.help-text[data-v-836c3d5b]{color:#666;font-size:.9rem;margin:0}.loading-indicator[data-v-836c3d5b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}.spinner[data-v-836c3d5b]{width:40px;height:40px;border:4px solid rgba(64,158,255,.2);border-top:4px solid #409eff;border-radius:50%;animation:spin-836c3d5b 1s linear infinite;margin-bottom:15px}@keyframes spin-836c3d5b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-section[data-v-836c3d5b]{margin-top:20px}.result-title[data-v-836c3d5b]{font-size:1.5rem;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.result-card[data-v-836c3d5b]{background-color:#fafafa;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #eee}.card-title[data-v-836c3d5b]{font-size:1.2rem;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.info-grid[data-v-836c3d5b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item[data-v-836c3d5b]{display:flex;flex-direction:column}.info-label[data-v-836c3d5b]{font-size:.875rem;color:#666;margin-bottom:5px;font-weight:500}.info-value[data-v-836c3d5b]{font-size:1rem;color:#333;font-weight:600}.error-section[data-v-836c3d5b]{text-align:center;padding:40px 0;background-color:#fff3f3;border-radius:8px;border:1px solid #ffccc7}.error-icon[data-v-836c3d5b]{font-size:3rem;margin-bottom:15px;color:#f56c6c}.error-title[data-v-836c3d5b]{font-size:1.5rem;color:#f56c6c;margin-bottom:10px}.error-message[data-v-836c3d5b]{color:#666;margin-bottom:20px}.feature-card[data-v-836c3d5b]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;height:fit-content}.feature-title[data-v-836c3d5b]{font-size:1.1rem;color:#333;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}.feature-content[data-v-836c3d5b]{margin-bottom:20px;color:#666;line-height:1.6}.feature-content ul[data-v-836c3d5b],.feature-content ol[data-v-836c3d5b]{padding-left:20px;margin-top:10px}.feature-content li[data-v-836c3d5b]{margin-bottom:8px}.related-tools[data-v-836c3d5b]{display:flex;flex-direction:column;gap:10px}.related-tool-item[data-v-836c3d5b]{display:block;padding:10px 15px;background-color:#f5f7fa;color:#409eff;text-decoration:none;border-radius:4px;transition:all .3s;font-size:.9rem}.related-tool-item[data-v-836c3d5b]:hover{background-color:#ecf5ff;color:#66b1ff;transform:translate(5px)}.btn-primary[data-v-836c3d5b]{padding:10px 20px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-primary[data-v-836c3d5b]:hover:not(:disabled){background-color:#66b1ff}.btn-primary[data-v-836c3d5b]:disabled{background-color:#c6e2ff;cursor:not-allowed}@media (max-width: 992px){.calculator-container[data-v-836c3d5b]{grid-template-columns:1fr}.feature-panel[data-v-836c3d5b]{order:-1}}@media (max-width: 576px){.info-grid[data-v-836c3d5b]{grid-template-columns:1fr}.page-title[data-v-836c3d5b]{font-size:1.5rem}.result-title[data-v-836c3d5b]{font-size:1.2rem}.query-section[data-v-836c3d5b]{padding:20px}}.calculator-container[data-v-836c3d5b]{grid-template-columns:1fr 280px;gap:2rem}.feature-panel[data-v-836c3d5b]{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem;border:1px solid #e5e7eb;height:fit-content;position:sticky;top:20px}.feature-card[data-v-836c3d5b]{background:transparent;border-radius:0;box-shadow:none;border:none;padding:0;height:auto}.feature-list[data-v-836c3d5b]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-836c3d5b]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.feature-item[data-v-836c3d5b]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-836c3d5b]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-836c3d5b]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;flex-shrink:0;color:#666}.feature-content[data-v-836c3d5b]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-836c3d5b]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-836c3d5b]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-836c3d5b]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-836c3d5b]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-836c3d5b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-836c3d5b]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-836c3d5b]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-836c3d5b]:hover{color:#0056b3;text-decoration:underline}.info-section[data-v-836c3d5b]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-836c3d5b]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-836c3d5b]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-836c3d5b]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-836c3d5b]{color:#6b7280;font-weight:500}.meta-value[data-v-836c3d5b]{color:#374151;font-weight:600}.tool-rating[data-v-836c3d5b]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-836c3d5b]{display:flex;gap:.25rem}.star[data-v-836c3d5b]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-836c3d5b],.star.hover[data-v-836c3d5b]{color:#ffc107}.rating-value[data-v-836c3d5b]{font-size:.875rem;color:#666}.password-generator[data-v-8ebcb212]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:var(--background-light);min-height:calc(100vh - var(--header-height, 150px));padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-8ebcb212]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-8ebcb212]{font-size:2.5rem;color:#1e293b;margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-8ebcb212]{color:#64748b;font-size:1rem;line-height:1.6}.converter-container[data-v-8ebcb212]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:300px 1fr 280px;gap:2rem;align-items:start}.converter-card[data-v-8ebcb212]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem}.settings-panel[data-v-8ebcb212]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem;position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto}.main-panel[data-v-8ebcb212]{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding:2rem}.feature-panel[data-v-8ebcb212]{display:flex;flex-direction:column;background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color);height:fit-content;position:sticky;top:20px;overflow-y:auto;max-height:calc(100vh - 8rem)}.converter-section[data-v-8ebcb212]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.converter-section[data-v-8ebcb212]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-8ebcb212]{font-size:1.25rem;color:#1e293b;margin-bottom:1.5rem;font-weight:600}.generator-inputs[data-v-8ebcb212]{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.input-row[data-v-8ebcb212]{display:flex;gap:2rem;flex-wrap:wrap}.input-row .input-group[data-v-8ebcb212]{flex:1;min-width:200px}.generator-controls[data-v-8ebcb212]{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.5rem;background:var(--background-light);border-radius:8px;border:1px solid var(--border-color);flex-wrap:wrap}.btn-primary[data-v-8ebcb212]{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 2px 8px #4299e133}.btn-primary[data-v-8ebcb212]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 16px #4299e166;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-8ebcb212]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-8ebcb212]{padding:.625rem 1.25rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-8ebcb212]:hover{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 12px #4299e14d;transform:translateY(-3px) scale(1.02)}.input-group[data-v-8ebcb212]{flex:1;min-width:250px}.input-label[data-v-8ebcb212]{display:block;font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500}.input-with-buttons[data-v-8ebcb212]{display:flex;gap:.5rem;margin-bottom:.75rem}.input-field[data-v-8ebcb212]{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .3s ease;background:var(--input-bg)}.input-field[data-v-8ebcb212]:focus{outline:none;border-color:var(--primary-color);background:#ffffff;box-shadow:0 0 0 3px #4299e11a}.input-field[data-v-8ebcb212]:hover{border-color:var(--primary-color)}.checkbox-item input[type=checkbox][data-v-8ebcb212]{accent-color:var(--primary-color);width:18px;height:18px}.checkbox-label[data-v-8ebcb212]{font-size:.875rem;color:var(--text-secondary);transition:color .3s ease}.checkbox-item:hover .checkbox-label[data-v-8ebcb212]{color:var(--text-primary)}.result-container[data-v-8ebcb212]{background:var(--background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.result-item-header[data-v-8ebcb212]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-label[data-v-8ebcb212]{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0}.password-display-wrapper[data-v-8ebcb212]{position:relative;margin:.5rem 0;width:100%}.password-display[data-v-8ebcb212]{font-size:1.25rem;font-weight:600;color:var(--text-primary);background:var(--background-light);padding:1.5rem 3rem 1.5rem 1.5rem;border-radius:8px;border:1px solid var(--border-color);word-break:break-all;font-family:Courier New,Courier,monospace;box-shadow:inset 0 1px 3px #00000014;transition:all .3s ease}.password-display[data-v-8ebcb212]:hover{border-color:var(--primary-color);background:#ffffff;box-shadow:inset 0 1px 3px #0000001a}.top-right-copy-btn[data-v-8ebcb212]{position:absolute;top:.75rem;right:.75rem;background:#ffffff;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-shadow:0 1px 3px #0000001a;z-index:10}.top-right-copy-btn[data-v-8ebcb212]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 4px #4299e14d}.top-right-copy-btn[data-v-8ebcb212]:active{transform:scale(.95)}.empty-result[data-v-8ebcb212]{text-align:center;padding:3rem;color:var(--text-muted);font-size:.875rem;background:var(--background-light);border:1px solid var(--border-color);border-radius:8px}.feature-card[data-v-8ebcb212]{height:fit-content;width:100%}.feature-card h2[data-v-8ebcb212]{display:none}.tool-info[data-v-8ebcb212]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tool-info-item[data-v-8ebcb212]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.tool-info-label[data-v-8ebcb212]{font-size:.875rem;color:#64748b;font-weight:500}.tool-info-value[data-v-8ebcb212]{font-size:1rem;color:#1e293b;font-weight:600}.tool-rating[data-v-8ebcb212]{display:flex;align-items:center;gap:1rem}.star[data-v-8ebcb212]{font-size:1.5rem;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.star[data-v-8ebcb212]:hover,.star.hover[data-v-8ebcb212],.star.active[data-v-8ebcb212]{color:#fbbf24;transform:scale(1.1)}.rating-value[data-v-8ebcb212]{font-size:1rem;color:#1e293b;font-weight:600;min-width:30px}.feature-list[data-v-8ebcb212]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-8ebcb212]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feature-item[data-v-8ebcb212]{display:flex;gap:1rem;padding:.75rem;background:var(--background-light);border-radius:6px;transition:transform .3s ease;align-items:flex-start;border:1px solid transparent}.feature-item[data-v-8ebcb212]:hover{transform:translate(4px);background:var(--secondary-hover);border-color:var(--border-color);box-shadow:0 2px 4px #00000014}.feature-icon[data-v-8ebcb212]{font-size:1.25rem;color:var(--primary-color);align-self:flex-start;margin-top:.125rem}.feature-content[data-v-8ebcb212]{flex:1;display:flex;flex-direction:column;gap:.25rem}.feature-content h4[data-v-8ebcb212]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-8ebcb212]{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0}.related-tools[data-v-8ebcb212]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-top:0;border-top:none}.related-tools h3[data-v-8ebcb212]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;text-transform:none;letter-spacing:normal}.related-tools ul[data-v-8ebcb212]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-8ebcb212]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-8ebcb212]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.related-tools a[data-v-8ebcb212]:hover{color:var(--primary-dark);text-decoration:underline}.info-section[data-v-8ebcb212]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-8ebcb212]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-8ebcb212]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-8ebcb212]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:0;background:transparent;border-radius:0;border:none}.meta-label[data-v-8ebcb212]{color:#6b7280;font-weight:500;font-size:.9rem}.meta-value[data-v-8ebcb212]{color:#374151;font-weight:600;font-size:.9rem}.tool-rating[data-v-8ebcb212]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-8ebcb212]{display:flex;gap:.25rem}.star[data-v-8ebcb212]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-8ebcb212],.star.hover[data-v-8ebcb212]{color:#ffc107}.rating-value[data-v-8ebcb212]{font-size:.875rem;color:#666}@media (max-width: 1200px){.converter-container[data-v-8ebcb212]{grid-template-columns:1fr 2fr;gap:1.5rem}.feature-panel[data-v-8ebcb212]{order:-1;grid-column:span 2;position:static;max-width:600px;margin:0 auto}}@media (max-width: 1024px){.converter-container[data-v-8ebcb212]{grid-template-columns:1fr}.settings-panel[data-v-8ebcb212],.feature-panel[data-v-8ebcb212]{position:static;max-height:none}.feature-panel[data-v-8ebcb212]{order:-1;grid-column:span 1;max-width:none}}@media (max-width: 768px){.password-generator[data-v-8ebcb212]{padding:2rem 0}.page-header[data-v-8ebcb212]{margin-bottom:2rem}.page-header h1[data-v-8ebcb212]{font-size:2rem}.converter-card[data-v-8ebcb212],.feature-card[data-v-8ebcb212]{padding:1.5rem}.generator-inputs[data-v-8ebcb212]{gap:1.5rem}}@media (max-width: 480px){.converter-container[data-v-8ebcb212]{padding:0 1rem}.converter-card[data-v-8ebcb212],.feature-card[data-v-8ebcb212]{padding:1.25rem}.input-with-buttons[data-v-8ebcb212],.generator-controls[data-v-8ebcb212]{flex-direction:column}}.id-card-validator[data-v-a159487f]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:var(--background-light);min-height:calc(100vh - var(--header-height, 150px));padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-a159487f]{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1.5rem}.page-header h1[data-v-a159487f]{font-size:2.5rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:700;letter-spacing:-.025em}.page-header p[data-v-a159487f]{color:var(--text-secondary);font-size:1rem;line-height:1.6}.converter-container[data-v-a159487f]{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.settings-panel[data-v-a159487f],.main-panel[data-v-a159487f],.feature-panel[data-v-a159487f]{background:white;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.feature-panel[data-v-a159487f]{display:flex;flex-direction:column}.panel-title[data-v-a159487f]{display:none}.tool-meta[data-v-a159487f]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-a159487f]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-a159487f]{color:#6b7280;font-weight:500}.meta-value[data-v-a159487f]{color:#374151;font-weight:600}.converter-card[data-v-a159487f]{background:#ffffff;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);padding:2rem}.converter-section[data-v-a159487f]{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.converter-section[data-v-a159487f]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.converter-section h2[data-v-a159487f]{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600}.generator-inputs[data-v-a159487f]{display:flex;flex-direction:column;gap:2rem;align-items:stretch}.generator-controls[data-v-a159487f]{display:flex;gap:1rem;justify-content:center;padding:1.5rem;background:var(--background-light);border-radius:8px;border:1px solid var(--border-color)}.btn-primary[data-v-a159487f]{padding:.75rem 2rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;box-shadow:0 2px 8px #4299e133}.btn-primary[data-v-a159487f]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 16px #4299e166;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-a159487f]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-a159487f]{padding:.625rem 1.25rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-a159487f]:hover{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 12px #4299e14d;transform:translateY(-3px) scale(1.02)}.input-group[data-v-a159487f]{flex:1;min-width:250px}.input-label[data-v-a159487f]{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.input-with-buttons[data-v-a159487f]{display:flex;gap:.5rem;margin-bottom:.75rem}.input-field[data-v-a159487f]{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .3s ease;background:var(--input-bg)}.input-field[data-v-a159487f]:focus{outline:none;border-color:var(--primary-color);background:#ffffff;box-shadow:0 0 0 3px #4299e11a}.input-field[data-v-a159487f]:hover{border-color:var(--primary-color)}.result-container[data-v-a159487f]{background:var(--background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.result-container.valid[data-v-a159487f]{background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 4px 12px #4caf5033}.result-container.invalid[data-v-a159487f]{background:#fef2f2;border-color:#fecaca;box-shadow:0 4px 12px #f4433633}.result-header[data-v-a159487f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.result-status[data-v-a159487f]{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.status-icon[data-v-a159487f]{font-size:1.25rem}.result-status .status-icon[data-v-a159487f]:first-child{color:var(--success-color)}.result-container.invalid .status-icon[data-v-a159487f]:first-child{color:var(--error-color)}.result-details[data-v-a159487f]{display:flex;flex-direction:column;gap:1rem}.detail-item[data-v-a159487f]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-item[data-v-a159487f]:last-child{border-bottom:none}.detail-label[data-v-a159487f]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.detail-value[data-v-a159487f]{font-size:.875rem;color:var(--text-primary);font-weight:600;text-align:right}.invalid-reason[data-v-a159487f]{padding:1rem;background:#fee2e2;border-radius:6px;color:var(--error-color);font-weight:600;box-shadow:0 2px 4px #f443361a}.feature-card[data-v-a159487f]{background:transparent;border-radius:0;box-shadow:none;border:none;padding:0;height:auto}.feature-card h2[data-v-a159487f]{display:none}.tool-info[data-v-a159487f]{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tool-info-item[data-v-a159487f]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-light);border-radius:8px;border:1px solid var(--border-color)}.tool-info-label[data-v-a159487f]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tool-info-value[data-v-a159487f]{font-size:1rem;color:var(--text-primary);font-weight:600}.tool-rating[data-v-a159487f]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-a159487f]{display:flex;gap:.25rem}.star[data-v-a159487f]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-a159487f],.star.hover[data-v-a159487f]{color:#ffc107}.rating-value[data-v-a159487f]{font-size:.875rem;color:#666}.feature-list[data-v-a159487f]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-a159487f]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feature-item[data-v-a159487f]{display:flex;gap:1rem;padding:.75rem;background:var(--background-light);border-radius:6px;transition:transform .3s ease;border:1px solid transparent}.feature-item[data-v-a159487f]:hover{transform:translate(4px);background:var(--secondary-hover);border-color:var(--border-color);box-shadow:0 2px 4px #00000014}.feature-icon[data-v-a159487f]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;flex-shrink:0}.feature-content[data-v-a159487f]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-a159487f]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-a159487f]{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.related-tools[data-v-a159487f]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-a159487f]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.related-tools ul[data-v-a159487f]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-a159487f]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-a159487f]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.related-tools a[data-v-a159487f]:hover{color:var(--primary-dark);text-decoration:underline}.info-section[data-v-a159487f]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-a159487f]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-a159487f]{display:flex;flex-direction:column;gap:1rem}.meta-item[data-v-a159487f]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:0;background:transparent;border:none}.meta-label[data-v-a159487f]{font-size:.875rem;color:#64748b;font-weight:500}.meta-value[data-v-a159487f]{font-size:.875rem;color:#1e293b;font-weight:600}@media (max-width: 1200px){.converter-container[data-v-a159487f]{grid-template-columns:1fr;gap:1.5rem}.settings-panel[data-v-a159487f],.feature-panel[data-v-a159487f]{order:2}.main-panel[data-v-a159487f]{order:1}}@media (max-width: 768px){.id-card-validator[data-v-a159487f]{padding:2rem 0}.page-header[data-v-a159487f]{margin-bottom:2rem}.page-header h1[data-v-a159487f]{font-size:1.5rem}.page-header p[data-v-a159487f]{font-size:.875rem}.converter-container[data-v-a159487f]{padding:0 1rem 1.5rem;gap:1rem}.settings-panel[data-v-a159487f],.main-panel[data-v-a159487f],.feature-panel[data-v-a159487f]{padding:1rem}.converter-card[data-v-a159487f],.feature-card[data-v-a159487f]{padding:1.5rem}.generator-inputs[data-v-a159487f]{gap:1.5rem}.generator-controls[data-v-a159487f]{flex-direction:column}}@media (max-width: 480px){.converter-container[data-v-a159487f]{padding:0 1rem}.converter-card[data-v-a159487f],.feature-card[data-v-a159487f]{padding:1.25rem}.input-with-buttons[data-v-a159487f],.generator-controls[data-v-a159487f]{flex-direction:column}}.video-cutter[data-v-7fda4322]{--primary-color: #4299e1;--primary-dark: #3182ce;--secondary-bg: #f7fafc;--secondary-hover: #edf2f7;--text-primary: #2d3748;--text-secondary: #718096;--border-color: #e2e8f0;--input-bg: #f8fafc;--background-color: #ffffff;--background-light: #f8fafc;--text-muted: #718096;--text-inverse: #ffffff;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .16);--transition-base: all .3s ease;--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--spacing-md: 1.5rem;background:var(--background-light);padding:20px;min-height:calc(100vh - var(--header-height, 150px));color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header[data-v-7fda4322]{text-align:center;margin-bottom:3rem;padding:0;background:transparent}.page-header h1[data-v-7fda4322]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}.page-header p[data-v-7fda4322]{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.calculator-container[data-v-7fda4322]{max-width:1300px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:2.5fr 5fr 2.5fr;gap:2rem;position:relative;z-index:2}@media (max-width: 1024px){.calculator-container[data-v-7fda4322]{grid-template-columns:1fr;padding:0 var(--spacing-md)}}.calculator-card[data-v-7fda4322]{background:#ffffff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:2rem}.calculator-section[data-v-7fda4322]{display:flex;flex-direction:column;gap:1.5rem}.settings-panel[data-v-7fda4322]{display:flex;flex-direction:column;gap:2rem;position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;background-color:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.main-panel[data-v-7fda4322]{display:flex;flex-direction:column;gap:2rem;background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #00000014;min-height:auto;height:fit-content;border:1px solid var(--border-color)}.feature-panel[data-v-7fda4322]{display:flex;flex-direction:column;position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:auto;background-color:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 10px #00000014;border:1px solid var(--border-color)}.feature-card[data-v-7fda4322]{display:flex;flex-direction:column;gap:1.5rem}.calculator-section h2[data-v-7fda4322]{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:700;letter-spacing:-.5px;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.upload-section[data-v-7fda4322]{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0}.upload-area[data-v-7fda4322]{width:100%;max-width:600px;border:2px dashed #ddd;border-radius:12px;cursor:pointer;transition:all .3s;background-color:#fafafa;padding:50px;text-align:center;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-area[data-v-7fda4322]:hover{border-color:var(--primary-color);background-color:#6366f10d;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.file-input[data-v-7fda4322]{position:absolute;width:0;height:0;opacity:0;cursor:pointer;pointer-events:none;display:none}.upload-area .upload-icon[data-v-7fda4322]{font-size:5rem;margin-bottom:20px;color:var(--primary-color)}.upload-area h2[data-v-7fda4322]{margin:0 0 15px;color:var(--text-primary);font-size:1.8rem}.upload-area p[data-v-7fda4322]{margin:8px 0;color:var(--text-secondary);font-size:1.1rem}.upload-hint[data-v-7fda4322]{font-size:.9rem;color:var(--text-secondary);margin-top:20px}.video-section[data-v-7fda4322]{display:flex;flex-direction:column;gap:1.5rem}.video-container[data-v-7fda4322]{position:relative;width:100%;padding-top:75%;border-radius:8px;overflow:hidden;background:#f1f5f9}.video-player[data-v-7fda4322],.result-video[data-v-7fda4322]{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;object-fit:contain;background:#000}.time-controls[data-v-7fda4322]{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.time-inputs[data-v-7fda4322]{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;width:100%}.time-input-group[data-v-7fda4322]{display:flex;flex-direction:column;gap:.5rem;width:100%}.time-label[data-v-7fda4322]{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-align:left}.time-input[data-v-7fda4322]{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--input-bg);width:100%;min-width:auto;text-align:center;transition:all .3s ease;box-sizing:border-box}.time-input[data-v-7fda4322]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.time-input[data-v-7fda4322]:hover{border-color:var(--primary-color)}.current-time-value[data-v-7fda4322]{font-size:.95rem;color:var(--text-secondary);font-weight:600;text-align:center;background:#ffffff;padding:.75rem;border-radius:6px;border:1px solid var(--border-color);width:100%;box-sizing:border-box;transition:all .3s ease}.current-time-value.no-video[data-v-7fda4322]{color:#94a3b8;font-style:italic}.cutter-controls[data-v-7fda4322],.download-controls[data-v-7fda4322]{display:flex;gap:.75rem;justify-content:stretch;padding:1rem;width:100%;box-sizing:border-box;flex-wrap:nowrap}.cutter-controls button[data-v-7fda4322],.download-controls button[data-v-7fda4322],.download-controls a[data-v-7fda4322]{flex:1;min-width:auto;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-section[data-v-7fda4322]{display:flex;flex-direction:column;gap:1.5rem}.feature-list[data-v-7fda4322]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-list h3[data-v-7fda4322]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feature-item[data-v-7fda4322]{display:flex;gap:1rem;padding:.75rem;background:var(--background-light);border-radius:6px;transition:transform .3s ease;border:1px solid transparent}.feature-item[data-v-7fda4322]:hover{transform:translate(4px);background:var(--secondary-hover);border-color:var(--border-color);box-shadow:0 2px 4px #00000014}.feature-icon[data-v-7fda4322]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem;color:var(--primary-color)}.feature-content[data-v-7fda4322]{display:flex;flex-direction:column;gap:.25rem;flex:1}.feature-content h4[data-v-7fda4322]{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.feature-content p[data-v-7fda4322]{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.related-tools[data-v-7fda4322]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-7fda4322]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.related-tools ul[data-v-7fda4322]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-7fda4322]{display:flex;align-items:center;gap:.5rem}.related-tools a[data-v-7fda4322]{font-size:.875rem;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.related-tools a[data-v-7fda4322]:hover{color:var(--primary-dark);text-decoration:underline}.info-section[data-v-7fda4322]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-7fda4322]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-7fda4322]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-7fda4322]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-7fda4322]{color:#6b7280;font-weight:500}.meta-value[data-v-7fda4322]{color:#374151;font-weight:600}.tool-rating[data-v-7fda4322]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-7fda4322]{display:flex;gap:.25rem}.star[data-v-7fda4322]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star.active[data-v-7fda4322],.star.hover[data-v-7fda4322]{color:#ffc107}.rating-value[data-v-7fda4322]{font-size:.875rem;color:#666}.btn-primary[data-v-7fda4322]{padding:.875rem 1.75rem;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4299e133;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary[data-v-7fda4322]:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 16px #4299e166;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,.4);color:#fff}.btn-primary[data-v-7fda4322]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border:none;background:var(--secondary-bg);color:var(--text-secondary)}.btn-secondary[data-v-7fda4322]{padding:.875rem 1.75rem;background:var(--secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.btn-secondary[data-v-7fda4322]:hover{background:var(--primary-color);border-color:var(--primary-dark);color:#fff;box-shadow:0 6px 12px #4299e14d;transform:translateY(-3px) scale(1.02)}@media (max-width: 768px){.video-cutter[data-v-7fda4322]{padding:2rem 0}.calculator-card[data-v-7fda4322],.feature-card[data-v-7fda4322]{padding:1.5rem;gap:1.5rem}.upload-area[data-v-7fda4322]{height:180px}.upload-icon[data-v-7fda4322]{font-size:2.5rem}.time-inputs[data-v-7fda4322]{flex-direction:column;gap:1rem}.cutter-controls[data-v-7fda4322],.download-controls[data-v-7fda4322]{flex-direction:column}}.cutting-content[data-v-7fda4322]{padding:1rem 0}.progress-container[data-v-7fda4322]{margin-top:1.5rem}.progress-bar[data-v-7fda4322]{width:100%;height:12px;background-color:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.progress-fill[data-v-7fda4322]{height:100%;background-color:#3b82f6;border-radius:6px;transition:width .3s ease}.progress-text[data-v-7fda4322]{text-align:center;font-size:.875rem;color:#64748b;font-weight:500}.online-chart-page[data-v-58384fa6]{max-width:1600px;margin:0 auto;padding:20px}.page-header[data-v-58384fa6]{text-align:center;margin-bottom:30px;background-color:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #00000014}.header-with-favorite[data-v-58384fa6]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:10px}.page-title[data-v-58384fa6]{font-size:2.2rem;color:#333;margin:0;font-weight:700}.page-description[data-v-58384fa6]{color:#666;font-size:1.1rem}.favorite-btn-title[data-v-58384fa6]{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:50%;transition:all .3s ease;color:#999;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.favorite-btn-title[data-v-58384fa6]:hover{background-color:#0000000d;transform:scale(1.1)}.favorite-btn-title span[data-v-58384fa6]{transition:all .3s ease}.favorite-btn-title:hover span[data-v-58384fa6]{transform:scale(1.2)}.layout-container[data-v-58384fa6]{display:grid;grid-template-columns:320px 1fr 260px;gap:1.5rem;align-items:start;max-width:1600px;margin:0 auto;width:100%;padding:0 2rem 2rem}.online-chart-page[data-v-58384fa6]{max-width:100%;margin:0 auto;padding:20px}.settings-panel[data-v-58384fa6]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #00000014;height:fit-content;max-height:calc(100vh - 180px);overflow-y:auto;position:sticky;top:20px;display:flex;flex-direction:column}.chart-panel[data-v-58384fa6]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;min-height:600px;gap:20px}.feature-panel[data-v-58384fa6]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #00000014;height:fit-content;position:sticky;top:20px;display:flex;flex-direction:column}.chart-section[data-v-58384fa6]{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#fafafa;padding:40px;border-radius:8px;border:1px solid #eee;flex:1;justify-content:flex-start}.chart-section h2[data-v-58384fa6]{margin-top:0;margin-bottom:30px;color:#333;font-size:1.8rem}.chart-wrapper[data-v-58384fa6]{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:400px;padding-bottom:20px}.echart-container[data-v-58384fa6]{width:100%;height:auto;min-height:500px;transition:all .3s;flex:1;max-width:100%}.chart-action-buttons[data-v-58384fa6]{margin-top:10px;display:flex;justify-content:center;gap:15px;width:100%;position:relative;z-index:10}.chart-action-buttons .btn-primary[data-v-58384fa6]{padding:12px 30px;font-size:1.1rem;min-width:160px;box-shadow:0 4px 12px #409eff4d;transition:all .3s}.chart-action-buttons .btn-primary[data-v-58384fa6]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #409eff66}.config-section[data-v-58384fa6]{background-color:transparent;padding:0;border-radius:0;margin-bottom:20px;border:none}.section-title[data-v-58384fa6]{font-size:1.2rem;font-weight:700;color:#333;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #409eff;display:flex;align-items:center}.chart-type-options[data-v-58384fa6]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.chart-type-btn[data-v-58384fa6]{padding:10px 20px;border:1px solid #ddd;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:.95rem;font-weight:500;flex:1;min-width:80px;box-shadow:0 2px 6px #0000000d}.chart-type-btn[data-v-58384fa6]:hover{border-color:#409eff;color:#409eff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff26}.chart-type-btn.active[data-v-58384fa6]{background-color:#409eff;color:#fff;border-color:#409eff;box-shadow:0 4px 12px #409eff33}.config-group[data-v-58384fa6]{margin-bottom:20px;background-color:#f8f9fa;padding:16px;border-radius:8px;border:1px solid #f0f0f0}.config-group label[data-v-58384fa6]{display:block;margin-bottom:10px;font-weight:600;color:#333;font-size:.95rem}.config-group input[type=text][data-v-58384fa6],.config-group select[data-v-58384fa6]{width:100%;padding:12px;border:1px solid #dcdfe6;border-radius:8px;font-size:1rem;transition:all .3s;background-color:#fff;box-shadow:0 2px 6px #0000000d}.config-group input[type=text][data-v-58384fa6]:focus,.config-group select[data-v-58384fa6]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 3px #409eff1a}.config-row[data-v-58384fa6]{display:flex;gap:15px;margin-bottom:0;align-items:flex-start;flex-wrap:wrap}.config-row .config-group[data-v-58384fa6]{flex:1;margin-bottom:0;min-width:calc(50% - 7.5px)}.config-group input[type=range][data-v-58384fa6]{width:calc(100% - 80px);margin-right:15px;height:8px;border-radius:4px;background:#e4e7ed;outline:none;-webkit-appearance:none;vertical-align:middle}.config-group input[type=range][data-v-58384fa6]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#409eff;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #409eff4d}.config-group input[type=range][data-v-58384fa6]::-webkit-slider-thumb:hover{background:#66b1ff;transform:scale(1.2)}.range-value[data-v-58384fa6]{display:inline-block;width:65px;text-align:right;font-weight:700;color:#409eff;font-size:.95rem;vertical-align:middle;background-color:#ecf5ff;padding:6px 12px;border-radius:6px;border:1px solid #d9ecff}.checkbox-group[data-v-58384fa6]{display:flex;align-items:center;padding-top:8px}.checkbox-group label[data-v-58384fa6]{display:flex;align-items:center;margin-bottom:0;cursor:pointer;font-weight:500;color:#495057;font-size:1rem}.checkbox-group input[type=checkbox][data-v-58384fa6]{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#409eff}.action-buttons[data-v-58384fa6]{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap;justify-content:center;background-color:#f0f2f5;padding:20px;border-radius:8px}.btn-primary[data-v-58384fa6],.btn-secondary[data-v-58384fa6]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s;font-weight:600;min-width:120px;box-shadow:0 4px 12px #0000001a;text-transform:uppercase;letter-spacing:.5px}.btn-primary[data-v-58384fa6]{background-color:#409eff;color:#fff}.btn-primary[data-v-58384fa6]:hover{background-color:#66b1ff;transform:translateY(-2px);box-shadow:0 6px 16px #409eff4d}.btn-secondary[data-v-58384fa6]{background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary[data-v-58384fa6]:hover{background-color:#e9ecef;border-color:#adb5bd;color:#343a40;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.hint-text[data-v-58384fa6]{font-size:.9rem;color:#999;margin-top:15px;line-height:1.6;background-color:#fff7e6;padding:12px;border-radius:6px;border:1px solid #ffeeba}.data-section[data-v-58384fa6]{margin-top:30px;background-color:transparent;padding:0;border-radius:0;border:none}.data-section h2[data-v-58384fa6]{margin-top:0;margin-bottom:20px;color:#333;font-size:1.2rem;font-weight:700;padding-bottom:10px;border-bottom:2px solid #409eff}.table-container[data-v-58384fa6]{overflow-x:auto;background-color:#fff;border-radius:8px;border:1px solid #f0f0f0;box-shadow:0 2px 6px #0000000d}.data-table[data-v-58384fa6]{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}.data-table th[data-v-58384fa6],.data-table td[data-v-58384fa6]{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;position:relative}.data-table th[data-v-58384fa6]{background-color:#f5f7fa;font-weight:600;color:#333;white-space:nowrap}.data-table td[data-v-58384fa6]{background-color:#fff}.data-table input[data-v-58384fa6]{width:100%;padding:10px;border:1px solid #dcdfe6;border-radius:6px;font-size:1rem;transition:all .3s;box-shadow:0 2px 4px #0000000d}.data-table input[data-v-58384fa6]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 3px #409eff1a}.add-col-btn[data-v-58384fa6]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background-color:#409eff;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 6px #409eff4d;transition:all .3s}.add-col-btn[data-v-58384fa6]:hover{background-color:#66b1ff;transform:translateY(-50%) scale(1.1);box-shadow:0 3px 8px #409eff66}.row-actions[data-v-58384fa6]{width:50px;padding:0;text-align:center}.delete-row-btn[data-v-58384fa6]{background-color:#f56c6c;color:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s;box-shadow:0 2px 6px #f56c6c4d}.delete-row-btn[data-v-58384fa6]:hover{background-color:#f78989;transform:scale(1.15);box-shadow:0 3px 8px #f56c6c66}.add-row[data-v-58384fa6]{text-align:center;padding:20px;border-bottom:none}.add-row-btn[data-v-58384fa6]{background-color:#67c23a;color:#fff;border:none;border-radius:6px;padding:10px 20px;cursor:pointer;font-size:1rem;transition:all .3s;font-weight:600;box-shadow:0 4px 12px #67c23a4d}.add-row-btn[data-v-58384fa6]:hover{background-color:#85ce61;transform:translateY(-1px);box-shadow:0 6px 16px #67c23a66}.feature-card[data-v-58384fa6]{display:flex;flex-direction:column;gap:1.5rem;height:100%}.feature-list[data-v-58384fa6]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.feature-title[data-v-58384fa6]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem;text-align:left;padding-bottom:0;border-bottom:none}.feature-item[data-v-58384fa6]{display:flex;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;transition:transform .2s}.feature-item[data-v-58384fa6]:hover{transform:translate(4px);background:#e9ecef}.feature-icon[data-v-58384fa6]{font-size:1.25rem;align-self:flex-start;margin-top:.125rem}.feature-content[data-v-58384fa6]{display:flex;flex-direction:column;gap:.25rem;flex:1;margin-bottom:0}.feature-content h4[data-v-58384fa6]{font-size:.875rem;font-weight:600;color:#333;margin:0}.feature-content p[data-v-58384fa6]{font-size:.75rem;color:#666;margin:0;line-height:1.4}.related-tools[data-v-58384fa6]{display:flex;flex-direction:column;gap:.75rem}.related-tools h3[data-v-58384fa6]{font-size:1rem;font-weight:600;color:#333;margin:0 0 .5rem}.related-tools ul[data-v-58384fa6]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-tools li[data-v-58384fa6]{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.related-tools a[data-v-58384fa6]{font-size:.875rem;color:#007bff;text-decoration:none;transition:color .2s}.related-tools a[data-v-58384fa6]:hover{color:#0056b3;text-decoration:underline}.info-section[data-v-58384fa6]{margin-top:20px;padding-top:15px;border-top:1px solid #f3f4f6}.info-title[data-v-58384fa6]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.tool-meta[data-v-58384fa6]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-58384fa6]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.meta-label[data-v-58384fa6]{color:#6b7280;font-weight:500}.meta-value[data-v-58384fa6]{color:#374151;font-weight:600}.tool-rating[data-v-58384fa6]{display:flex;align-items:center;gap:.5rem}.rating-stars[data-v-58384fa6]{display:flex;gap:.25rem}.star[data-v-58384fa6]{font-size:1.25rem;color:#ddd;cursor:pointer;transition:color .2s}.star[data-v-58384fa6]:hover,.star.hover[data-v-58384fa6],.star.active[data-v-58384fa6]{color:#ffc107}.rating-value[data-v-58384fa6]{font-size:.875rem;color:#666}.settings-panel[data-v-58384fa6]::-webkit-scrollbar{width:8px}.settings-panel[data-v-58384fa6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.settings-panel[data-v-58384fa6]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.settings-panel[data-v-58384fa6]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 1200px){.layout-container[data-v-58384fa6]{grid-template-columns:1fr 2fr}.feature-panel[data-v-58384fa6]{order:-1;grid-column:span 2;position:static;max-width:600px;margin:0 auto}}@media (max-width: 992px){.layout-container[data-v-58384fa6]{grid-template-columns:1fr;gap:20px}.feature-panel[data-v-58384fa6]{grid-column:span 1;max-width:none}.settings-panel[data-v-58384fa6]{position:static;max-height:none;order:-1}.config-row[data-v-58384fa6]{flex-direction:column;gap:15px}.config-row .config-group[data-v-58384fa6]{min-width:100%;margin-bottom:0}.action-buttons[data-v-58384fa6]{flex-direction:column;align-items:center}.btn-primary[data-v-58384fa6],.btn-secondary[data-v-58384fa6]{width:100%;max-width:300px}}@media (max-width: 768px){.online-chart-page[data-v-58384fa6]{padding:15px}.page-header[data-v-58384fa6]{padding:20px}.page-title[data-v-58384fa6]{font-size:1.8rem}.settings-panel[data-v-58384fa6],.chart-panel[data-v-58384fa6],.feature-panel[data-v-58384fa6]{padding:20px}.chart-section[data-v-58384fa6]{padding:30px 20px}.echart-container[data-v-58384fa6]{width:100%!important;height:400px!important}.chart-section h2[data-v-58384fa6]{font-size:1.5rem;margin-bottom:20px}.table-container[data-v-58384fa6]{overflow-x:auto}.data-table[data-v-58384fa6]{font-size:.95rem}.data-table th[data-v-58384fa6],.data-table td[data-v-58384fa6]{padding:10px}}@media (max-width: 480px){.layout-container[data-v-58384fa6]{gap:15px}.settings-panel[data-v-58384fa6],.chart-panel[data-v-58384fa6],.feature-panel[data-v-58384fa6]{padding:15px}.chart-section[data-v-58384fa6]{padding:20px}.echart-container[data-v-58384fa6]{height:300px!important}.chart-type-options[data-v-58384fa6]{flex-direction:column}.chart-type-btn[data-v-58384fa6]{min-width:auto}.section-title[data-v-58384fa6]{font-size:1.1rem}.config-group[data-v-58384fa6]{padding:12px}}