/* 生成物 (theme_css.py)。編集は static/css/theme_src/{dark,light}/ai-studio.css で行い、python3 theme_css.py で組み立てる。
   ダーク = <html> に data-theme が無い / dark、ライト = data-theme="light" (以前の白いデザイン)。 */

/* ===== ダーク ===== */
:where(html:not([data-theme="light"])) .ais {
  --a-bg: #0b0b0d;
  --a-surface: #141417;
  --a-surface-2: #1c1c21;
  --a-surface-3: #26262c;
  --a-ink: #f4f4f6;
  --a-ink-2: #a9a9b4;
  --a-ink-3: #8b8b96;
  --a-line: #2c2c33;
  --a-line-strong: #3a3a43;
  --a-accent: #22d3ee;
  --a-accent-deep: #22d3ee;
  --a-accent-ink: #031418;
  --a-accent-soft: rgba(34, 211, 238, .12);
  --a-ai: #a78bfa;
  --a-red-soft: rgba(244, 63, 94, .12);
  --a-red: #fda4af;
  --a-green-soft: rgba(52, 211, 153, .12);
  --a-green: #6ee7b7;
  --a-radius: 14px;
  --a-shadow: none;
  background: var(--a-bg);
  color: var(--a-ink);
  font-family: "Inter", "Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;
  line-height: 1.8;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}
:where(html:not([data-theme="light"])) .ais *, :where(html:not([data-theme="light"])) .ais *::before, :where(html:not([data-theme="light"])) .ais *::after { box-sizing: border-box; }
:where(html:not([data-theme="light"])) .ais img { max-width: 100%; height: auto; display: block; }
:where(html:not([data-theme="light"])) .ais h1, :where(html:not([data-theme="light"])) .ais h2, :where(html:not([data-theme="light"])) .ais h3 { color: var(--a-ink); font-weight: 800; letter-spacing: .01em; line-height: 1.4; margin: 0; }
:where(html:not([data-theme="light"])) .ais p { margin: 0; }
:where(html:not([data-theme="light"])) .ais-wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
:where(html:not([data-theme="light"])) .ais-sec { padding: 56px 0; }
:where(html:not([data-theme="light"])) .ais-sec--alt { background: var(--a-surface); border-top: 1px solid var(--a-line); border-bottom: 1px solid var(--a-line); }
:where(html:not([data-theme="light"])) .ais-eyebrow { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; color: var(--a-accent-deep); background: var(--a-accent-soft); border-radius: 999px; padding: .2rem .75rem; }
:where(html:not([data-theme="light"])) .ais-h2 { font-size: clamp(1.4rem, 4.6vw, 1.95rem); margin-top: .7rem !important; }
:where(html:not([data-theme="light"])) .ais-lede { color: var(--a-ink-2); margin-top: .6rem !important; max-width: 46em; }
:where(html:not([data-theme="light"])) .ais-head { margin-bottom: 28px; }

html:where(:not([data-theme="light"])) body .ais a.ais-btn[href] {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  min-height: 48px; padding: .7rem 1.4rem; border-radius: 12px;
  font-weight: 700; font-size: 1rem; letter-spacing: .02em; text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
}
html:where(:not([data-theme="light"])) body .ais a.ais-btn--primary[href] { background: var(--a-accent); color: var(--a-accent-ink); border: 1px solid var(--a-accent); box-shadow: none; }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--primary[href]:hover { background: #67e8f9; border-color: #67e8f9; color: var(--a-accent-ink); }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--ghost[href] { background: var(--a-surface-2); color: var(--a-ink); border: 1px solid var(--a-line-strong); }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--ghost[href]:hover { border-color: var(--a-accent); color: var(--a-ink); }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--light[href] { background: var(--a-accent); color: var(--a-accent-ink); border: 1px solid var(--a-accent); }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--light[href]:hover { background: #67e8f9; border-color: #67e8f9; color: var(--a-accent-ink); }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--outline-light[href] { background: transparent; color: var(--a-ink); border: 1px solid var(--a-line-strong); }
html:where(:not([data-theme="light"])) body .ais a.ais-btn--outline-light[href]:hover { background: var(--a-surface-2); border-color: var(--a-accent); }
:where(html:not([data-theme="light"])) .ais a.ais-btn:focus-visible, :where(html:not([data-theme="light"])) .ais a:focus-visible, :where(html:not([data-theme="light"])) .ais summary:focus-visible { outline: 2px solid var(--a-accent); outline-offset: 2px; }
:where(html:not([data-theme="light"])) .ais-ctas { display: flex; flex-wrap: wrap; gap: 10px; }

:where(html:not([data-theme="light"])) .ais-hero { background: radial-gradient(1100px 420px at 50% -8%, rgba(34, 211, 238, .16), transparent 70%), var(--a-bg); padding: 40px 0 48px; }
:where(html:not([data-theme="light"])) .ais-hero h1 { font-size: clamp(1.9rem, 7.4vw, 3.1rem); margin-top: .8rem !important; }
:where(html:not([data-theme="light"])) .ais-hero h1 .ais-h1-kicker { display: block; font-size: .46em; font-weight: 700; color: var(--a-ink-2); letter-spacing: .04em; margin-bottom: .2rem; }
:where(html:not([data-theme="light"])) .ais-hero .ais-value { font-size: clamp(1.1rem, 4.2vw, 1.4rem); font-weight: 700; color: var(--a-accent-deep); margin-top: .8rem !important; }
:where(html:not([data-theme="light"])) .ais-hero .ais-sub { color: var(--a-ink-2); margin-top: .6rem !important; max-width: 40em; }
:where(html:not([data-theme="light"])) .ais-hero .ais-ctas { margin-top: 22px; }
:where(html:not([data-theme="light"])) .ais-hero .ais-note { font-size: .84rem; color: var(--a-ink-3); margin-top: 12px !important; }
:where(html:not([data-theme="light"])) .ais-shot { margin-top: 32px; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); box-shadow: var(--a-shadow); overflow: hidden; }
:where(html:not([data-theme="light"])) .ais-shot__bar { display: flex; gap: 6px; align-items: center; padding: 9px 12px; border-bottom: 1px solid var(--a-line); background: var(--a-surface-2); }
:where(html:not([data-theme="light"])) .ais-shot__bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--a-line-strong); display: block; }
:where(html:not([data-theme="light"])) .ais-shot__bar span { margin-left: 8px; font-size: .72rem; color: var(--a-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html:not([data-theme="light"])) .ais-shot figcaption { font-size: .8rem; color: var(--a-ink-3); padding: 8px 12px 10px; border-top: 1px solid var(--a-line); }

:where(html:not([data-theme="light"])) .ais-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; counter-reset: none; }
:where(html:not([data-theme="light"])) .ais-step { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 18px; display: grid; gap: 14px; }
:where(html:not([data-theme="light"])) .ais-step__head { display: flex; gap: 12px; align-items: flex-start; }
:where(html:not([data-theme="light"])) .ais-step__num { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; background: var(--a-accent); color: var(--a-accent-ink); font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 1rem; line-height: 1; }
:where(html:not([data-theme="light"])) .ais-step h3 { font-size: 1.12rem; }
:where(html:not([data-theme="light"])) .ais-step p { color: var(--a-ink-2); font-size: .95rem; margin-top: .25rem !important; }
:where(html:not([data-theme="light"])) .ais-step kbd, :where(html:not([data-theme="light"])) .ais-ui { display: inline-block; font-family: inherit; font-size: .82em; font-weight: 700; color: var(--a-accent-deep); background: var(--a-accent-soft); border: 1px solid rgba(34, 211, 238, .3); border-radius: 6px; padding: 0 .4em; line-height: 1.6; box-shadow: none; }
:where(html:not([data-theme="light"])) .ais-step__visual { background: var(--a-bg); border: 1px solid var(--a-line); border-radius: 10px; overflow: hidden; min-height: 120px; display: flex; align-items: center; justify-content: center; }

