:root{color-scheme:light}
.tool-agent-page .container{--container:1680px}
.tool-agent-grid{grid-template-columns:240px minmax(0,1fr) 250px}
.footer-settings{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.footer-settings>span{display:inline-flex;align-items:center;gap:7px}
.theme-toggle{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:9px!important;margin:0!important;color:inherit;font-size:12px;font-weight:850;cursor:pointer;user-select:none}
.theme-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.theme-switch{position:relative;width:54px;height:30px;display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);box-shadow:inset 0 1px 2px rgba(15,23,42,.08);transition:.2s ease}
.theme-switch:before,.theme-switch:after{position:absolute;top:50%;transform:translateY(-50%);font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;line-height:1;color:var(--muted)}
.theme-switch:before{content:"\f185";left:9px;color:#e79a19}
.theme-switch:after{content:"\f186";right:9px;color:#667085}
.theme-switch-thumb{position:relative;z-index:1;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#e79a19;box-shadow:0 5px 14px rgba(15,23,42,.2);transition:.2s ease}
.theme-switch-thumb i{font-size:10px}
.theme-toggle input:checked+.theme-switch{background:#111827;border-color:#334155}
.theme-toggle input:checked+.theme-switch .theme-switch-thumb{transform:translateX(24px);background:#f8fafc;color:#5145e6}
.theme-toggle input:checked+.theme-switch .theme-switch-thumb i:before{content:"\f186"}
.theme-toggle input:focus-visible+.theme-switch{outline:3px solid rgba(235,36,71,.28);outline-offset:3px}

html[data-theme=dark]{color-scheme:dark;--bg:#0b1020;--surface:#121827;--surface-2:#172033;--ink:#f7f9fd;--muted:#a6b1c5;--line:#2a3548;--dark:#050814;--shadow:0 24px 70px rgba(0,0,0,.34);--shadow-soft:0 14px 40px rgba(0,0,0,.24)}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] .site-header{background:rgba(11,16,32,.84);border-bottom-color:rgba(42,53,72,.86)}
html[data-theme=dark] .menu-toggle,
html[data-theme=dark] .btn-soft,
html[data-theme=dark] .icon-btn,
html[data-theme=dark] .admin-tabs button,
html[data-theme=dark] .filter,
html[data-theme=dark] .footer-language label,
html[data-theme=dark] .theme-switch{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .btn-glass{background:rgba(18,24,39,.72);border-color:rgba(255,255,255,.12);color:var(--ink)}
html[data-theme=dark] .btn-white{background:#f8fafc;color:#0f172a}
html[data-theme=dark] .btn-dark,
html[data-theme=dark] .filter.active,
html[data-theme=dark] .filter:hover,
html[data-theme=dark] .admin-tabs button.active{background:#f8fafc;color:#0f172a;border-color:#f8fafc}
html[data-theme=dark] .hero{background:radial-gradient(circle at 50% -10%,rgba(30,41,59,.96) 0,rgba(15,23,42,.72) 39%,transparent 68%),linear-gradient(180deg,#0b1020,#111827 60%,#171123)}
html[data-theme=dark] .hero:before{opacity:.28;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px)}
html[data-theme=dark] .eyebrow{background:rgba(18,24,39,.82);border-color:rgba(235,36,71,.22)}
html[data-theme=dark] .trust-row{color:#a8b3c7}
html[data-theme=dark] .page-hero{background:radial-gradient(circle at 50% -20%,rgba(30,41,59,.92),transparent 64%),linear-gradient(180deg,#0b1020,#111827)}
html[data-theme=dark] .pricing-preview{background:linear-gradient(180deg,#0b1020,var(--bg))}
html[data-theme=dark] .checkout-page,
html[data-theme=dark] .error-page,
html[data-theme=dark] .install-page{background:radial-gradient(circle at 10% 0,rgba(235,36,71,.18),transparent 31%),radial-gradient(circle at 100% 90%,rgba(81,69,230,.18),transparent 36%),var(--bg)}
html[data-theme=dark] .footer,
html[data-theme=dark] .auth-page{background:#0b1020;color:var(--muted)}
html[data-theme=dark] .dock-card,
html[data-theme=dark] .dock-grid>a,
html[data-theme=dark] .tool-card,
html[data-theme=dark] .price-card,
html[data-theme=dark] .pricing-note,
html[data-theme=dark] .catalog-toolbar,
html[data-theme=dark] .catalog-sidebar-inner,
html[data-theme=dark] .catalog-category-card,
html[data-theme=dark] .tool-workspace,
html[data-theme=dark] .content-card,
html[data-theme=dark] .legal-card,
html[data-theme=dark] .form-card,
html[data-theme=dark] .dash-card,
html[data-theme=dark] .account-nav,
html[data-theme=dark] .stat-grid article,
html[data-theme=dark] .checkout-card,
html[data-theme=dark] .install-card,
html[data-theme=dark] .admin-card,
html[data-theme=dark] .admin-stat-grid article,
html[data-theme=dark] .settings-nav,
html[data-theme=dark] .language-modal form,
html[data-theme=dark] .language-choice,
html[data-theme=dark] .blog-card,
html[data-theme=dark] .tool-agent-hero,
html[data-theme=dark] .agent-history-panel,
html[data-theme=dark] .agent-chat-panel,
html[data-theme=dark] .agent-side-panel,
html[data-theme=dark] .smart-agent-promo-card,
html[data-theme=dark] .ai-special-band,
html[data-theme=dark] .special-card,
html[data-theme=dark] .special-category-block,
html[data-theme=dark] .special-tool-side,
html[data-theme=dark] .special-generator-card{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-soft)}
html[data-theme=dark] .price-card.featured,
html[data-theme=dark] .dark-section,
html[data-theme=dark] .agent-capabilities,
html[data-theme=dark] .timecard-total{background:linear-gradient(150deg,#050814,#111827);color:#fff}
html[data-theme=dark] .dock-grid>a,
html[data-theme=dark] .locked-workspace,
html[data-theme=dark] .drop-zone,
html[data-theme=dark] .smart-output-panel,
html[data-theme=dark] .output-empty,
html[data-theme=dark] .smart-drop,
html[data-theme=dark] .agent-operation-detail,
html[data-theme=dark] .agent-example-list button,
html[data-theme=dark] .agent-result-preview,
html[data-theme=dark] .agent-result-preview img,
html[data-theme=dark] .agent-result-preview video,
html[data-theme=dark] .agent-result-node,
html[data-theme=dark] .catalog-nav-item:hover,
html[data-theme=dark] .category-expand,
html[data-theme=dark] .form-hint,
html[data-theme=dark] .support-message,
html[data-theme=dark] .seo-editor-box,
html[data-theme=dark] .ad-slot{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] input,
html[data-theme=dark] textarea,
html[data-theme=dark] select,
html[data-theme=dark] .search-control input,
html[data-theme=dark] .timecard-meta input,
html[data-theme=dark] .timecard-table input{background:#0f172a;border-color:#334155;color:var(--ink)}
html[data-theme=dark] input::placeholder,
html[data-theme=dark] textarea::placeholder{color:#78869b}
html[data-theme=dark] label,
html[data-theme=dark] .footer h4,
html[data-theme=dark] .empty-tools h3,
html[data-theme=dark] .tool-title h1,
html[data-theme=dark] .tool-card h3,
html[data-theme=dark] .price-card h3,
html[data-theme=dark] .dash-card h2,
html[data-theme=dark] .admin-page-head h1,
html[data-theme=dark] .card-head h2,
html[data-theme=dark] .settings-heading h2,
html[data-theme=dark] .agent-example-list button,
html[data-theme=dark] .agent-result-head strong,
html[data-theme=dark] .timecard-hero h3,
html[data-theme=dark] .timecard-table tbody th,
html[data-theme=dark] .timecard-table output,
html[data-theme=dark] .timecard-footer strong{color:var(--ink)}
html[data-theme=dark] .tool-card p,
html[data-theme=dark] .price-card>p,
html[data-theme=dark] .section-head p,
html[data-theme=dark] .catalog-toolbar-note,
html[data-theme=dark] .catalog-category-card small,
html[data-theme=dark] .tool-category-head p,
html[data-theme=dark] .prose p,
html[data-theme=dark] .prose li,
html[data-theme=dark] .form-layout>div>p,
html[data-theme=dark] .dash-card>p,
html[data-theme=dark] .checkout-card>p,
html[data-theme=dark] .agent-result-head small,
html[data-theme=dark] .agent-capabilities p,
html[data-theme=dark] .language-modal p{color:var(--muted)}
html[data-theme=dark] .footer-language option{color:#0f172a}
html[data-theme=dark] .tool-icon{background:color-mix(in srgb,var(--tool-color) 20%,#111827)}
html[data-theme=dark] .catalog-category-card.active,
html[data-theme=dark] .catalog-nav-item.active{background:linear-gradient(135deg,#eb2447,#5145e6);color:#fff}
html[data-theme=dark] .catalog-category-card.active small,
html[data-theme=dark] .catalog-category-card.active b,
html[data-theme=dark] .catalog-nav-item.active i,
html[data-theme=dark] .catalog-nav-item.active b{color:#fff}
html[data-theme=dark] .access-badge{background:#1f2937;color:#cbd5e1}
html[data-theme=dark] .access-badge.free{background:#123528;color:#86efac}
html[data-theme=dark] .access-badge.premium{background:#2e2354;color:#c4b5fd}
html[data-theme=dark] .access-badge.pay_per_use{background:#3f2b10;color:#f8d486}
html[data-theme=dark] .privacy-note{background:#0d2b22}
html[data-theme=dark] .contact-note>i,
html[data-theme=dark] .table-name>i,
html[data-theme=dark] .agent-result-head>span,
html[data-theme=dark] .writer-export-preview-page>span{background:rgba(235,36,71,.14)}
html[data-theme=dark] .blog-image,
html[data-theme=dark] .article-hero{background:linear-gradient(135deg,#111827,#151f30)}
html[data-theme=dark] .article-share a,
html[data-theme=dark] .translation-editor .admin-tabs a,
html[data-theme=dark] .translation-list.rich form,
html[data-theme=dark] .translation-save-bar{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .capability-detail-grid article,
html[data-theme=dark] .capability-link-list a{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .capability-link-list a:hover{background:#1f2937;border-color:#4b5563}
html[data-theme=dark] .capability-link-list span{background:rgba(235,36,71,.14)}
html[data-theme=dark] .capability-json{background:#020617;color:#dbeafe;border-color:#334155}
html[data-theme=dark] .business-document,
html[data-theme=dark] .letterhead-preview,
html[data-theme=dark] .writer-export-preview-page article,
html[data-theme=dark] .email-signature-preview{background:#fff;color:#111827}
html[data-theme=dark] .business-document p,
html[data-theme=dark] .business-document li,
html[data-theme=dark] .letterhead-preview p,
html[data-theme=dark] .writer-export-preview-page article p{color:#334155}
@media(max-width:820px){html[data-theme=dark] .nav-links.open{background:var(--surface);border-color:var(--line)}}
@media(max-width:560px){.footer-settings{justify-content:flex-start;gap:10px}.theme-toggle{width:max-content}}