
.aict-of-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:12px;color:var(--aict-color-muted,#64748b)}
.aict-of-toggle{display:inline-flex;border:1px solid var(--aict-color-border,#cbd5e1);border-radius:999px;overflow:hidden;background:var(--aict-color-surface,#fff)}
.aict-of-toggle button{appearance:none;background:transparent;border:0;color:inherit;font:inherit;font-size:12px;padding:4px 12px;cursor:pointer;line-height:1.6}
.aict-of-toggle button[aria-pressed="true"]{background:var(--aict-color-primary,#5c5fe6);color:#fff}
/* [2026-11-05] Format pill ("markdown", "json"...): was primary #5c5fe6 on a translucent
   tint, 4.42:1 light / 2.71:1 dark. Now the tool page's soft-accent PAIR, which is defined
   together in all four theme states (aict-tool-page-v2.css: #6d28d9 on #ede9fe = 7.0:1,
   #ddd6fe on #2a2350 = 9.6:1). Outside a tool page the fallback is the same light pair,
   opaque, so it reads on any surface. */
.aict-of-format-pill{display:inline-block;background:var(--aict-tp2-accent-soft-bg,#ede9fe);color:var(--aict-tp2-accent-soft-ink,#6d28d9);-webkit-text-fill-color:var(--aict-tp2-accent-soft-ink,#6d28d9);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em}
.aict-of-codeblock{position:relative;margin:10px 0;border:1px solid var(--aict-color-border,#1e293b);border-radius:8px;overflow:hidden;background:var(--aict-color-code-bg,#0f172a)}
.aict-of-codeblock-head{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:rgba(148,163,184,.10);font-size:11px;color:var(--aict-color-muted,#94a3b8);font-family:ui-monospace,Menlo,Consolas,monospace}
.aict-of-codeblock-lang{text-transform:lowercase;letter-spacing:.04em}
.aict-of-block-copy{appearance:none;background:transparent;border:1px solid currentColor;color:inherit;border-radius:4px;font-size:11px;padding:5px 10px;min-height:24px;cursor:pointer;font-family:inherit;line-height:1.4}
.aict-of-block-copy:hover{background:rgba(148,163,184,.18)}
.aict-of-block-copy.is-success{background:#15803d;color:#fff;border-color:#16a34a}
.aict-of-codeblock pre{margin:0;padding:12px 14px;overflow-x:auto;background:transparent;color:#f8fafc;font:13px/1.55 ui-monospace,Menlo,Consolas,monospace;white-space:pre}
.aict-of-codeblock pre code{background:transparent;color:inherit;padding:0;font:inherit}
.aict-of-inline-code{font:0.92em ui-monospace,Menlo,Consolas,monospace;background:rgba(148,163,184,.18);padding:1px 6px;border-radius:4px}
.aict-of-export{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--aict-color-border,#cbd5e1)}
.aict-of-export button{appearance:none;background:transparent;border:1px solid var(--aict-color-border,#cbd5e1);color:inherit;border-radius:6px;font:inherit;font-size:12px;padding:4px 10px;cursor:pointer}
.aict-of-export button:hover{background:rgba(99,102,241,.08)}
.aict-of-typewriter::after{content:'';display:inline-block;width:6px;height:1.1em;vertical-align:-2px;background:currentColor;animation:aictOfBlink 1s steps(2,start) infinite;margin-left:2px;opacity:.6}
@keyframes aictOfBlink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.aict-of-typewriter::after{animation:none}}
.aict-of-raw-pre{margin:0;padding:12px;background:var(--aict-color-bg-soft,rgba(0,0,0,.04));border-radius:6px;white-space:pre-wrap;word-break:break-word;font:13px/1.55 ui-monospace,Menlo,Consolas,monospace;color:var(--aict-color-text,#0f172a)}
@media (prefers-color-scheme:dark){.aict-of-raw-pre{color:#f8fafc;background:rgba(148,163,184,.12)}}
/* [audit w2 P2 2026-08-29] Markdown tables. Deliberately theme-proof by
   construction: ink is `inherit` (always pairs with whatever surface the
   output box has) and every fill/border is a translucent slate tint that
   reads on light AND dark grounds — so this needs no data-theme or
   prefers-color-scheme block that could rot out of sync later. */
.aict-of-table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px;line-height:1.5;color:inherit}
.aict-of-table th,.aict-of-table td{padding:7px 12px;border:1px solid rgba(148,163,184,.35);text-align:left;vertical-align:top}
.aict-of-table th{background:rgba(148,163,184,.16);font-weight:600;white-space:nowrap}
.aict-of-table tbody tr:nth-child(even) td{background:rgba(148,163,184,.07)}
.aict-of-table td{font-variant-numeric:tabular-nums}
.aict-of-table .aict-of-al-right{text-align:right}
.aict-of-table .aict-of-al-center{text-align:center}
.aict-of-table .aict-of-al-left{text-align:left}
/*# sourceURL=aict-base-inline-css */