:where(html:not([data-theme="light"])) .ais-crop { position: relative; width: 100%; overflow: hidden; background: var(--a-surface-2); }
:where(html:not([data-theme="light"])) .ais-crop img { position: absolute; max-width: none; top: 0; left: 0; }
:where(html:not([data-theme="light"])) .ais-crop--tree { aspect-ratio: 224 / 400; max-width: 240px; }
:where(html:not([data-theme="light"])) .ais-crop--tree img { width: 714.29%; left: -28.57%; top: -5%; }
:where(html:not([data-theme="light"])) .ais-crop--chat { aspect-ratio: 338 / 250; max-width: 380px; }
:where(html:not([data-theme="light"])) .ais-crop--chat img { width: 473.37%; left: -373.37%; }
:where(html:not([data-theme="light"])) .ais-crop--model { aspect-ratio: 338 / 200; max-width: 380px; }
:where(html:not([data-theme="light"])) .ais-crop--model img { width: 473.37%; left: -373.37%; top: -397.5%; }
:where(html:not([data-theme="light"])) .ais-themed--light { display: none !important; }

:where(html:not([data-theme="light"])) .ais-mock { width: 100%; max-width: 360px; padding: 16px; font-size: .86rem; }
:where(html:not([data-theme="light"])) .ais-mock__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
:where(html:not([data-theme="light"])) .ais-mock__title { font-weight: 800; }
:where(html:not([data-theme="light"])) .ais-mock__pill { background: var(--a-accent); color: var(--a-accent-ink); border-radius: 8px; padding: .25rem .7rem; font-weight: 700; font-size: .8rem; white-space: nowrap; }
:where(html:not([data-theme="light"])) .ais-mock__pill--ghost { background: transparent; color: var(--a-accent-deep); border: 1px solid var(--a-accent); }
:where(html:not([data-theme="light"])) .ais-mock__tabs { display: flex; gap: 14px; border-bottom: 1px solid var(--a-line); margin: 10px 0 8px; font-size: .78rem; color: var(--a-ink-3); }
:where(html:not([data-theme="light"])) .ais-mock__tabs b { color: var(--a-ink); border-bottom: 2px solid var(--a-accent); padding-bottom: 4px; }
:where(html:not([data-theme="light"])) .ais-mock__item { background: var(--a-surface-2); border: 1px solid var(--a-line); border-radius: 8px; padding: 8px 10px; margin-top: 6px; display: flex; justify-content: space-between; gap: 8px; }
:where(html:not([data-theme="light"])) .ais-mock__item small { color: var(--a-ink-3); white-space: nowrap; }
:where(html:not([data-theme="light"])) .ais-mock__label { font-size: .72rem; font-weight: 700; color: var(--a-ink-3); margin-bottom: 4px; }
:where(html:not([data-theme="light"])) .ais-mock__before, :where(html:not([data-theme="light"])) .ais-mock__after { border-radius: 8px; padding: 8px 10px; line-height: 1.7; }
:where(html:not([data-theme="light"])) .ais-mock__before { background: var(--a-red-soft); color: var(--a-red); text-decoration: line-through; text-decoration-color: rgba(253,164,175,.6); }
:where(html:not([data-theme="light"])) .ais-mock__after { background: var(--a-green-soft); color: var(--a-green); margin-top: 8px; }
:where(html:not([data-theme="light"])) .ais-mock__prompt { background: var(--a-surface-2); border: 1px solid var(--a-line); border-radius: 8px; padding: 6px 10px; color: var(--a-ink-2); margin-bottom: 8px; }
:where(html:not([data-theme="light"])) .ais-mock__actions { display: flex; justify-content: flex-end; gap: 6px; margin-top: 10px; }
:where(html:not([data-theme="light"])) .ais-mock__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
:where(html:not([data-theme="light"])) .ais-mock__chips span { background: var(--a-surface-2); border: 1px solid var(--a-line); border-radius: 999px; padding: .1rem .6rem; font-size: .76rem; }
:where(html:not([data-theme="light"])) .ais-mock__sites { display: flex; gap: 6px; margin-top: 10px; }
:where(html:not([data-theme="light"])) .ais-mock__sites span { flex: 1; text-align: center; background: transparent; border: 1px dashed var(--a-accent); color: var(--a-accent-deep); border-radius: 8px; padding: 4px 0; font-weight: 700; font-size: .78rem; }

