:root{--primary:#49b5e7;--secondary:#10b981;--orange:#f97316;--radius-button:8px}.content{background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.light{--bg-primary:#f5fbff;--bg-secondary:#fff;--text-primary:#0f394c;--text-secondary:#6b7280;--border-color:#e5e7eb;--tab-bg:#f3f4f6;--tab-inactive-bg:#f5fbff}.dark{--bg-primary:#0f394c;--bg-secondary:#185977;--text-primary:#fff;--text-secondary:#cbd5e1;--border-color:#185977;--tab-bg:#185977;--tab-inactive-bg:#374151}.seo-container .row i,.seo-container .row ol li span.me-2{color:var(--primary)}.theme-bg-secondary .fw-semibold,.container h2,.container h1{color:var(--text-primary)}#autoDetect:checked{background-color:var(--primary);border-color:var(--primary);}.theme-bg-secondary{background-color:var(--bg-secondary)!important}.theme-text-secondary{color:var(--text-secondary)!important}.theme-border{border-color:var(--border-color)!important}.text-primary-custom{color:var(--primary)!important}.bg-primary-custom{background-color:var(--primary)!important}.bg-secondary-custom{background-color:var(--secondary)!important}.bg-orange-custom{background-color:var(--orange)!important}.rounded-button{border-radius:var(--radius-button)!important}#themeToggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease,border-color .2s ease}#themeToggle:hover{filter:brightness(1.05)}.tab-btn{padding:.5rem 1.25rem;border-radius:var(--radius-button);font-weight:500;border:0;transition:.2s ease;white-space:nowrap}.tab-btn.active{background-color:var(--primary);color:#fff}.tab-btn.inactive{background-color:var(--bg-secondary);color:var(--text-secondary)}.tooltip-custom{position:relative;display:inline-block}.tooltip-custom .tooltiptext{visibility:hidden;width:20rem;background-color:var(--bg-secondary);color:var(--text-primary);text-align:left;border-radius:8px;padding:1rem;position:absolute;z-index:10;bottom:125%;left:50%;margin-left:-10rem;opacity:0;transition:opacity 0.3s;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.tooltip-custom:hover .tooltiptext{visibility:visible;opacity:1}textarea.form-control{background-color:#fff;color:var(--text-primary);border-color:var(--border-color)}textarea.form-control::placeholder{color:var(--text-primary)}.dark textarea.form-control{background-color:#0f394c;color:var(--text-primary);border-color:var(--border-color)}#outputText{opacity:.7}.message{padding:.75rem 1rem;border-radius:8px;margin-top:1rem;margin-bottom:1rem;font-size:.875rem;opacity:0;transform:translateY(-10px);transition:all .3s ease;border:1px solid #fff0}.message.show{opacity:1;transform:translateY(0)}.message.success{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.message.error{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.dark .message.success{background-color:#064e3b;color:#6ee7b7;border-color:#047857}.dark .message.error{background-color:#7f1d1d;color:#fca5a5;border-color:#dc2626}.card-custom{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:20px;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)}.icon-tile{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem}@media (max-width:442px){.tab-btn{padding:5px 10px;font-size:13px}}