Code Formatters, Minifiers, Beautifiers, Validators, Encoders/Decoders, Diff Tools, Slug Tools, UUID Tools,
Unit Converter, Currency Converter, Base64 Encoder/Decoder, Markdown Converter, Image Converter, PDF Converter, Timestamp Converter, HTML Converter,
Calculator, Percentage Calculator, Unit Price Calculator, Age Calculator, BMI Calculator, Prime Number Checker, Factorial Calculator, Equation Solver,
Text Case Converter, String Tools, Lorem Ipsum Tools, Plagiarism Checker Tools, Readability Checker Tools, Word Counter, Essay Generator,
Image Compressor, Color Picker, Palette Tools, Favicon Tools, Barcode Tools, QR Tools, Image Resizer,
Loan Calculator, Mortgage Calculator, Investment Calculator, Budget Planner, Expense Tracker, Tax Calculator, Savings Calculator,
Ping Tool, WHOIS Lookup, DNS Lookup, IP Checker, SSL Checker, Port Scanner, HTTP Headers, User Agent Parser,
Gradient Generator, Palette Generator, Contrast Checker, HEX to RGB Converter, Color Blindness Simulator, Color Converter, Color Extractor,
Grammar Checker, Plagiarism Checker, Paraphrasing Tool, Readability Checker, Summary Tool, Citation Generator,
Link Shortener, Hashtag Generator, Profile Picture Maker, Post Scheduler, Bio Generator, Social Media Audit, Emoji Picker, Username Generator,
Calorie Counter, Water Intake Calculator, Step Counter, Sleep Tracker, Heart Rate Calculator, Body Fat Calculator, BMR Calculator,
PDF Merger, PDF Splitter, File Compressor, File Converter, File Renamer, File Encryptor, File Decryptor, File Hasher.
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 0.375rem 0.375rem;
padding: 20px;
}
.nav-tabs .nav-link {
color: #495057;
border: 1px solid transparent;
border-bottom: none;
}
.nav-tabs .nav-link.active {
color: #007bff;
background-color: white;
border: 1px solid #ddd;
border-bottom: 1px solid white;
margin-bottom: -1px;
}
.username-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
margin-top: 20px;
}
.username-item {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
}
.username-item:hover {
background: #e9ecef;
border-color: #007bff;
}
.username-text {
font-weight: 500;
color: #495057;
margin-right: 10px;
word-break: break-all;
}
.copy-btn {
background: none;
border: none;
color: #007bff;
cursor: pointer;
padding: 5px;
border-radius: 0.25rem;
transition: all 0.3s ease;
}
.copy-btn:hover {
background: #007bff;
color: white;
}
.history-item {
background: white;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
padding: 15px;
margin-bottom: 10px;
}
.settings-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
}
.settings-section {
background: #f8f9fa;
border-radius: 0.375rem;
padding: 20px;
}
.loader {
border: 3px solid #f3f3f3;
border-top: 3px solid #007bff;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 1s linear infinite;
display: inline-block;
margin-right: 10px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}