.cookie-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
}
.share-bar{box-shadow:0 1px 2px rgba(16,24,40,.04);}
.share-bar .share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#f3f4f6;color:#4C3FF2;border:1px solid #e5e7eb;transition:all .15s ease;padding:0}
.share-bar .share-btn:hover{background:#eef2ff;color:#382EF0;border-color:#d1d5db}
.tool-content-wrap.card{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1rem}
.single-page-sec .single-page-inner{padding-left:1.25rem;padding-right:1.25rem}
.tool-content-wrap .max-w-5xl,.tool-content-wrap .max-w-6xl{padding-left:1rem;padding-right:1rem}
.tool-content-wrap .container{padding-left:1rem;padding-right:1rem}
.tool-content-wrap .max-w-7xl{padding-left:1rem;padding-right:1rem}
.tool-content-wrap *{box-sizing:border-box}

/* Global Bootstrap-like form styles for tool pages */
.tool-content-wrap .form-control{border-color:#d1d5db;border-radius:.375rem}
.tool-content-wrap .form-select{border-color:#d1d5db;border-radius:.375rem}
.tool-content-wrap .form-check-input{margin-right:.4rem}
.tool-content-wrap label{margin-bottom:.25rem;color:#374151;font-size:.875rem}
.tool-content-wrap .btn{min-height:36px;padding:.375rem .75rem}
.tool-content-wrap .btn-primary{background:#0d6efd;border-color:#0d6efd}
.tool-content-wrap .btn-success{background:#198754;border-color:#198754}
.share-bar .fused-icons{border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e5e7eb}
.tool-content-wrap{padding-left:1rem;padding-right:1rem}
.tool-stats{background:#fafafa}
.single-page-sec{padding-left:1.25rem;padding-right:1.25rem}
.content-sec{padding-left:1rem;padding-right:1rem}
.mainPadding{padding-left:1rem;padding-right:1rem}
.tool-content-wrap .rounded-lg.shadow-lg{border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tool-content-wrap h2{margin-left:.25rem}
.share-bar{margin-left:.25rem;margin-right:.25rem}
.tool-stats.card .badge{font-weight:600;letter-spacing:.2px}
.tool-stats.card svg{opacity:.9}
.stars .text-warning{color:#ffc107 !important}
.stars .text-muted{color:#adb5bd !important}
.tool-stats.card{margin-bottom:1rem}
.tool-rating.card{margin-bottom:1rem}
.share-bar{margin-bottom:1rem}

/* Code Formatter Combo visual polish */
.formatter-panel .bg-white.rounded-lg.shadow-lg{border-radius:10px;box-shadow:none !important;border:1px solid #e5e7eb}
.formatter-panel label{margin-bottom:.25rem;color:#374151;font-size:.875rem}
.formatter-panel textarea,.formatter-panel input[type=text],.formatter-panel select{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;width:100%}
.formatter-panel .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.formatter-panel button{min-height:32px;padding:.375rem .75rem;border-radius:.375rem}
.tab-button{display:inline-block;padding:.75rem 1rem;border:0;border-bottom:2px solid transparent;color:#6c757d;background:transparent}
.tab-button.active{color:#0d6efd;border-bottom-color:#0d6efd;font-weight:600}

/* Shared tool UI mapping (normalize Tailwind-like classes to Bootstrap look) */
.tool-content-wrap button.rounded{border-radius:.375rem}
.tool-content-wrap button{min-height:36px;padding:.375rem .75rem}
.tool-content-wrap .border{border-color:#e5e7eb}
.tool-content-wrap .rounded-lg{border-radius:12px}
.tool-content-wrap .shadow-lg{box-shadow:none}

/* Primary/Success/Danger/Secondary buttons */
.tool-content-wrap .bg-blue-600, .tool-content-wrap .bg-indigo-600{background:#0d6efd !important;border:1px solid #0d6efd !important;color:#fff !important}
.tool-content-wrap .bg-green-600{background:#198754 !important;border:1px solid #198754 !important;color:#fff !important}
.tool-content-wrap .bg-red-600{background:#dc3545 !important;border:1px solid #dc3545 !important;color:#fff !important}
.tool-content-wrap .bg-gray-600{background:#6c757d !important;border:1px solid #6c757d !important;color:#fff !important}
.tool-content-wrap .hover\:bg-blue-700:hover{filter:brightness(.95)}
.tool-content-wrap .hover\:bg-green-700:hover{filter:brightness(.95)}
.tool-content-wrap .hover\:bg-red-700:hover{filter:brightness(.95)}
.tool-content-wrap .hover\:bg-gray-700:hover{filter:brightness(.95)}

/* Outline-like small preset buttons */
.tool-content-wrap .bg-blue-50{background:#eef6ff !important;color:#0d6efd !important;border:1px solid #cfe2ff !important}
.tool-content-wrap .bg-green-50{background:#eaf7ee !important;color:#198754 !important;border:1px solid #cfead6 !important}
.tool-content-wrap .bg-purple-50{background:#f3f0ff !important;color:#6f42c1 !important;border:1px solid #dfd6ff !important}
.tool-content-wrap .bg-gray-100{background:#f8f9fa !important;color:#495057 !important;border:1px solid #e5e7eb !important}

/* Inputs (tailwind-like) render like Bootstrap */
.tool-content-wrap .w-full.px-3.py-2.border.rounded-md,
.tool-content-wrap .px-3.py-2.border.rounded,
.tool-content-wrap .px-2.py-1.border.rounded{
  border-color:#d1d5db; border-radius:.375rem; padding:.5rem .75rem; width:100%;
}
.tool-content-wrap textarea.w-full{min-height:12rem}

/* Headings spacing */
.tool-content-wrap h2{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#111827}
.tool-content-wrap h3{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:#374151}