*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0052cc;--primary-dark: #0747a6;--secondary-color: #6554c0;--success-color: #36b37e;--warning-color: #ffab00;--danger-color: #ff5630;--text-primary: #172b4d;--text-secondary: #42526e;--text-tertiary: #6b778c;--bg-primary: #ffffff;--bg-secondary: #f4f5f7;--bg-tertiary: #ebecf0;--border-color: #dfe1e6;--shadow-sm: 0 1px 3px rgba(9, 30, 66, .1);--shadow-md: 0 3px 6px rgba(9, 30, 66, .15);--shadow-lg: 0 8px 16px rgba(9, 30, 66, .1);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition: all .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:20px;flex:1}.navbar{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary-color);font-weight:700;font-size:1.5rem}.logo i{font-size:1.8rem}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;gap:6px}.nav-links a:hover,.nav-links a.active{color:var(--primary-color);background-color:var(--bg-tertiary)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:8px}.hero{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:var(--radius-lg);margin:30px 0}.hero h1{font-size:2rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.hero .subtitle{font-size:1rem;opacity:.95;max-width:700px;margin:0 auto}.converter-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-header h2{color:var(--text-primary);font-size:1.2rem;display:flex;align-items:center;gap:10px}textarea{width:100%;min-height:260px;padding:18px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;resize:vertical;transition:var(--transition);background-color:var(--bg-secondary)}textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0052cc0f}#markdownOutput{background-color:#f8f9fa}.input-section,.output-section{margin-bottom:20px}.examples{display:flex;gap:8px;flex-wrap:wrap}.example-btn{padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;transition:var(--transition)}.example-btn:hover{background:var(--bg-secondary);color:var(--primary-color)}.input-stats,.output-stats{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;color:var(--text-tertiary)}.conversion-controls{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:14px;background:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;gap:12px}.left-controls{display:flex;gap:10px;align-items:center}.options{display:flex;gap:12px;flex-wrap:wrap}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn-primary,.btn-secondary{padding:10px 18px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary)}.preview-container{margin-top:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);padding:18px;min-height:160px;background:var(--bg-primary)}.preview-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.preview-content h1,.preview-content h2,.preview-content h3{margin:12px 0 8px}.preview-content p{margin:8px 0}.preview-content pre{background:#f6f8fa;padding:12px;border-radius:var(--radius-md);overflow-x:auto;margin:10px 0}.preview-content table{width:100%;border-collapse:collapse;margin:10px 0}.preview-content table th,.preview-content table td{border:1px solid var(--border-color);padding:8px;text-align:left}.hidden{display:none}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:30px 0}.feature-card{background:var(--bg-primary);padding:18px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:20px}.conversion-table{background:var(--bg-primary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);margin:30px 0}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:12px 0}table thead{background:var(--bg-secondary)}table th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.footer{background:var(--text-primary);color:#fff;margin-top:40px}.footer-content{max-width:1200px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.footer-section h3{margin-bottom:10px;font-size:1.1rem}.footer-section a{color:#b3bac5;text-decoration:none;display:block;margin-bottom:6px}.footer-bottom{text-align:center;padding:12px;border-top:1px solid rgba(255,255,255,.08);color:#b3bac5;font-size:.9rem}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:20px;box-shadow:var(--shadow-md)}.nav-links.show{display:flex}.menu-toggle{display:block}.conversion-controls{flex-direction:column;align-items:stretch}.section-header{flex-direction:column;align-items:flex-start}.output-actions{width:100%;justify-content:center}}@media (max-width: 480px){.hero{padding:24px 16px}textarea{min-height:160px}.footer-content{grid-template-columns:1fr}}.notification{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:6px;color:#fff;font-weight:600;display:flex;gap:10px;align-items:center;z-index:10000;box-shadow:0 8px 20px #0000001f}.notification .notification-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}