/* [2026-06-26] Theme-aware tool-page component TOKENS (Decision 1, OS-dark).
           Inlined here because the V2 tool page loads aict-tool-page-v2.css, NOT
           tool-template.css — so these MUST ship with the rendered HTML. The inline
           styles in this template reference them via var(--aict-tp-*, <light-fallback>)
           so class-less / inline-coloured sections flip correctly under dark. */
        .aict-tool-single-page{
          --aict-tp-card-bg:#ffffff; --aict-tp-card-border:#e0f2fe;
          --aict-tp-soft-bg:#f0f9ff; --aict-tp-soft-border:#bae6fd;
          --aict-tp-soft-head:#0c4a6e; --aict-tp-soft-sub:#0369a1;
          --aict-tp-ink:#1e293b; --aict-tp-muted:#64748b; --aict-tp-accent:#5c5fe6;
        }
        [data-theme="dark"] .aict-tool-single-page{
          --aict-tp-card-bg:#1e293b; --aict-tp-card-border:#334155;
          --aict-tp-soft-bg:#0f1729; --aict-tp-soft-border:#334155;
          --aict-tp-soft-head:#bae6fd; --aict-tp-soft-sub:#7dd3fc;
          --aict-tp-ink:#e2e8f0; --aict-tp-muted:#94a3b8; --aict-tp-accent:#a5b4fc;
        }
        @media(prefers-color-scheme:dark){
          html:not([data-theme="light"]) .aict-tool-single-page{
            --aict-tp-card-bg:#1e293b; --aict-tp-card-border:#334155;
            --aict-tp-soft-bg:#0f1729; --aict-tp-soft-border:#334155;
            --aict-tp-soft-head:#bae6fd; --aict-tp-soft-sub:#7dd3fc;
            --aict-tp-ink:#e2e8f0; --aict-tp-muted:#94a3b8; --aict-tp-accent:#a5b4fc;
          }
        }
        /* Breadcrumb links: indigo #4f46e5 fails on the dark page bg → lighten. */
        [data-theme="dark"] .aict-tool-single-page .aict-breadcrumb a{ color:#a5b4fc !important; }
        [data-theme="dark"] .aict-tool-single-page .aict-breadcrumb,
        [data-theme="dark"] .aict-tool-single-page .aict-breadcrumb span{ color:#94a3b8 !important; }
        @media(prefers-color-scheme:dark){
          html:not([data-theme="light"]) .aict-tool-single-page .aict-breadcrumb a{ color:#a5b4fc !important; }
          html:not([data-theme="light"]) .aict-tool-single-page .aict-breadcrumb,
          html:not([data-theme="light"]) .aict-tool-single-page .aict-breadcrumb span{ color:#94a3b8 !important; }
        }
        /* Default-hidden UI containers — JS reveals them via style.display='block' on use. */
        .aict-btn-loading { display: none; } /* [UX-P0-3 2026-08-20] no !important: setLoading() reveals the spinner via inline display */
        .aict-enhance-btn-loader { display: none; }
        /* Output container: CSS-based hide so JS style.display='block' can override inline */
        #aict-output { display: none; }
        #aict-status { display: none; }
        #aict-enhance-comparison { display: none; }
        #aict-post-output-capture { display: none; }
        #aict-upgrade-nudge { display: none; }
        #aict-image-skeleton { display: none; }
        #aict-image-output-wrap { display: none; }
        /* Batch 5: Email Capture After Tool Use */
        .aict-post-output-capture{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.5rem 2rem;margin-top:1.25rem;text-align:center;}
        .aict-capture-headline{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 0.4rem;}
        .aict-capture-subtext{font-size:0.9rem;color:#94a3b8;margin:0 0 1rem;line-height:1.5;}
        .aict-capture-form{display:flex;gap:0.5rem;justify-content:center;flex-wrap:wrap;max-width:480px;margin:0 auto;}
        .aict-capture-email{flex:1;min-width:200px;padding:0.65rem 1rem;border:1px solid #334155;border-radius:8px;background:#1e293b;color:#fff;font-size:0.9rem;}
        .aict-capture-email::placeholder{color:#64748b;}
        .aict-capture-email:focus{outline:none;border-color:#5c5fe6;box-shadow:0 0 0 2px rgba(99,102,241,0.2);}
        .aict-capture-btn{padding:0.65rem 1.25rem;background:#4f46e5;color:#fff;font-weight:600;font-size:0.9rem;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background var(--aict-transition-fast);}
        .aict-capture-btn:hover{background:#4f46e5;}
        /* Batch 6: Usage-Based Upgrade Nudge */
        .aict-upgrade-nudge{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.25rem 1.5rem;margin-top:1.25rem;text-align:center;}
        .aict-nudge-text{font-size:0.9rem;color:#fff;margin:0 0 0.5rem;line-height:1.5;}
        .aict-nudge-btn{display:inline-block;padding:0.6rem 1.5rem;background:#4f46e5;color:#fff;font-weight:600;font-size:0.9rem;border:none;border-radius:8px;text-decoration:none;transition:background var(--aict-transition-fast);}
        .aict-nudge-btn:hover{background:#4f46e5;color:#fff;}
        .aict-nudge-limit-reached{border-color:#5c5fe6;background:#1a0f05;}
        .aict-nudge-limit-reached .aict-nudge-text{color:#fbbf24;font-weight:600;}
        @media(max-width:480px){.aict-capture-form{flex-direction:column;}.aict-capture-email{min-width:auto;}}