:where(html:not([data-theme="light"])) .ais-tips { margin-top: 28px; background: var(--a-surface); border: 1px solid var(--a-line); border-left: 4px solid var(--a-accent); border-radius: var(--a-radius); padding: 18px; }
:where(html:not([data-theme="light"])) .ais-tips h3 { font-size: 1.05rem; }
:where(html:not([data-theme="light"])) .ais-tips p { color: var(--a-ink-2); font-size: .9rem; margin-top: .2rem !important; }
:where(html:not([data-theme="light"])) .ais-tips ul { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
:where(html:not([data-theme="light"])) .ais-tips li { background: var(--a-accent-soft); color: var(--a-ink); border-radius: 999px; padding: .3rem .85rem; font-size: .9rem; }
:where(html:not([data-theme="light"])) .ais-tips li::before { content: "「"; color: var(--a-ink-3); }
:where(html:not([data-theme="light"])) .ais-tips li::after { content: "」"; color: var(--a-ink-3); }

:where(html:not([data-theme="light"])) .ais-features { display: grid; gap: 14px; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; }
:where(html:not([data-theme="light"])) .ais-feature { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 18px; }
:where(html:not([data-theme="light"])) .ais-feature__icon { width: 40px; height: 40px; border-radius: 10px; background: var(--a-accent-soft); color: var(--a-accent-deep); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
:where(html:not([data-theme="light"])) .ais-feature__icon svg { width: 22px; height: 22px; }
:where(html:not([data-theme="light"])) .ais-feature h3 { font-size: 1.04rem; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
:where(html:not([data-theme="light"])) .ais-feature p { color: var(--a-ink-2); font-size: .92rem; margin-top: .35rem !important; }
:where(html:not([data-theme="light"])) .ais-badge { display: inline-block; font-size: .7rem; font-weight: 700; color: #fcd34d; background: rgba(245, 158, 11, .12); border: 1px solid rgba(245, 158, 11, .35); border-radius: 999px; padding: 0 .55rem; line-height: 1.7; letter-spacing: .02em; }
:where(html:not([data-theme="light"])) .ais-feature ul { margin: .5rem 0 0; padding-left: 1.1em; color: var(--a-ink-2); font-size: .9rem; }

:where(html:not([data-theme="light"])) .ais-table-wrap { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); overflow: hidden; }
:where(html:not([data-theme="light"])) .ais-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .9rem; }
:where(html:not([data-theme="light"])) .ais-table th, :where(html:not([data-theme="light"])) .ais-table td { padding: 12px 10px; border-bottom: 1px solid var(--a-line); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
:where(html:not([data-theme="light"])) .ais-table tr:last-child th, :where(html:not([data-theme="light"])) .ais-table tr:last-child td { border-bottom: 0; }
:where(html:not([data-theme="light"])) .ais-table thead th { background: var(--a-surface-2); color: var(--a-ink); font-size: .86rem; }
:where(html:not([data-theme="light"])) .ais-table thead th.is-studio { background: var(--a-accent); color: var(--a-accent-ink); }
:where(html:not([data-theme="light"])) .ais-table tbody th { width: 26%; color: var(--a-ink-2); font-weight: 700; font-size: .84rem; }
:where(html:not([data-theme="light"])) .ais-table td.is-studio { background: rgba(34, 211, 238, .07); color: var(--a-ink); font-weight: 600; }
:where(html:not([data-theme="light"])) .ais-table td { color: var(--a-ink-2); }
:where(html:not([data-theme="light"])) .ais-table-note { font-size: .84rem; color: var(--a-ink-3); margin-top: 10px !important; }

:where(html:not([data-theme="light"])) .ais-plans { display: grid; gap: 14px; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; }
:where(html:not([data-theme="light"])) .ais-plan { position: relative; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 20px; }
:where(html:not([data-theme="light"])) .ais-plan--pick { border: 2px solid var(--a-accent); box-shadow: var(--a-shadow); }
:where(html:not([data-theme="light"])) .ais-plan__tag { position: absolute; top: -11px; left: 18px; background: var(--a-accent); color: var(--a-accent-ink); font-size: .72rem; font-weight: 700; border-radius: 999px; padding: .1rem .7rem; }
:where(html:not([data-theme="light"])) .ais-plan h3 { font-size: 1.1rem; }
:where(html:not([data-theme="light"])) .ais-plan__price { font-size: 1.9rem; font-weight: 800; color: var(--a-ink); margin-top: .3rem !important; line-height: 1.3; }
:where(html:not([data-theme="light"])) .ais-plan__price small { font-size: .85rem; font-weight: 600; color: var(--a-ink-3); margin-left: .2rem; }
:where(html:not([data-theme="light"])) .ais-plan ul { margin: .7rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: var(--a-ink-2); }
:where(html:not([data-theme="light"])) .ais-plan li { padding-left: 1.4em; position: relative; margin-top: .3rem; }
:where(html:not([data-theme="light"])) .ais-plan li::before { content: ""; position: absolute; left: .2em; top: .62em; width: .7em; height: .38em; border-left: 2px solid var(--a-accent); border-bottom: 2px solid var(--a-accent); transform: rotate(-45deg); }
:where(html:not([data-theme="light"])) .ais-pricing-notes { display: grid; gap: 12px; margin-top: 18px; }
:where(html:not([data-theme="light"])) .ais-pnote { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 16px 18px; }
:where(html:not([data-theme="light"])) .ais-pnote h3 { font-size: 1rem; }
:where(html:not([data-theme="light"])) .ais-pnote p, :where(html:not([data-theme="light"])) .ais-pnote li { color: var(--a-ink-2); font-size: .9rem; }
:where(html:not([data-theme="light"])) .ais-pnote p { margin-top: .3rem !important; }
:where(html:not([data-theme="light"])) .ais-pnote ul { margin: .4rem 0 0; padding-left: 1.1em; }
:where(html:not([data-theme="light"])) .ais-pricing-cta { margin-top: 22px; text-align: center; }
:where(html:not([data-theme="light"])) .ais-pricing-cta p { font-size: .84rem; color: var(--a-ink-3); margin-top: 10px !important; }

:where(html:not([data-theme="light"])) .ais-faq { display: grid; gap: 10px; }
:where(html:not([data-theme="light"])) .ais-faq details { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 12px; padding: 0 16px; }
:where(html:not([data-theme="light"])) .ais-faq summary { cursor: pointer; list-style: none; padding: 14px 28px 14px 0; font-weight: 700; position: relative; }
:where(html:not([data-theme="light"])) .ais-faq summary::-webkit-details-marker { display: none; }
:where(html:not([data-theme="light"])) .ais-faq summary::after { content: "+"; position: absolute; right: 2px; top: 11px; font-size: 1.3rem; color: var(--a-accent-deep); font-weight: 400; }
:where(html:not([data-theme="light"])) .ais-faq details[open] summary::after { content: "−"; }
:where(html:not([data-theme="light"])) .ais-faq details p { color: var(--a-ink-2); font-size: .94rem; padding: 0 0 16px; }

:where(html:not([data-theme="light"])) .ais-final { background: radial-gradient(900px 360px at 50% 120%, rgba(34, 211, 238, .18), transparent 70%), var(--a-surface); border-top: 1px solid var(--a-line); color: var(--a-ink); padding: 52px 0; text-align: center; }
:where(html:not([data-theme="light"])) .ais .ais-final h2 { color: var(--a-ink); font-size: clamp(1.35rem, 4.8vw, 1.9rem); }
:where(html:not([data-theme="light"])) .ais-final p { color: var(--a-ink-2); margin-top: .6rem !important; }
:where(html:not([data-theme="light"])) .ais-final .ais-ctas { justify-content: center; margin-top: 22px; }

:where(html:not([data-theme="light"])) .ais-crumbs { font-size: .78rem; color: var(--a-ink-3); padding-top: 14px; }
:where(html:not([data-theme="light"])) .ais-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
:where(html:not([data-theme="light"])) .ais-crumbs li + li::before { content: "›"; margin-right: 4px; }
html:where(:not([data-theme="light"])) body .ais .ais-crumbs a[href] { color: var(--a-ink-3); }

@media (min-width: 720px) {
  :where(html:not([data-theme="light"])) .ais-sec { padding: 80px 0; }
  :where(html:not([data-theme="light"])) .ais-hero { padding: 64px 0 72px; }
  :where(html:not([data-theme="light"])) .ais-step { grid-template-columns: 1fr 1fr; align-items: center; padding: 22px 24px; gap: 24px; }
  :where(html:not([data-theme="light"])) .ais-features { grid-template-columns: repeat(2, 1fr); }
  :where(html:not([data-theme="light"])) .ais-plans { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
  :where(html:not([data-theme="light"])) .ais-pricing-notes { grid-template-columns: repeat(3, 1fr); }
  :where(html:not([data-theme="light"])) .ais-table { font-size: .95rem; }
  :where(html:not([data-theme="light"])) .ais-table th, :where(html:not([data-theme="light"])) .ais-table td { padding: 14px 16px; }
  :where(html:not([data-theme="light"])) .ais-table tbody th { width: 22%; }}
@media (min-width: 1000px) {
  :where(html:not([data-theme="light"])) .ais-features { grid-template-columns: repeat(3, 1fr); }}
@media (prefers-reduced-motion: reduce) {
  html:where(:not([data-theme="light"])) body .ais a.ais-btn[href] { transition: none; }}

:where(html:not([data-theme="light"])) .ais-cursor { margin-top: 36px; }
:where(html:not([data-theme="light"])) .ais-cursor > h3 { font-size: 1.25rem; }
:where(html:not([data-theme="light"])) .ais-cursor > p { color: var(--a-ink-2); margin-top: .3rem !important; }
:where(html:not([data-theme="light"])) .ais-cursor__grid { display: grid; gap: 14px; grid-template-columns: 1fr; list-style: none; margin: 16px 0 0; padding: 0; }
:where(html:not([data-theme="light"])) .ais-cursor__card { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 18px; }
:where(html:not([data-theme="light"])) .ais-cursor__card h4 { font-size: 1.02rem; font-weight: 800; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
:where(html:not([data-theme="light"])) .ais-cursor__card ol { margin: .5rem 0 0; padding-left: 1.3em; color: var(--a-ink-2); font-size: .92rem; }
:where(html:not([data-theme="light"])) .ais-cursor__card li + li { margin-top: .2rem; }
:where(html:not([data-theme="light"])) .ais-cursor__card p { color: var(--a-ink-2); font-size: .9rem; margin-top: .5rem !important; }
:where(html:not([data-theme="light"])) .ais kbd { display: inline-block; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: .8em; font-weight: 700; color: var(--a-ink); background: var(--a-surface-3); border: 1px solid var(--a-line-strong); border-bottom-width: 2px; border-radius: 6px; padding: 0 .4em; line-height: 1.6; box-shadow: none; }
:where(html:not([data-theme="light"])) .ais-ghost { color: var(--a-ink-3); }
:where(html:not([data-theme="light"])) .ais-cursor__more { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; grid-template-columns: 1fr; }
:where(html:not([data-theme="light"])) .ais-cursor__more li { background: var(--a-accent-soft); border-radius: 10px; padding: 10px 14px; font-size: .9rem; color: var(--a-ink); }
:where(html:not([data-theme="light"])) .ais-cursor__more b { color: var(--a-accent-deep); }
@media (min-width: 720px) {
  :where(html:not([data-theme="light"])) .ais-cursor__grid { grid-template-columns: repeat(3, 1fr); }
  :where(html:not([data-theme="light"])) .ais-cursor__more { grid-template-columns: repeat(2, 1fr); }}

/* ===== ライト (以前の白いデザイン) ===== */
:where(html[data-theme="light"]) .ais {
  --a-bg: #f6f7f9;
  --a-surface: #ffffff;
  --a-ink: #1d2430;
  --a-ink-2: #4a5462;
  --a-ink-3: #7b8594;
  --a-line: #e3e7ec;
  --a-accent: #1f9bb8;
  --a-accent-deep: #157e97;
  --a-accent-soft: #e6f5f9;
  --a-red-soft: #fdecec;
  --a-red: #b8473f;
  --a-green-soft: #e7f6ee;
  --a-green: #1f7a4d;
  --a-radius: 14px;
  --a-shadow: 0 1px 2px rgba(20,30,45,.05), 0 8px 28px rgba(20,30,45,.07);
  color: var(--a-ink);
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;
  line-height: 1.8;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}
:where(html[data-theme="light"]) .ais *, :where(html[data-theme="light"]) .ais *::before, :where(html[data-theme="light"]) .ais *::after { box-sizing: border-box; }
:where(html[data-theme="light"]) .ais img { max-width: 100%; height: auto; display: block; }
:where(html[data-theme="light"]) .ais h1, :where(html[data-theme="light"]) .ais h2, :where(html[data-theme="light"]) .ais h3 { color: var(--a-ink); font-weight: 800; letter-spacing: .01em; line-height: 1.4; margin: 0; }
:where(html[data-theme="light"]) .ais p { margin: 0; }
:where(html[data-theme="light"]) .ais-wrap { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
:where(html[data-theme="light"]) .ais-sec { padding: 56px 0; }
:where(html[data-theme="light"]) .ais-sec--alt { background: var(--a-surface); border-top: 1px solid var(--a-line); border-bottom: 1px solid var(--a-line); }
:where(html[data-theme="light"]) .ais-eyebrow { display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; color: var(--a-accent-deep); background: var(--a-accent-soft); border-radius: 999px; padding: .2rem .75rem; }
:where(html[data-theme="light"]) .ais-h2 { font-size: clamp(1.4rem, 4.6vw, 1.95rem); margin-top: .7rem !important; }
:where(html[data-theme="light"]) .ais-lede { color: var(--a-ink-2); margin-top: .6rem !important; max-width: 46em; }
:where(html[data-theme="light"]) .ais-head { margin-bottom: 28px; }

html:where([data-theme="light"]) body .ais a.ais-btn[href] {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  min-height: 48px; padding: .7rem 1.4rem; border-radius: 12px;
  font-weight: 700; font-size: 1rem; letter-spacing: .02em; text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
}
html:where([data-theme="light"]) body .ais a.ais-btn--primary[href] { background: var(--a-accent); color: #fff; border: 1px solid var(--a-accent); box-shadow: 0 6px 18px rgba(31,155,184,.28); }
html:where([data-theme="light"]) body .ais a.ais-btn--primary[href]:hover { background: var(--a-accent-deep); border-color: var(--a-accent-deep); color: #fff; }
html:where([data-theme="light"]) body .ais a.ais-btn--ghost[href] { background: var(--a-surface); color: var(--a-ink); border: 1px solid var(--a-line); }
html:where([data-theme="light"]) body .ais a.ais-btn--ghost[href]:hover { border-color: var(--a-accent); color: var(--a-accent-deep); }
html:where([data-theme="light"]) body .ais a.ais-btn--light[href] { background: #fff; color: var(--a-accent-deep); border: 1px solid #fff; }
html:where([data-theme="light"]) body .ais a.ais-btn--light[href]:hover { background: var(--a-accent-soft); }
html:where([data-theme="light"]) body .ais a.ais-btn--outline-light[href] { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.7); }
html:where([data-theme="light"]) body .ais a.ais-btn--outline-light[href]:hover { background: rgba(255,255,255,.12); }
:where(html[data-theme="light"]) .ais a.ais-btn:focus-visible { outline: 3px solid rgba(31,155,184,.35); outline-offset: 2px; }
:where(html[data-theme="light"]) .ais-ctas { display: flex; flex-wrap: wrap; gap: 10px; }

:where(html[data-theme="light"]) .ais-hero { background: linear-gradient(180deg, var(--a-accent-soft) 0%, var(--a-bg) 70%); padding: 40px 0 48px; }
:where(html[data-theme="light"]) .ais-hero h1 { font-size: clamp(1.9rem, 7.4vw, 3.1rem); margin-top: .8rem !important; }
:where(html[data-theme="light"]) .ais-hero h1 .ais-h1-kicker { display: block; font-size: .46em; font-weight: 700; color: var(--a-ink-2); letter-spacing: .04em; margin-bottom: .2rem; }
:where(html[data-theme="light"]) .ais-hero .ais-value { font-size: clamp(1.1rem, 4.2vw, 1.4rem); font-weight: 700; color: var(--a-accent-deep); margin-top: .8rem !important; }
:where(html[data-theme="light"]) .ais-hero .ais-sub { color: var(--a-ink-2); margin-top: .6rem !important; max-width: 40em; }
:where(html[data-theme="light"]) .ais-hero .ais-ctas { margin-top: 22px; }
:where(html[data-theme="light"]) .ais-hero .ais-note { font-size: .84rem; color: var(--a-ink-3); margin-top: 12px !important; }
:where(html[data-theme="light"]) .ais-shot { margin-top: 32px; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); box-shadow: var(--a-shadow); overflow: hidden; }
:where(html[data-theme="light"]) .ais-shot__bar { display: flex; gap: 6px; align-items: center; padding: 9px 12px; border-bottom: 1px solid var(--a-line); background: #fbfcfd; }
:where(html[data-theme="light"]) .ais-shot__bar i { width: 9px; height: 9px; border-radius: 50%; background: #d5dbe2; display: block; }
:where(html[data-theme="light"]) .ais-shot__bar span { margin-left: 8px; font-size: .72rem; color: var(--a-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(html[data-theme="light"]) .ais-shot figcaption { font-size: .8rem; color: var(--a-ink-3); padding: 8px 12px 10px; border-top: 1px solid var(--a-line); }

:where(html[data-theme="light"]) .ais-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; counter-reset: none; }
:where(html[data-theme="light"]) .ais-step { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 18px; display: grid; gap: 14px; box-shadow: 0 1px 2px rgba(20,30,45,.04); }
:where(html[data-theme="light"]) .ais-step__head { display: flex; gap: 12px; align-items: flex-start; }
:where(html[data-theme="light"]) .ais-step__num { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; background: var(--a-accent); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 1rem; line-height: 1; }
:where(html[data-theme="light"]) .ais-step h3 { font-size: 1.12rem; }
:where(html[data-theme="light"]) .ais-step p { color: var(--a-ink-2); font-size: .95rem; margin-top: .25rem !important; }
:where(html[data-theme="light"]) .ais-step kbd, :where(html[data-theme="light"]) .ais-ui { display: inline-block; font-family: inherit; font-size: .82em; font-weight: 700; color: var(--a-accent-deep); background: var(--a-accent-soft); border: 1px solid #cbe9f1; border-radius: 6px; padding: 0 .4em; line-height: 1.6; box-shadow: none; }
:where(html[data-theme="light"]) .ais-step__visual { background: var(--a-bg); border: 1px solid var(--a-line); border-radius: 10px; overflow: hidden; min-height: 120px; display: flex; align-items: center; justify-content: center; }

:where(html[data-theme="light"]) .ais-crop { position: relative; width: 100%; overflow: hidden; background: #fff; }
:where(html[data-theme="light"]) .ais-crop img { position: absolute; max-width: none; top: 0; left: 0; }
:where(html[data-theme="light"]) .ais-crop--tree { aspect-ratio: 224 / 400; max-width: 240px; }
:where(html[data-theme="light"]) .ais-crop--tree img { width: 714.29%; left: -28.57%; top: -5%; }
:where(html[data-theme="light"]) .ais-crop--chat { aspect-ratio: 338 / 250; max-width: 380px; }
:where(html[data-theme="light"]) .ais-crop--chat img { width: 473.37%; left: -373.37%; }
:where(html[data-theme="light"]) .ais-crop--model { aspect-ratio: 338 / 200; max-width: 380px; }
:where(html[data-theme="light"]) .ais-crop--model img { width: 473.37%; left: -373.37%; top: -397.5%; }
:where(html[data-theme="light"]) .ais-themed--dark { display: none !important; }

:where(html[data-theme="light"]) .ais-mock { width: 100%; max-width: 360px; padding: 16px; font-size: .86rem; }
:where(html[data-theme="light"]) .ais-mock__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
:where(html[data-theme="light"]) .ais-mock__title { font-weight: 800; }
:where(html[data-theme="light"]) .ais-mock__pill { background: var(--a-accent); color: #fff; border-radius: 8px; padding: .25rem .7rem; font-weight: 700; font-size: .8rem; white-space: nowrap; }
:where(html[data-theme="light"]) .ais-mock__pill--ghost { background: #fff; color: var(--a-accent-deep); border: 1px solid var(--a-accent); }
:where(html[data-theme="light"]) .ais-mock__tabs { display: flex; gap: 14px; border-bottom: 1px solid var(--a-line); margin: 10px 0 8px; font-size: .78rem; color: var(--a-ink-3); }
:where(html[data-theme="light"]) .ais-mock__tabs b { color: var(--a-ink); border-bottom: 2px solid var(--a-accent); padding-bottom: 4px; }
:where(html[data-theme="light"]) .ais-mock__item { background: #fff; border: 1px solid var(--a-line); border-radius: 8px; padding: 8px 10px; margin-top: 6px; display: flex; justify-content: space-between; gap: 8px; }
:where(html[data-theme="light"]) .ais-mock__item small { color: var(--a-ink-3); white-space: nowrap; }
:where(html[data-theme="light"]) .ais-mock__label { font-size: .72rem; font-weight: 700; color: var(--a-ink-3); margin-bottom: 4px; }
:where(html[data-theme="light"]) .ais-mock__before, :where(html[data-theme="light"]) .ais-mock__after { border-radius: 8px; padding: 8px 10px; line-height: 1.7; }
:where(html[data-theme="light"]) .ais-mock__before { background: var(--a-red-soft); color: var(--a-red); text-decoration: line-through; text-decoration-color: rgba(184,71,63,.5); }
:where(html[data-theme="light"]) .ais-mock__after { background: var(--a-green-soft); color: var(--a-green); margin-top: 8px; }
:where(html[data-theme="light"]) .ais-mock__prompt { background: #fff; border: 1px solid var(--a-line); border-radius: 8px; padding: 6px 10px; color: var(--a-ink-2); margin-bottom: 8px; }
:where(html[data-theme="light"]) .ais-mock__actions { display: flex; justify-content: flex-end; gap: 6px; margin-top: 10px; }
:where(html[data-theme="light"]) .ais-mock__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
:where(html[data-theme="light"]) .ais-mock__chips span { background: #fff; border: 1px solid var(--a-line); border-radius: 999px; padding: .1rem .6rem; font-size: .76rem; }
:where(html[data-theme="light"]) .ais-mock__sites { display: flex; gap: 6px; margin-top: 10px; }
:where(html[data-theme="light"]) .ais-mock__sites span { flex: 1; text-align: center; background: #fff; border: 1px dashed var(--a-accent); color: var(--a-accent-deep); border-radius: 8px; padding: 4px 0; font-weight: 700; font-size: .78rem; }

:where(html[data-theme="light"]) .ais-tips { margin-top: 28px; background: var(--a-surface); border: 1px solid var(--a-line); border-left: 4px solid var(--a-accent); border-radius: var(--a-radius); padding: 18px; }
:where(html[data-theme="light"]) .ais-tips h3 { font-size: 1.05rem; }
:where(html[data-theme="light"]) .ais-tips p { color: var(--a-ink-2); font-size: .9rem; margin-top: .2rem !important; }
:where(html[data-theme="light"]) .ais-tips ul { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
:where(html[data-theme="light"]) .ais-tips li { background: var(--a-accent-soft); color: var(--a-ink); border-radius: 999px; padding: .3rem .85rem; font-size: .9rem; }
:where(html[data-theme="light"]) .ais-tips li::before { content: "「"; color: var(--a-ink-3); }
:where(html[data-theme="light"]) .ais-tips li::after { content: "」"; color: var(--a-ink-3); }

:where(html[data-theme="light"]) .ais-features { display: grid; gap: 14px; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; }
:where(html[data-theme="light"]) .ais-feature { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 18px; }
:where(html[data-theme="light"]) .ais-feature__icon { width: 40px; height: 40px; border-radius: 10px; background: var(--a-accent-soft); color: var(--a-accent-deep); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
:where(html[data-theme="light"]) .ais-feature__icon svg { width: 22px; height: 22px; }
:where(html[data-theme="light"]) .ais-feature h3 { font-size: 1.04rem; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
:where(html[data-theme="light"]) .ais-feature p { color: var(--a-ink-2); font-size: .92rem; margin-top: .35rem !important; }
:where(html[data-theme="light"]) .ais-badge { display: inline-block; font-size: .7rem; font-weight: 700; color: #8a5a00; background: #fff4dc; border: 1px solid #f3dca6; border-radius: 999px; padding: 0 .55rem; line-height: 1.7; letter-spacing: .02em; }
:where(html[data-theme="light"]) .ais-feature ul { margin: .5rem 0 0; padding-left: 1.1em; color: var(--a-ink-2); font-size: .9rem; }

:where(html[data-theme="light"]) .ais-table-wrap { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); overflow: hidden; }
:where(html[data-theme="light"]) .ais-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .9rem; }
:where(html[data-theme="light"]) .ais-table th, :where(html[data-theme="light"]) .ais-table td { padding: 12px 10px; border-bottom: 1px solid var(--a-line); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
:where(html[data-theme="light"]) .ais-table tr:last-child th, :where(html[data-theme="light"]) .ais-table tr:last-child td { border-bottom: 0; }
:where(html[data-theme="light"]) .ais-table thead th { background: #fbfcfd; font-size: .86rem; }
:where(html[data-theme="light"]) .ais-table thead th.is-studio { background: var(--a-accent); color: #fff; }
:where(html[data-theme="light"]) .ais-table tbody th { width: 26%; color: var(--a-ink-2); font-weight: 700; font-size: .84rem; }
:where(html[data-theme="light"]) .ais-table td.is-studio { background: #f4fbfd; color: var(--a-ink); font-weight: 600; }
:where(html[data-theme="light"]) .ais-table td { color: var(--a-ink-2); }
:where(html[data-theme="light"]) .ais-table-note { font-size: .84rem; color: var(--a-ink-3); margin-top: 10px !important; }

:where(html[data-theme="light"]) .ais-plans { display: grid; gap: 14px; grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; }
:where(html[data-theme="light"]) .ais-plan { position: relative; background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 20px; }
:where(html[data-theme="light"]) .ais-plan--pick { border: 2px solid var(--a-accent); box-shadow: var(--a-shadow); }
:where(html[data-theme="light"]) .ais-plan__tag { position: absolute; top: -11px; left: 18px; background: var(--a-accent); color: #fff; font-size: .72rem; font-weight: 700; border-radius: 999px; padding: .1rem .7rem; }
:where(html[data-theme="light"]) .ais-plan h3 { font-size: 1.1rem; }
:where(html[data-theme="light"]) .ais-plan__price { font-size: 1.9rem; font-weight: 800; color: var(--a-ink); margin-top: .3rem !important; line-height: 1.3; }
:where(html[data-theme="light"]) .ais-plan__price small { font-size: .85rem; font-weight: 600; color: var(--a-ink-3); margin-left: .2rem; }
:where(html[data-theme="light"]) .ais-plan ul { margin: .7rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: var(--a-ink-2); }
:where(html[data-theme="light"]) .ais-plan li { padding-left: 1.4em; position: relative; margin-top: .3rem; }
:where(html[data-theme="light"]) .ais-plan li::before { content: ""; position: absolute; left: .2em; top: .62em; width: .7em; height: .38em; border-left: 2px solid var(--a-accent); border-bottom: 2px solid var(--a-accent); transform: rotate(-45deg); }
:where(html[data-theme="light"]) .ais-pricing-notes { display: grid; gap: 12px; margin-top: 18px; }
:where(html[data-theme="light"]) .ais-pnote { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 16px 18px; }
:where(html[data-theme="light"]) .ais-pnote h3 { font-size: 1rem; }
:where(html[data-theme="light"]) .ais-pnote p, :where(html[data-theme="light"]) .ais-pnote li { color: var(--a-ink-2); font-size: .9rem; }
:where(html[data-theme="light"]) .ais-pnote p { margin-top: .3rem !important; }
:where(html[data-theme="light"]) .ais-pnote ul { margin: .4rem 0 0; padding-left: 1.1em; }
:where(html[data-theme="light"]) .ais-pricing-cta { margin-top: 22px; text-align: center; }
:where(html[data-theme="light"]) .ais-pricing-cta p { font-size: .84rem; color: var(--a-ink-3); margin-top: 10px !important; }

:where(html[data-theme="light"]) .ais-faq { display: grid; gap: 10px; }
:where(html[data-theme="light"]) .ais-faq details { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: 12px; padding: 0 16px; }
:where(html[data-theme="light"]) .ais-faq summary { cursor: pointer; list-style: none; padding: 14px 28px 14px 0; font-weight: 700; position: relative; }
:where(html[data-theme="light"]) .ais-faq summary::-webkit-details-marker { display: none; }
:where(html[data-theme="light"]) .ais-faq summary::after { content: "+"; position: absolute; right: 2px; top: 11px; font-size: 1.3rem; color: var(--a-accent-deep); font-weight: 400; }
:where(html[data-theme="light"]) .ais-faq details[open] summary::after { content: "−"; }
:where(html[data-theme="light"]) .ais-faq details p { color: var(--a-ink-2); font-size: .94rem; padding: 0 0 16px; }

:where(html[data-theme="light"]) .ais-final { background: linear-gradient(135deg, #1f9bb8 0%, #157e97 100%); color: #fff; padding: 52px 0; text-align: center; }
:where(html[data-theme="light"]) .ais .ais-final h2 { color: #fff; font-size: clamp(1.35rem, 4.8vw, 1.9rem); }
:where(html[data-theme="light"]) .ais-final p { color: rgba(255,255,255,.88); margin-top: .6rem !important; }
:where(html[data-theme="light"]) .ais-final .ais-ctas { justify-content: center; margin-top: 22px; }

:where(html[data-theme="light"]) .ais-crumbs { font-size: .78rem; color: var(--a-ink-3); padding-top: 14px; }
:where(html[data-theme="light"]) .ais-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
:where(html[data-theme="light"]) .ais-crumbs li + li::before { content: "›"; margin-right: 4px; }
html:where([data-theme="light"]) body .ais .ais-crumbs a[href] { color: var(--a-ink-3); }

@media (min-width: 720px) {
  :where(html[data-theme="light"]) .ais-sec { padding: 80px 0; }
  :where(html[data-theme="light"]) .ais-hero { padding: 64px 0 72px; }
  :where(html[data-theme="light"]) .ais-step { grid-template-columns: 1fr 1fr; align-items: center; padding: 22px 24px; gap: 24px; }
  :where(html[data-theme="light"]) .ais-features { grid-template-columns: repeat(2, 1fr); }
  :where(html[data-theme="light"]) .ais-plans { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
  :where(html[data-theme="light"]) .ais-pricing-notes { grid-template-columns: repeat(3, 1fr); }
  :where(html[data-theme="light"]) .ais-table { font-size: .95rem; }
  :where(html[data-theme="light"]) .ais-table th, :where(html[data-theme="light"]) .ais-table td { padding: 14px 16px; }
  :where(html[data-theme="light"]) .ais-table tbody th { width: 22%; }}
@media (min-width: 1000px) {
  :where(html[data-theme="light"]) .ais-features { grid-template-columns: repeat(3, 1fr); }}
@media (prefers-reduced-motion: reduce) {
  html:where([data-theme="light"]) body .ais a.ais-btn[href] { transition: none; }}

:where(html[data-theme="light"]) .ais-cursor { margin-top: 36px; }
:where(html[data-theme="light"]) .ais-cursor > h3 { font-size: 1.25rem; }
:where(html[data-theme="light"]) .ais-cursor > p { color: var(--a-ink-2); margin-top: .3rem !important; }
:where(html[data-theme="light"]) .ais-cursor__grid { display: grid; gap: 14px; grid-template-columns: 1fr; list-style: none; margin: 16px 0 0; padding: 0; }
:where(html[data-theme="light"]) .ais-cursor__card { background: var(--a-surface); border: 1px solid var(--a-line); border-radius: var(--a-radius); padding: 18px; }
:where(html[data-theme="light"]) .ais-cursor__card h4 { font-size: 1.02rem; font-weight: 800; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
:where(html[data-theme="light"]) .ais-cursor__card ol { margin: .5rem 0 0; padding-left: 1.3em; color: var(--a-ink-2); font-size: .92rem; }
:where(html[data-theme="light"]) .ais-cursor__card li + li { margin-top: .2rem; }
:where(html[data-theme="light"]) .ais-cursor__card p { color: var(--a-ink-2); font-size: .9rem; margin-top: .5rem !important; }
:where(html[data-theme="light"]) .ais kbd { display: inline-block; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: .8em; font-weight: 700; color: var(--a-ink); background: #fff; border: 1px solid #cfd6de; border-bottom-width: 2px; border-radius: 6px; padding: 0 .4em; line-height: 1.6; box-shadow: none; }
:where(html[data-theme="light"]) .ais-ghost { color: #a3acb8; }
:where(html[data-theme="light"]) .ais-cursor__more { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; grid-template-columns: 1fr; }
:where(html[data-theme="light"]) .ais-cursor__more li { background: var(--a-accent-soft); border-radius: 10px; padding: 10px 14px; font-size: .9rem; color: var(--a-ink); }
:where(html[data-theme="light"]) .ais-cursor__more b { color: var(--a-accent-deep); }
@media (min-width: 720px) {
  :where(html[data-theme="light"]) .ais-cursor__grid { grid-template-columns: repeat(3, 1fr); }
  :where(html[data-theme="light"]) .ais-cursor__more { grid-template-columns: repeat(2, 1fr); }}