/* CheckAnyAI Studio v5 — bright product workspace with isolated interactive examples. */
@font-face {
  font-family: "Geist";
  src: url("/static/fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/static/fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CheckAny CJK";
  src: url("/static/fonts/CheckAny-CJK-UI.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+2E80-9FFF, U+F900-FAFF, U+3000-303F, U+FF00-FFEF;
}
:root {
  color-scheme: light;
  --page: #ffffff;
  --white: #ffffff;
  --ink: #202334;
  --secondary: #5d6271;
  --muted: #6b7080;
  --line: #e5e7ee;
  --line-soft: #f0f1f6;
  --violet: #5b35c5;
  --violet-soft: #f2effb;
  --sans: "Geist", "PingFang SC", "Noto Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "Heiti SC", sans-serif;
  --mono: "Geist Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; color: var(--ink); background: var(--page); font: 15px/1.65 var(--sans); -webkit-font-smoothing: antialiased; }
html:lang(zh) body { font-family: "Geist", "CheckAny CJK", "PingFang SC", "Noto Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "Heiti SC", sans-serif; }
html:lang(ja) body { font-family: "Geist", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif; }
html:lang(ko) body { font-family: "Geist", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
svg { display: block; }
svg path, svg rect, svg circle, svg ellipse { vector-effect: non-scaling-stroke; }
[hidden] { display: none !important; }
button:focus-visible, a:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid #8871b5; outline-offset: 4px; }
button:focus:not(:focus-visible) { outline: none; }
.sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.skip-link { position: fixed; top: -80px; inset-inline-start: 20px; z-index: 100; padding: 12px 18px; background: var(--ink); color: white; }
.skip-link:focus { top: 12px; }
.page-width { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: 40px; }

/* Quiet navigation: an index, not another hero. */
.site-header { position: sticky; top: 0; z-index: 20; background: #fffffff2; border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 76px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 650; letter-spacing: -.65px; white-space: nowrap; flex-shrink: 0; }
.brand-mark { width: 29px; height: 32px; }
.brand-mark svg { width: 100%; height: 100%; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 30px; }
.nav-link { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-block: 10px; color: var(--secondary); font-size: 13px; line-height: 1.5; white-space: nowrap; }
.nav-link:hover { color: var(--ink); }
.nav-link.active { color: var(--ink); }
.nav-link.active::after { content: ""; position: absolute; bottom: 3px; inset-inline-start: calc(50% - 7px); width: 14px; height: 2px; background: var(--violet); }
.header-tools { display: flex; align-items: center; gap: 21px; }
.language-control { position: relative; display: flex; align-items: center; gap: 6px; color: var(--secondary); }
.language-control > svg:first-child { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; flex-shrink: 0; }
.language-control select { width: 122px; min-height: 44px; padding: 8px 18px 8px 0; border: 0; border-radius: 0; background: transparent; color: var(--secondary); font-size: 12px; appearance: none; direction: ltr; cursor: pointer; }
.language-control option { background: var(--white); color: var(--ink); }
.select-chevron { position: absolute; inset-inline-end: 0; width: 12px; height: 12px; fill: none; stroke: var(--secondary); stroke-width: 1.5; pointer-events: none; }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 46px; padding: 12px 20px; border: 1px solid var(--violet); border-radius: 5px; background: var(--violet); color: white; font-size: 14px; font-weight: 500; line-height: 1.5; transition: background .15s, border-color .15s; }
.primary-button:hover:not(:disabled) { background: #432480; border-color: #432480; }
.primary-button:disabled { color: #675d7b; border-color: #dfd9e9; background: #eae5f2; }
.primary-button svg, .text-button svg, .planned-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.header-action { min-height: 44px; padding: 9px 15px; font-size: 12px; color: var(--ink); background: transparent; border-color: #bfc3b6; }
.header-action:hover:not(:disabled) { background: var(--ink); color: white; border-color: var(--ink); }

/* The proposition and the working product share the same first screen. */
.landing-shell { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); align-items: center; gap: 48px; padding-top: 48px; padding-bottom: 56px; }
.hero { min-width: 0; padding-top: 0; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 26px; color: var(--secondary); font-size: 12px; font-weight: 500; line-height: 1.6; letter-spacing: .2px; }
.eyebrow-dot { display: block; width: 17px; height: 1px; background: var(--violet); flex-shrink: 0; }
.hero h1 { margin: 0; font-size: 62px; line-height: 1.15; font-weight: 550; letter-spacing: -2.4px; overflow-wrap: anywhere; }
.hero h1 > span { display: block; }
.accent-text { color: var(--violet); }
html:lang(zh) h1, html:lang(zh) h2, html:lang(zh) h3 { letter-spacing: 0; }
.hero-description { max-width: 365px; margin: 28px 0 0; color: var(--secondary); font-size: 16px; line-height: 1.9; text-wrap: pretty; }
.hero-actions { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 8px 22px; margin-top: 28px; }
.hero-actions .primary-button { min-height: 46px; padding: 12px 19px; font-size: 14px; }
.text-button { display: inline-flex; align-items: center; gap: 13px; min-height: 44px; color: var(--muted); font-size: 13px; }
.text-button:hover { color: var(--ink); }
.text-button svg { width: 15px; height: 15px; }
.hero-benefits { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 9px 20px; margin-top: 25px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.hero-benefits > span { display: flex; align-items: center; gap: 8px; }
.hero-benefits svg { width: 14px; height: 14px; fill: none; stroke: #848a7a; stroke-width: 1.3; flex-shrink: 0; }

/* A compact, actual input surface. No invented score or demonstration output. */
.workspace-section { min-width: 0; scroll-margin-top: 100px; padding-bottom: 56px; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.section-heading h2 { margin: 0; color: var(--ink); font-size: 18px; font-weight: 500; line-height: 1.6; }
.service-status { display: flex; align-items: flex-start; gap: 5px; color: var(--muted); font-size: 12px; line-height: 1.6; text-align: end; }
.status-dot { display: block; width: 4px; height: 4px; margin-top: 7px; background: #8c8f87; border-radius: 50%; flex-shrink: 0; }
.status-dot.pending, .status-dot.error { background: #a78b59; }
.status-dot.ready { background: #8c8f87; }
.workspace-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); min-width: 0; border: 1px solid #dfe2ed; border-radius: 12px; background: var(--white); box-shadow: 0 12px 34px #333b2405; overflow: hidden; }
.input-panel { padding: 22px; min-width: 0; }
.modality-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; border-bottom: 1px solid var(--line-soft); padding-bottom: 14px; }
.modality-tab { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 8px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--secondary); font-size: 13px; font-weight: 500; line-height: 1.5; }
.modality-tab:hover { background: #f7f8f4; color: var(--ink); }
.modality-tab.active { color: var(--violet); border-color: #e0d9ed; background: var(--violet-soft); }
.modality-tab svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.tab-state { color: var(--muted); font-size: 12px; font-weight: 400; }
.active .tab-state { color: #74638b; }
.tab-state.ready { color: var(--violet); }
.input-body { padding-top: 16px; }
.input-topline { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 10px; }
.input-topline h3 { margin: 0; font-size: 13px; font-weight: 500; color: var(--secondary); line-height: 1.6; }
.input-topline p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; text-align: end; }
textarea { width: 100%; min-height: 176px; display: block; padding: 14px 15px; border: 1px solid #e0e3ed; border-radius: 7px; color: var(--ink); background: #fdfdff; font-size: 14px; line-height: 1.85; resize: vertical; transition: border-color .15s; }
textarea::placeholder { color: #74766d; opacity: 1; }
textarea:hover { border-color: #c2c6bb; }
textarea:focus { outline: none; border-color: #9483b1; box-shadow: 0 0 0 2px #9483b10d; background: white; }
textarea:disabled { color: #8d9385; background: #fafbf7; }
.text-meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.character-counter { font-family: var(--mono); white-space: nowrap; font-size: 12px; }
#char-count { color: var(--secondary); }
.muted { color: var(--muted); }
.capability-note { display: flex; align-items: flex-start; gap: 6px; margin-top: 14px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.capability-note svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; flex-shrink: 0; margin-top: 2px; }
.capability-note.available { color: var(--violet); }
.detect-button { display: flex; justify-content: space-between; width: 100%; margin-top: 14px; min-height: 44px; font-size: 14px; padding: 11px 15px; }
.privacy-note { display: flex; align-items: flex-start; justify-content: center; gap: 5px; margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.privacy-note svg { width: 12px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; flex-shrink: 0; margin-top: 2px; }
.error-message { margin-top: 12px; padding: 10px 12px; border: 1px solid #e7d8c9; border-radius: 4px; color: #825d39; background: #fffaf4; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.spinner { width: 16px; height: 16px; border: 2px solid #6b5b8350; border-top-color: #67557f; border-radius: 50%; animation: spin .8s linear infinite; }

/* Native file controls remain keyboard and drag/drop accessible. */
.drop-zone { min-height: 204px; position: relative; border: 1px dashed #cad2bd; border-radius: 4px; background: #fcfdf9; transition: border-color .15s, background .15s; }
.drop-zone:hover, .drop-zone.dragging { border-color: #89749e; background: #f7f4fa; }
.file-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.file-input:focus-visible + label { outline: 2px solid #8871b5; outline-offset: 3px; }
.upload-label { min-height: 203px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 22px; text-align: center; cursor: pointer; }
.upload-icon { width: 26px; height: 26px; color: #7c8175; }
.upload-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.upload-label strong { color: var(--secondary); font-size: 14px; font-weight: 400; }
.upload-link { color: var(--violet); text-decoration: underline; text-underline-offset: 3px; }
.upload-label small { color: var(--muted); font-size: 12px; line-height: 1.8; }
.upload-divider { margin-inline: 4px; color: #b9c2ad; }
.file-preview { border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.preview-media { display: flex; align-items: center; justify-content: center; height: 160px; background: #f4f6ef; }
.preview-media img, .preview-media video { max-width: 100%; max-height: 100%; object-fit: contain; }
.file-info { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; }
.file-info > div { min-width: 0; }
.file-info strong { display: block; max-width: 400px; color: var(--secondary); font-size: 12px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.file-info span { color: var(--muted); font-size: 12px; }
.remove-file { width: 44px; height: 44px; min-width: 44px; border: 0; border-radius: 3px; background: transparent; color: var(--secondary); font-size: 23px; line-height: 1; }
.remove-file:hover { background: #f1f4eb; color: var(--ink); }

/* Waiting results are a small information strip; actual results expand normally. */
.result-panel { border-inline-start: 1px solid var(--line-soft); padding: 24px; background: #fff; min-width: 0; }
.result-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.result-heading h3 { margin: 0; font-size: 12px; font-weight: 500; line-height: 1.5; color: var(--secondary); }
.result-live { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.result-live::before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #98a08d; }
.result-live.done { color: var(--violet); }
.result-live.done::before { background: var(--violet); }
.result-empty { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 11px; align-items: start; }
.empty-document { width: 19px; height: 21px; fill: none; stroke: #929b84; stroke-width: 1.4; margin-top: 2px; }
.empty-copy h4 { color: var(--secondary); font-size: 13px; font-weight: 500; line-height: 1.6; margin: 0 0 4px; }
.empty-copy p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.empty-report { display: none; }
.result-bottom { display: flex; align-items: flex-start; gap: 5px; margin-top: 11px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.result-bottom svg { width: 12px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.3; margin-top: 2px; flex-shrink: 0; }
.result-loading { position: relative; padding-inline-start: 29px; }
.loading-orbit { position: absolute; inset-inline-start: 0; top: 4px; width: 18px; height: 18px; border: 1px solid #d4dacc; border-top-color: #7e687f; border-radius: 50%; animation: spin .8s linear infinite; }
.result-loading h4 { font-size: 13px; font-weight: 500; color: var(--secondary); margin: 0 0 4px; }
.result-loading p { color: var(--muted); font-size: 12px; line-height: 1.8; margin: 0; }
/* Network upload progress only; analysis has no invented percentage. */
.image-transfer { margin-top: 12px; padding: 13px 14px; border: 1px solid var(--border, #d8dcca); border-radius: 5px; background: #f8f9f4; }
.image-transfer strong { display: block; color: var(--secondary); font-size: 13px; line-height: 1.6; }
.image-transfer progress { display: block; width: 100%; height: 6px; margin: 10px 0; accent-color: var(--violet); }
.image-transfer p { margin: 6px 0 8px; font-size: 12px; color: var(--muted); line-height: 1.7; overflow-wrap: anywhere; }
.image-transfer-cancel { min-height: 36px; padding: 6px 12px; border: 1px solid #d8dcca; border-radius: 4px; color: var(--violet); background: white; font: inherit; font-size: 12px; cursor: pointer; }
.image-transfer-cancel:hover { background: #f2f4eb; }
.image-transfer-cancel:focus-visible { outline: 2px solid var(--violet); outline-offset: 3px; }
.result-content { padding-top: 10px; }
.secondary-button { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; min-height: 44px; padding: 10px 12px; background: white; border: 1px solid #d8dcca; border-radius: 3px; color: var(--violet); font-size: 13px; text-align: start; }
.secondary-button:hover { background: #f2f4eb; }
.secondary-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; flex-shrink: 0; }
.report-format { margin-inline-start: auto; font-family: var(--mono); font-size: 12px; color: var(--muted); }

/* Product results: actual content, one clear verdict and useful next actions.
   Color signals an assessment, never a probability or authenticity guarantee. */
.result-heading { margin-bottom: 18px; }
.result-content { padding: 0; }
.result-conclusion { display: flex; align-items: center; gap: 15px; padding: 20px; border: 1px solid #e4e7eb; border-radius: 12px; background: #fff; }
.result-verdict-symbol { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border: 1px solid #e2e5ec; border-radius: 14px; background: #f5f6f8; color: #596274; }
.result-verdict-symbol > span { display: grid; place-items: center; }
.result-verdict-symbol svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.result-content[data-tone="attention"] .result-verdict-symbol { background: #fff1f0; border-color: #f2d7d5; color: #a13743; }
.result-content[data-tone="calm"] .result-verdict-symbol { background: #edf8f2; border-color: #d3e8dc; color: #27664f; }
.result-conclusion-title { min-width: 0; margin: 0; color: #202632; font-size: 25px; font-weight: 550; line-height: 1.35; letter-spacing: -.45px; overflow-wrap: anywhere; }
html:lang(zh) .result-conclusion-title, html:lang(ja) .result-conclusion-title { letter-spacing: 0; }
.result-image-preview { margin: 0 0 12px; overflow: hidden; border: 1px solid #e5e8ed; border-radius: 12px; background: #f7f8fa; }
.result-image-preview img { display: block; width: 100%; height: 208px; object-fit: contain; }
.result-content[data-result-modality="image"] .result-conclusion { display: block; text-align: center; padding: 19px 18px 22px; }
.result-content[data-result-modality="image"] .result-verdict-symbol { margin: 0 auto 12px; }
.result-scope-note { margin: 12px 0; padding-inline-start: 11px; border-inline-start: 2px solid #d9a469; color: #755027; font-size: 13px; line-height: 1.7; }
.result-preprocess-note { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: #f5f7f9; color: #526173; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.result-edit-button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; margin: 14px 0 0; padding: 11px 14px; gap: 12px; border: 1px solid #d9cfef; border-radius: 8px; background: #f7f4fc; color: var(--violet); font-size: 14px; line-height: 1.6; text-align: start; }
.result-edit-button:hover { border-color: #b5a1d5; background: #f0eafa; }
.result-edit-button svg { width: 17px; height: 17px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.result-usage-notes { margin: 16px 0; border-top: 1px solid #e7e9ee; border-bottom: 1px solid #e7e9ee; }
.result-usage-notes > summary { min-height: 44px; padding: 11px 1px; color: var(--secondary); font-size: 13px; line-height: 1.7; cursor: pointer; }
.result-usage-notes ul { margin: 0; padding: 0 4px 14px 20px; padding-inline-start: 20px; color: var(--secondary); font-size: 13px; line-height: 1.75; }
.result-usage-notes li + li { margin-top: 7px; }
.result-export-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.result-export-actions .secondary-button { justify-content: center; min-width: 0; margin: 0; min-height: 44px; padding: 10px; border-color: #e0e3e9; border-radius: 8px; color: var(--secondary); font-size: 13px; }
.result-export-actions .secondary-button:hover { background: #f7f8fa; border-color: #c5cbd5; }
.result-panel .text-evidence { margin-top: 16px; border: 1px solid #e4e7ed; border-radius: 9px; overflow: hidden; }
.result-panel .text-evidence details > summary { min-height: 44px; padding: 11px 14px; border: 0; background: #fafbfc; color: var(--secondary); font-size: 13px; }
.result-panel .text-evidence-body { max-height: 230px; margin: 0; padding: 14px; border: 0; border-top: 1px solid #e9ebf0; border-radius: 0; background: #fff; color: #414a59; font-size: 14px; line-height: 1.85; }
.text-evidence-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 9px; color: #667080; font-size: 13px; font-weight: 400; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.text-evidence details[open] > summary .text-evidence-excerpt { display: none; }
@media (min-width: 1001px) { #text-input { min-height: 290px; } .input-topline { flex-wrap: wrap; gap: 3px 12px; } .input-topline p { text-align: start; } .modality-tabs { gap: 2px; } .modality-tab { flex-wrap: wrap; gap: 3px 6px; } .tab-state { font-size: 12px; } }
@media (max-width: 1000px) { .workspace-grid { grid-template-columns: minmax(0, 1fr); } .result-panel { border-inline-start: 0; border-top: 1px solid var(--line-soft); } }
@media (max-width: 650px) { .result-conclusion { padding: 17px 15px; gap: 12px; } .result-conclusion-title { font-size: 23px; } .result-verdict-symbol { flex-basis: 42px; width: 42px; height: 42px; } .result-image-preview img { height: 190px; } .result-export-actions { gap: 8px; } .result-export-actions .secondary-button { font-size: 12px; } }

/* Review controls seek the original upload; no invented frame scores/heatmaps. */
.media-evidence { margin: 18px 0 0; }
.media-evidence h5 { margin: 0 0 10px; color: var(--secondary); font-size: 13px; font-weight: 500; }
.media-evidence > p { color: var(--secondary); font-size: 13px; line-height: 1.7; }
.result-frame-list { display: grid; gap: 8px; margin-top: 12px; }
.result-frame { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 9px 12px; border: 1px solid #e4e7ed; border-radius: 8px; background: #fff; color: #525c6a; text-align: start; }
.result-frame.selected { border-color: #aab5c3; box-shadow: 0 0 0 1px #aab5c3; background: #f8fafc; }
.result-frame time { flex-shrink: 0; padding: 4px 7px; border-radius: 5px; background: #edf0f4; color: #475263; font: 12px/1.6 var(--mono); direction: ltr; }
.frame-verdict { display: flex; align-items: center; gap: 7px; color: #465360; font-size: 13px; line-height: 1.6; }
.frame-verdict::before { content: ''; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #52866e; }
.result-frame[data-tone="attention"] .frame-verdict::before { background: #c86169; }
.result-frame-preview-wrap { margin: 0; overflow: hidden; border-radius: 10px; border: 1px solid #e4e7ed; background: #141720; }
.result-frame-preview-wrap video { display: block; width: 100%; max-height: 220px; background: #141720; }
@media (max-width: 430px) { .result-frame { gap: 9px; padding: 9px; } .frame-verdict { font-size: 12px; } }

/* Document extraction stays separate from the submitted input and report. */
.text-import-toolbar { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.text-import-toolbar > div { position: relative; min-width: 0; }
.text-import-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 12px; border: 1px solid #ded8ee; border-radius: 6px; background: #f8f6fd; color: var(--violet); cursor: pointer; font-size: 13px; font-weight: 500; line-height: 1.5; }
.text-import-button:hover { background: #f0ebfb; border-color: #b6a4dc; }
.text-import-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.text-import-toolbar input:disabled + label { cursor: wait; opacity: .55; }
.text-clear-preview { min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: var(--secondary); font-size: 13px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.text-model-scope { margin: 10px 0 16px; color: var(--secondary); font-size: 12px; line-height: 1.8; max-width: 860px; }
.text-import-status { margin: 0 0 12px; color: var(--violet); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.text-extract-preview { padding: 16px; margin-bottom: 18px; border: 1px solid #ded6f0; border-radius: 8px; background: #fbfaff; }
.text-extract-preview > label { display: block; color: var(--ink); font-weight: 500; font-size: 14px; line-height: 1.6; }
.text-extract-preview > p { margin: 6px 0 12px; color: var(--secondary); font-size: 13px; line-height: 1.8; }
#text-extracted-preview { min-height: 150px; max-height: 420px; background: var(--white); }
.text-extract-preview .text-extract-warnings { margin: 10px 0; white-space: pre-line; color: #78522f; }
.text-preview-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.text-preview-actions button { min-height: 44px; padding: 9px 14px; border: 1px solid #d4c9ea; border-radius: 5px; background: var(--white); color: var(--violet); font-size: 13px; line-height: 1.5; }
.text-preview-actions button:first-child { background: var(--violet); color: var(--white); border-color: var(--violet); }
.text-preview-actions button:hover { border-color: #9273c8; }
.text-preview-actions button:disabled { opacity: .55; }
.text-report-expired, .result-coverage-warning { margin: 12px 0; padding: 11px 13px; color: #78522f; border: 1px solid #e6d8c2; border-radius: 5px; background: #fffaf1; font-size: 13px; line-height: 1.8; }

/* Native margin is an unbounded model value: no percent, bar or probability ring. */
#result-threshold { font-family: var(--mono); font-size: 12px; direction: ltr; }
.text-evidence { margin: 16px 0; padding: 0 0 16px; border-bottom: 1px solid var(--line); }
.text-evidence details { color: var(--secondary); font-size: 13px; }
.text-evidence summary { min-height: 44px; padding-block: 10px; color: var(--violet); cursor: pointer; line-height: 1.8; }
.text-evidence-body { max-height: 360px; overflow: auto; padding: 14px; border: 1px solid var(--line); border-radius: 5px; background: var(--white); color: var(--ink); font-size: 14px; line-height: 2; white-space: pre-wrap; overflow-wrap: anywhere; }
.text-evidence-span { display: inline; padding: 2px 0; border: 0; border-bottom: 1px solid #b8a4e2; border-radius: 2px; color: #4d2b9f; background: #f0e9ff; font: inherit; white-space: inherit; text-align: inherit; }
.text-evidence-span:hover, .text-evidence-span.selected { background: #e4d7fb; box-shadow: 0 1px 0 #9474c5; }
.text-span-detail { margin: 10px 0 0; color: var(--secondary); font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.copy-report { margin-bottom: 8px; }
@media (max-width: 650px) {
  .text-import-button { font-size: 12px; padding-inline: 10px; }
  .text-extract-preview { padding: 13px; }
  .text-preview-actions { gap: 8px; }
  .text-preview-actions button { flex: 1; }
  .text-evidence-body { padding: 11px; }
}

/* Editorial feature index: number / explanation / modest product detail. */
.features-section { border-top: 1px solid var(--line); padding-top: 48px; padding-bottom: 40px; scroll-margin-top: 96px; }
.features-heading { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); align-items: start; gap: 48px; margin-bottom: 32px; }
.section-kicker { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; font-weight: 400; }
.features-heading h2 { margin: 0; color: var(--ink); font-size: 29px; line-height: 1.5; font-weight: 500; letter-spacing: -.6px; text-wrap: balance; }
.features-grid { border-top: 1px solid var(--line); }
.features-grid article { display: grid; grid-template-columns: 45px minmax(0, 1fr) 230px; gap: 30px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line); }
.feature-number { grid-column: 1; grid-row: 1; align-self: start; padding-top: 2px; color: var(--muted); font: 12px/1.8 var(--mono); }
.feature-copy { grid-column: 2; grid-row: 1; max-width: 500px; }
.features-grid h3 { margin: 0 0 7px; color: var(--ink); font-size: 17px; font-weight: 500; line-height: 1.6; }
.features-grid p { margin: 0; color: var(--secondary); font-size: 15px; line-height: 1.8; }
.feature-preview { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-content: center; min-height: 100px; padding-inline: 8px; color: #8b8e83; }
.feature-preview svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.preview-modalities { gap: 9px; }
.mini-mode { width: 59px; height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px solid #dadcd2; background: #fafbf7; color: #8b8e83; }
.mini-mode > span { font: 10px/1.5 var(--mono); letter-spacing: .4px; }
.mini-mode.selected { background: var(--violet-soft); border-color: #d2c9df; color: #8b78a6; }
.mini-report { width: 200px; border: 1px solid #dadcd2; background: #fafbf7; padding: 12px 14px; }
.mini-report-top { display: flex; align-items: center; gap: 6px; border-bottom: 1px solid #e3e6db; padding-bottom: 7px; margin-bottom: 7px; }
.mini-report-top svg { width: 16px; height: 16px; }
.mini-report-top i { width: 56px; height: 4px; background: #dfe3d6; }
.mini-report-top > span { width: 24px; height: 7px; margin-inline-start: auto; background: #e6e8df; }
.mini-report-row { display: flex; align-items: center; justify-content: space-between; padding-block: 4px; }
.mini-report-row i { display: block; width: 35px; height: 3px; background: #e0e5d8; }
.mini-report-row > span { width: 55px; height: 3px; background: #e6e9df; }
.mini-report-row:nth-child(3) > span { width: 43px; }
.mini-export { width: 215px; display: flex; align-items: center; gap: 10px; padding: 13px; border: 1px solid #dadcd2; background: #fafbf7; }
.json-file { display: grid; place-items: center; width: 30px; height: 36px; background: #f3f5ee; border: 1px solid #dfe3d6; color: #969e8b; font: 12px/1 var(--mono); }
.mini-export > div { display: flex; flex-direction: column; gap: 3px; }
.mini-export strong { color: #858d7b; font-size: 12px; font-weight: 500; }
.mini-export > div > span { color: #9da58f; font: 10px/1.5 var(--mono); }
.mini-export > svg { width: 19px; height: 19px; margin-inline-start: auto; color: #939c85; }
.bottom-cta { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 20px; padding-bottom: 56px; }
.bottom-cta h2 { margin: 0 0 8px; color: var(--ink); font-size: 25px; font-weight: 500; line-height: 1.6; letter-spacing: -.5px; }
.bottom-cta p { margin: 0; color: var(--secondary); font-size: 15px; }
.bottom-cta .primary-button { color: var(--violet); background: transparent; border-color: #c6b8da; }
.bottom-cta .primary-button:hover { color: white; background: var(--violet); border-color: var(--violet); }

/* Plans and FAQ follow the same restrained type and rule system. */
.pricing-view { padding-top: 48px; }
.pricing-intro { max-width: 800px; margin-bottom: 40px; }
.pricing-intro .eyebrow { margin-bottom: 20px; }
.pricing-intro h1 { margin: 0 0 20px; color: var(--ink); font-size: 43px; line-height: 1.35; font-weight: 500; letter-spacing: -1.2px; text-wrap: balance; }
.pricing-intro > p:last-child { margin: 0; color: var(--secondary); font-size: 16px; line-height: 1.8; }
.pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pricing-card { position: relative; border: 1px solid var(--line); background: #fdfefb; border-radius: 5px; padding: 30px; }
.beta-plan { border-color: #bfb0d6; background: white; }
.beta-plan::before { content: ""; position: absolute; inset: -1px -1px auto; height: 2px; background: var(--violet); }
.plan-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.plan-icon { width: 27px; height: 29px; color: var(--secondary); }
.plan-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.plan-tag { color: var(--violet); border: 1px solid #ded5ec; padding: 2px 8px; font-size: 12px; line-height: 1.8; }
.muted-tag { color: var(--muted); border-color: #dce2d2; }
.pricing-card h2 { margin: 0 0 7px; font-size: 24px; font-weight: 500; line-height: 1.5; color: var(--ink); }
.plan-description { margin: 0 0 23px; color: var(--secondary); font-size: 15px; }
.plan-price { display: flex; align-items: baseline; gap: 12px; min-height: 60px; color: var(--ink); font-size: 39px; font-weight: 500; line-height: 1.5; letter-spacing: -1px; }
.plan-price small { color: var(--muted); font-size: 12px; font-weight: 400; letter-spacing: 0; }
.plan-annotation { color: var(--muted); font-size: 12px; margin: 8px 0 22px; }
.pricing-card .primary-button { display: flex; justify-content: space-between; min-height: 44px; }
.plan-features { padding: 0; margin: 24px 0; list-style: none; color: var(--secondary); font-size: 14px; }
.plan-features li { display: flex; align-items: flex-start; gap: 9px; margin: 11px 0; }
.plan-features li::before { content: "—"; color: #99a58a; }
.plan-footnote { margin: 0; padding-top: 17px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; line-height: 1.8; }
.team-price { color: var(--secondary); font-size: 32px; line-height: 1.85; }
.planned-button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 12px 17px; border: 1px solid #dce2d1; color: var(--muted); background: #f3f6ed; border-radius: 4px; font-size: 14px; }
.faq-section { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); gap: 48px; margin-top: 56px; margin-bottom: 56px; }
.faq-section .section-kicker { margin-bottom: 12px; }
.faq-section h2 { color: var(--ink); font-size: 26px; font-weight: 500; line-height: 1.5; margin: 0; }
.faq-list details { border-bottom: 1px solid var(--line); padding: 12px 0; }
.faq-list details:first-child { padding-top: 0; }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; min-height: 44px; color: var(--secondary); font-size: 15px; cursor: pointer; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-toggle { width: 17px; height: 17px; fill: none; stroke: #949e85; stroke-width: 1.5; flex-shrink: 0; transition: transform .15s; }
.faq-list details[open] .faq-toggle { transform: rotate(45deg); }
.faq-list details p { margin: 11px 0 4px; padding-inline-end: 25px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.site-footer { display: flex; align-items: center; justify-content: space-between; gap: 32px; border-top: 1px solid var(--line); padding-top: 25px; padding-bottom: 25px; }
.footer-brand { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; color: var(--secondary); font-size: 15px; font-weight: 500; letter-spacing: -.4px; }
.footer-brand > span { color: var(--muted); font-size: 12px; font-weight: 400; letter-spacing: 0; }
.footer-right { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px 20px; color: var(--muted); font-size: 12px; }
.footer-right small { font-size: 12px; white-space: nowrap; }
.geo-attribution { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: 12px; text-decoration: underline; text-decoration-color: #bac3ae; text-underline-offset: 3px; }
.geo-attribution:hover { color: var(--violet); }

@keyframes spin { to { transform: rotate(360deg); } }
html[dir="rtl"] .language-control select { padding: 8px 0 8px 18px; text-align: end; }
html[dir="rtl"] .primary-button > svg { transform: scaleX(-1); }

@media (max-width: 1120px) {
  .page-width { padding-inline: 30px; }
  .header-inner { gap: 20px; }
  .main-nav { gap: 22px; }
  .header-tools { gap: 15px; }
  .brand { font-size: 20px; }
  .language-control select { width: 108px; }
  .landing-shell { gap: 32px; padding-top: 44px; }
  .hero h1 { font-size: 56px; }
  .hero-description { max-width: 340px; }
  .input-panel { padding: 19px; }
  .input-topline p { display: none; }
  .tab-state { display: none; }
  .features-heading, .faq-section { gap: 32px; }
  .footer-right > span { display: none; }
}

@media (max-width: 900px) {
  .header-action { display: none; }
  .main-nav { gap: 22px; }
  .landing-shell { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-top: 38px; padding-bottom: 42px; }
  .hero { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; padding-top: 0; }
  .hero .eyebrow { grid-column: 1 / -1; margin-bottom: 21px; }
  .hero h1 { grid-column: 1; grid-row: 2 / 4; font-size: 54px; }
  .hero-description { grid-column: 2; grid-row: 2; margin: 0; max-width: none; }
  .hero-actions { grid-column: 2; grid-row: 3; margin-top: 13px; flex-direction: row; flex-wrap: wrap; gap: 0 20px; }
  .hero-benefits { grid-column: 1 / -1; margin-top: 28px; padding-top: 20px; max-width: none; flex-direction: row; flex-wrap: wrap; gap: 10px 28px; }
  .workspace-section { max-width: none; }
  .section-heading h2, .service-status { font-size: 12px; }
  .input-panel { padding: 23px; }
  .input-topline p { display: block; }
  textarea { min-height: 185px; }
  .modality-tab { font-size: 14px; }
  .tab-state { display: inline; }
  .result-panel { padding: 17px 23px; }
  .features-heading { grid-template-columns: 1fr; gap: 12px; }
  .features-heading h2 { max-width: 650px; }
  .features-grid article { grid-template-columns: 35px minmax(0, 1fr) 190px; gap: 20px; }
  .feature-preview { padding-inline: 0; }
  .mini-mode { width: 51px; }
  .mini-report { width: 185px; }
  .mini-export { width: 185px; padding: 10px; gap: 8px; }
  .mini-export strong { font-size: 11px; }
  .bottom-cta h2 { font-size: 23px; }
  .pricing-card { padding: 25px; }
  .pricing-intro h1 { font-size: 37px; }
  .faq-section { grid-template-columns: 1fr 1.5fr; gap: 36px; }
  .site-footer { align-items: flex-start; }
  .footer-brand { display: block; }
  .footer-brand > span { display: block; margin-top: 5px; }
}

@media (max-width: 650px) {
  html { scroll-padding-top: 132px; }
  .page-width { padding-inline: 20px; }
  .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 44px minmax(44px, auto); column-gap: 12px; row-gap: 4px; min-height: 108px; padding-block: 8px; }
  .brand { grid-row: 1; grid-column: 1; font-size: 19px; gap: 8px; }
  .brand-mark { width: 26px; height: 29px; }
  .header-tools { grid-row: 1; grid-column: 2; }
  .language-control { gap: 5px; }
  .language-control > svg:first-child { width: 16px; height: 16px; }
  .language-control select { width: 110px; font-size: 12px; }
  .main-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-row: 2; grid-column: 1 / -1; width: 100%; gap: 8px; }
  .nav-link { font-size: 12px; white-space: normal; text-align: center; padding: 6px 4px; }
  .nav-link.active::after { bottom: 1px; }
  .landing-shell { display: block; padding-top: 34px; padding-bottom: 36px; }
  .hero { display: block; padding-top: 0; }
  .hero .eyebrow { margin-bottom: 21px; font-size: 12px; }
  .hero h1 { font-size: 40px; line-height: 1.2; letter-spacing: -1.3px; }
  .hero-description { max-width: none; margin-top: 22px; font-size: 15px; line-height: 1.85; }
  .hero-actions { margin-top: 17px; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 25px; }
  .hero-actions .primary-button { font-size: 14px; gap: 16px; }
  .text-button { font-size: 12px; gap: 7px; }
  .hero-benefits { margin-top: 20px; padding-top: 17px; flex-direction: row; flex-wrap: wrap; gap: 6px 17px; font-size: 12px; }
  .hero-benefits > span { gap: 5px; }
  .hero-benefits svg { width: 12px; height: 12px; }
  .workspace-section { margin-top: 30px; scroll-margin-top: 132px; }
  .section-heading { gap: 8px; margin-bottom: 11px; }
  .section-heading h2 { max-width: 48%; }
  .service-status { max-width: 51%; }
  .workspace-grid { border-radius: 6px; }
  .input-panel { padding: 16px; }
  .modality-tabs { gap: 2px; padding-bottom: 12px; }
  .modality-tab { min-height: 44px; gap: 6px; padding: 10px 6px; font-size: 13px; }
  .modality-tab svg { width: 16px; height: 16px; }
  .tab-state { display: none; }
  .input-body { padding-top: 14px; }
  .input-topline { margin-bottom: 9px; }
  .input-topline h3 { font-size: 12px; }
  .input-topline p { display: none; }
  textarea { min-height: 185px; padding: 13px; font-size: 14px; }
  .text-meta { font-size: 12px; line-height: 1.6; gap: 8px; }
  .text-meta > span:first-child { max-width: 58%; }
  .character-counter { font-size: 12px; padding-top: 1px; }
  .capability-note { margin-top: 13px; font-size: 12px; }
  .detect-button { margin-top: 13px; min-height: 44px; font-size: 13px; padding-inline: 13px; }
  .privacy-note { font-size: 12px; line-height: 1.7; margin-top: 10px; }
  .result-panel { padding: 15px 16px; }
  .result-heading { margin-bottom: 10px; }
  .empty-copy h4 { font-size: 13px; }
  .empty-copy p { font-size: 12px; }
  .result-bottom { font-size: 12px; margin-top: 10px; }
  .drop-zone, .upload-label { min-height: 210px; }
  .upload-label { padding-inline: 12px; }
  .upload-label strong { font-size: 13px; }
  .upload-label small { font-size: 12px; line-height: 1.9; }
  .upload-divider { margin-inline: 3px; }
  .preview-media { height: 165px; }
  .file-info strong { max-width: 220px; }
  .features-section { padding-top: 30px; padding-bottom: 28px; scroll-margin-top: 130px; }
  .features-heading { margin-bottom: 23px; }
  .features-heading h2 { font-size: 25px; line-height: 1.55; letter-spacing: -.5px; }
  .features-grid article { grid-template-columns: 27px minmax(0, 1fr); gap: 12px; padding: 24px 0; }
  .feature-number { grid-column: 1; grid-row: 1; }
  .feature-copy { grid-column: 2; grid-row: 1; }
  .features-grid h3 { font-size: 16px; }
  .features-grid p { font-size: 15px; line-height: 1.8; }
  .feature-preview { grid-column: 2; grid-row: 2; justify-content: flex-start; min-height: 91px; padding-top: 9px; }
  .mini-mode { width: 61px; }
  .mini-report { width: 200px; }
  .mini-export { width: 215px; padding: 13px; gap: 10px; }
  .mini-export strong { font-size: 12px; }
  .bottom-cta { display: block; padding-top: 15px; padding-bottom: 33px; }
  .bottom-cta h2 { font-size: 22px; line-height: 1.6; }
  .bottom-cta p { margin-top: 9px; font-size: 15px; }
  .bottom-cta .primary-button { min-height: 44px; margin-top: 22px; padding: 10px 18px; font-size: 13px; }
  .pricing-view { padding-top: 34px; }
  .pricing-intro { margin-bottom: 30px; }
  .pricing-intro .eyebrow { margin-bottom: 20px; }
  .pricing-intro h1 { font-size: 31px; line-height: 1.4; letter-spacing: -1px; }
  .pricing-intro > p:last-child { font-size: 15px; }
  .pricing-grid { grid-template-columns: 1fr; gap: 20px; }
  .pricing-card { padding: 24px; }
  .plan-price { font-size: 36px; }
  .team-price { font-size: 30px; }
  .plan-description { font-size: 14px; }
  .plan-features { font-size: 14px; }
  .faq-section { display: block; margin-top: 38px; margin-bottom: 36px; }
  .faq-section h2 { font-size: 24px; margin-bottom: 24px; }
  .faq-list summary { font-size: 14px; }
  .faq-list details p { padding-inline-end: 10px; font-size: 13px; }
  .site-footer { display: block; padding-top: 24px; padding-bottom: 22px; }
  .footer-brand { font-size: 15px; }
  .footer-brand > span { font-size: 12px; margin-top: 6px; }
  .footer-right { justify-content: flex-start; gap: 5px 15px; margin-top: 14px; }
  .footer-right small, .geo-attribution { font-size: 12px; }
}

@media (max-width: 390px) {
  .page-width { padding-inline: 16px; }
  .brand { font-size: 18px; gap: 7px; }
  .brand-mark { width: 24px; height: 28px; }
  .language-control select { width: 104px; }
  .header-inner { column-gap: 9px; }
  .input-panel { padding-inline: 14px; }
  .modality-tab { gap: 5px; padding-inline: 4px; font-size: 12px; }
  .text-meta > span:first-child { max-width: 56%; }
  .file-info strong { max-width: 190px; }
  .features-heading h2 { font-size: 24px; }
  .hero-benefits { column-gap: 12px; }
}

/* Short localized headlines share a consistent scale and may wrap naturally. */
html:lang(en) .hero h1, html:lang(es) .hero h1,
html:lang(fr) .hero h1, html:lang(de) .hero h1,
html:lang(pt) .hero h1 {
  font-size: clamp(40px, 4.4vw, 54px);
  letter-spacing: -1.8px;
}
html:lang(ja) .hero h1 { font-size: clamp(40px, 4.4vw, 54px); letter-spacing: -.7px; }
html:lang(ko) .hero h1 { font-size: clamp(40px, 4.2vw, 50px); letter-spacing: -.6px; }
html:lang(ar) .hero h1 { font-size: clamp(44px, 4.6vw, 56px); letter-spacing: 0; }
html:lang(hi) .hero h1 { font-size: clamp(40px, 4.3vw, 52px); letter-spacing: 0; }
@media (max-width: 650px) {
  html:lang(en) .hero h1, html:lang(es) .hero h1,
  html:lang(fr) .hero h1, html:lang(de) .hero h1,
  html:lang(pt) .hero h1 { font-size: 40px; letter-spacing: -1.3px; }
  html:lang(ja) .hero h1 { font-size: 40px; letter-spacing: -.5px; }
  html:lang(ko) .hero h1 { font-size: 40px; letter-spacing: -.5px; }
  html:lang(ar) .hero h1, html:lang(hi) .hero h1 { font-size: 40px; letter-spacing: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html, * { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Interactive examples: a self-contained, native product tour. */
.demo-showcase { min-width: 0; border: 1px solid #e3dff0; border-radius: 15px; background: #fff; overflow: hidden; box-shadow: 0 16px 45px #3d2b690b, 0 3px 10px #3d2b6904; scroll-margin-top: 96px; }
.demo-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 23px 25px 18px; }
.demo-heading p { margin: 0 0 5px; color: #79718b; font-size: 12px; line-height: 1.5; }
.demo-heading h2 { margin: 0; color: #30283f; font-size: 20px; line-height: 1.5; font-weight: 550; letter-spacing: -.3px; }
.demo-live-dot { width: 9px; height: 9px; border: 2px solid #c4b5e9; border-radius: 50%; background: #6f4ac4; flex-shrink: 0; }
.demo-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin: 0 24px; padding: 4px; border-radius: 8px; background: #f5f3fa; }
.demo-tabs button { display: flex; justify-content: center; align-items: center; gap: 7px; min-height: 44px; padding: 9px 8px; border: 1px solid transparent; border-radius: 5px; color: #756c85; background: transparent; font-size: 13px; line-height: 1.4; }
.demo-tabs button[aria-selected="true"] { border-color: #e2d9f4; color: #6340ad; background: #fff; box-shadow: 0 2px 3px #442a7408; }
.demo-tabs svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.demo-scenes { padding: 20px 24px 0; }
.demo-document { min-height: 260px; padding: 18px 20px; border: 1px solid #ebe6f3; border-radius: 8px; background: #fefeff; }
.demo-file-label { display: flex; align-items: center; justify-content: space-between; color: #71647e; font: 12px/1.5 var(--mono); margin-bottom: 19px; }
.demo-file-lines { width: 24px; height: 10px; border-block: 1px solid #d2c6e1; }
.demo-passages { position: relative; }
.demo-passages p { position: relative; margin: 0 0 12px; padding: 4px 6px; border-radius: 3px; color: #746a80; font-size: 14px; line-height: 1.85; transition: color .2s, background .2s; }
.demo-passages p:last-of-type { margin-bottom: 0; }
.demo-passages p.is-scanning { color: #5f399c; background: #f2ebff; }
.demo-passages p.is-scanned { color: #5f4c77; background: #f8f4ff; }
.demo-text-scan { position: absolute; height: 1px; left: 0; right: 0; background: #b997e9; box-shadow: 0 -5px 11px #b997e91c; pointer-events: none; }
.demo-scene-note { min-height: 35px; margin: 12px 0 0; color: #706279; font-size: 12px; line-height: 1.7; }
.demo-comparison { --comparison: 50%; position: relative; width: 100%; aspect-ratio: 800 / 420; overflow: hidden; border-radius: 8px; border: 1px solid #e0e5ef; background: #eaf1ff; }
.demo-comparison > svg, .demo-image-overlay, .demo-image-overlay > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.demo-image-overlay { clip-path: inset(0 calc(100% - var(--comparison)) 0 0); }
.demo-image-label { position: absolute; top: 10px; padding: 3px 7px; border: 1px solid #ffffffb3; border-radius: 4px; background: #ffffffdf; color: #6f5d85; font-size: 12px; line-height: 1.6; max-width: 45%; }
.label-original { right: 10px; }
.label-overlay { left: 10px; }
.demo-divider { position: absolute; top: 0; bottom: 0; left: var(--comparison); width: 2px; background: #fff; box-shadow: 0 0 0 1px #5a38a02b; pointer-events: none; }
.demo-divider i { position: absolute; top: calc(50% - 11px); left: -9px; width: 20px; height: 22px; border: 1px solid #b7a5d4; border-radius: 5px; background: white; }
.demo-divider i::before, .demo-divider i::after { content: ""; position: absolute; top: 6px; bottom: 6px; width: 1px; background: #a58cbe; }
.demo-divider i::before { left: 6px; }.demo-divider i::after { right: 6px; }
.demo-range { width: 100%; min-height: 28px; margin: 7px 0 0; accent-color: #8761c0; cursor: ew-resize; }
.demo-video-screen { width: 100%; aspect-ratio: 800 / 345; overflow: hidden; border: 1px solid #e0e5ef; border-radius: 8px; background: #eaf1ff; }
.demo-video-screen > svg { width: 100%; height: 100%; }
.demo-frame-strip { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; margin-top: 10px; }
.demo-frame { min-width: 0; min-height: 44px; padding: 3px; border: 1px solid #e7e0ef; border-radius: 4px; background: #fff; overflow: hidden; }
.demo-frame > svg { width: 100%; height: auto; aspect-ratio: 800 / 420; border-radius: 2px; }
.demo-frame > span { display: block; color: #756384; font: 12px/1.4 var(--mono); padding-top: 3px; }
.demo-frame.is-current { border-color: #a082c6; background: #f6f0fe; }
.demo-playhead { position: absolute; top: 0; bottom: 17px; width: 1px; background: #9b75c9; pointer-events: none; }
.demo-controls { display: flex; align-items: center; gap: 23px; padding: 16px 24px; }
#demo-play { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 10px 12px; color: #745098; background: #f5effc; border: 1px solid #e7dbf2; border-radius: 6px; font-size: 12px; line-height: 1.5; flex-shrink: 0; }
#demo-play:hover { background: #ede3f8; }
#demo-play > svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.demo-progress-wrap { min-width: 0; flex: 1; }
.demo-progress-wrap > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; color: #6f617a; font-size: 12px; line-height: 1.4; }
#demo-progress-value { font-family: var(--mono); }
#demo-progress { display: block; appearance: none; width: 100%; height: 3px; overflow: hidden; border: none; border-radius: 3px; background: #eee5f4; color: #b18acd; }
#demo-progress::-webkit-progress-bar { background: #eee5f4; }#demo-progress::-webkit-progress-value { background: #7952a2; border-radius: 3px; }#demo-progress::-moz-progress-bar { background: #7952a2; border-radius: 3px; }
.demo-disclaimer { display: flex; align-items: flex-start; gap: 6px; margin: 0; padding: 12px 24px; color: #706279; background: #fcf9ff; border-top: 1px solid #f1e7f7; font-size: 12px; line-height: 1.65; }
.demo-disclaimer > svg { width: 14px; height: 14px; margin-top: 2px; fill: none; stroke: currentColor; stroke-width: 1.4; flex-shrink: 0; }
.pricing-demo { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; margin-top: 40px; padding: 30px; border: 1px solid #e8def0; border-radius: 12px; background: #fcfaff; }
.pricing-demo-visual { position: relative; overflow: hidden; border: 1px solid #e0e6ef; border-radius: 8px; aspect-ratio: 800 / 400; }
.pricing-demo-visual > svg { width: 100%; height: 100%; }
.pricing-demo-cursor { position: absolute; left: 51%; top: 0; bottom: 0; width: 2px; background: #fff; }
.pricing-demo h2 { margin: 6px 0 10px; color: #725286; font-size: 26px; line-height: 1.5; font-weight: 500; }
.pricing-demo p:not(.section-kicker) { color: #706279; font-size: 13px; }
.pricing-demo .primary-button { margin-top: 13px; min-height: 44px; font-size: 13px; }
@media (max-width: 1120px) { .demo-heading { padding-inline: 20px; } .demo-tabs { margin-inline: 20px; } .demo-scenes { padding-inline: 20px; } .demo-controls, .demo-disclaimer { padding-inline: 20px; } .demo-passages p { font-size: 13px; } .demo-document { padding: 16px; } .demo-controls { gap: 16px; } }
@media (max-width: 900px) { .demo-showcase { margin-top: 0; } .demo-document { min-height: 240px; } .demo-passages p { font-size: 15px; } .workspace-section { padding-bottom: 44px; } .pricing-demo { gap: 25px; padding: 24px; } }
@media (max-width: 650px) { .demo-showcase { margin-top: 29px; border-radius: 12px; scroll-margin-top: 130px; } .demo-heading { padding: 20px 18px 16px; } .demo-heading h2 { font-size: 19px; } .demo-heading p { font-size: 12px; } .demo-tabs { margin-inline: 17px; } .demo-tabs button { font-size: 13px; gap: 6px; } .demo-scenes { padding: 16px 17px 0; } .demo-document { min-height: 260px; padding: 15px; } .demo-passages p { font-size: 14px; line-height: 1.85; padding-inline: 4px; } .demo-file-label { margin-bottom: 16px; font-size: 12px; } .demo-scene-note { font-size: 12px; min-height: 40px; } .demo-controls { gap: 14px; padding: 13px 17px; } #demo-play { font-size: 12px; min-height: 44px; padding-inline: 10px; } .demo-progress-wrap > div { font-size: 12px; } .demo-disclaimer { padding: 12px 17px; font-size: 12px; } .demo-image-label { font-size: 12px; padding-inline: 5px; top: 7px; } .demo-frame-strip { gap: 3px; } .demo-frame { padding: 2px; } .demo-frame > span { font-size: 12px; } .demo-video-screen { aspect-ratio: 800 / 400; } .workspace-section { margin-top: 0; padding-bottom: 36px; } .section-heading h2 { font-size: 15px; } .pricing-demo { grid-template-columns: 1fr; gap: 22px; margin-top: 28px; padding: 21px; } .pricing-demo h2 { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .demo-text-scan { display: none; } .demo-passages p { transition: none; } }

/* Real English text review. Marks are native evidence, never a score heatmap. */
.review-editor-tools { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 14px 0 10px; }
.review-editor-tabs, .review-editor-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.review-editor-tabs { padding: 3px; border: 1px solid #e4e6ee; border-radius: 7px; background: #f8f9fc; }
.review-editor-tools button { min-height: 40px; padding: 8px 10px; border: 0; border-radius: 5px; background: transparent; color: #586174; font: inherit; font-size: 13px; font-weight: 500; }
.review-editor-tabs button.active { background: #fff; color: #33254e; box-shadow: 0 1px 4px #25213915; }
.review-editor-actions button { color: #6540ad; }
.review-editor-tools button:disabled { opacity: .48; cursor: not-allowed; }
.review-marked-text { min-height: 290px; max-height: 540px; overflow-y: auto; padding: 19px; border: 1px solid #dfe2ec; border-radius: 7px; background: #fefefe; color: #293144; font-size: 15px; line-height: 2.05; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-mark { display: inline; min-height: auto; padding: 1px 0; border: 0; border-bottom: 2px solid #d6ad4c; border-radius: 2px; background: #fff3cd; color: #58401e; font: inherit; line-height: inherit; text-align: inherit; cursor: pointer; }
.review-mark:hover, .review-mark.selected { background: #ffe6a1; border-bottom-color: #ab7724; }
.review-mark.sentence-mark { padding-block: 3px; }
.review-mark-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.review-mark-controls > div { display: flex; gap: 2px; padding: 2px; background: #f0f2f7; border-radius: 5px; }
.review-mark-controls button { min-height: 36px; padding: 6px 11px; border: 0; border-radius: 4px; background: transparent; color: #5b6272; font: inherit; font-size: 12px; }
.review-mark-controls button.active { color: #423357; background: #fff; box-shadow: 0 1px 3px #241e3210; }
.review-mark-controls > span { display: flex; align-items: center; gap: 7px; color: #616678; font-size: 12px; line-height: 1.5; }
.review-mark-controls i { width: 9px; height: 9px; flex: 0 0 9px; border: 1px solid #bf912e; border-radius: 2px; background: #fff0c0; }
.review-editor-hint { margin: 10px 0 0; color: #606a7b; font-size: 12px; line-height: 1.7; }
.review-provenance { margin: 12px 0 0; padding: 9px 11px; border: 1px solid #e2d8f2; border-radius: 6px; color: #674894; background: #f8f4fd; font-size: 12px; line-height: 1.7; }
.review-workflow { margin-top: 20px; border-top: 1px solid #e8e9ee; }
.review-panel-tabs { display: flex; gap: 19px; border-bottom: 1px solid #e8e9ef; }
.review-panel-tabs button { position: relative; min-height: 48px; padding: 13px 0; border: 0; background: none; color: #667083; font: inherit; font-size: 14px; font-weight: 500; }
.review-panel-tabs button.active { color: #56338f; }
.review-panel-tabs button.active::after { content: ''; position: absolute; inset-inline: 0; bottom: -1px; height: 2px; background: #6f43b9; border-radius: 2px; }
.review-progress { margin-top: 16px; }
.review-progress > div { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7px; color: #626b7a; font-size: 12px; line-height: 1.6; }
.review-progress progress { display: block; width: 100%; height: 4px; border: 0; border-radius: 4px; overflow: hidden; accent-color: #7951b3; background: #eff0f5; }
.review-progress progress::-webkit-progress-bar { background: #eff0f5; }
.review-progress progress::-webkit-progress-value { border-radius: 4px; background: #7951b3; }
.review-section-note { margin: 15px 0; color: #646d7c; font-size: 12px; line-height: 1.8; }
.review-sentence-list { display: grid; gap: 10px; max-height: 510px; overflow-y: auto; padding: 0 2px 2px; }
.review-sentence-card { padding: 14px 15px 10px; border: 1px solid #e5e8ee; border-radius: 8px; background: #fff; }
.review-sentence-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.review-sentence-index { font-family: 'Geist Mono', monospace; color: #71798a; font-size: 12px; }
.review-sentence-state { padding: 3px 7px; border-radius: 4px; background: #f3f5f8; color: #606a7c; font-size: 11px; line-height: 1.5; }
.review-sentence-state.attention { color: #805a16; background: #fff4d6; }
.review-sentence-card p { margin: 10px 0 5px; color: #3d4658; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; white-space: pre-wrap; }
.review-sentence-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
.review-sentence-actions button { min-height: 40px; padding: 7px 0; border: 0; background: none; color: #644094; font: inherit; font-size: 12px; font-weight: 500; }
.review-sentence-actions button:disabled { color: #969ba5; cursor: not-allowed; }
.review-selection-empty { margin: 0; padding: 32px 12px; color: #667083; text-align: center; font-size: 14px; line-height: 1.8; }
.review-selection-reason { margin: 15px 0; color: #705420; font-size: 13px; line-height: 1.8; }
.review-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 15px 0; }
.review-options label { display: grid; gap: 7px; min-width: 0; color: #667083; font-size: 12px; }
.review-options select { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid #dfe3eb; border-radius: 6px; background: #fff; color: #394456; font: inherit; font-size: 13px; }
.review-passage { margin: 17px 0; }
.review-passage-label { display: block; margin-bottom: 8px; color: #626c7e; font-size: 12px; font-weight: 500; }
.review-passage blockquote, .review-passage p { margin: 0; padding: 13px 15px; border: 1px solid #e5e7ee; border-radius: 7px; background: #f9fafc; color: #333e50; font-size: 14px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-passage mark { padding: 1px 0; border-radius: 2px; background: #fff0be; color: inherit; }
.review-candidate-box .review-passage p { background: #f1f9f5; border-color: #dcebe2; color: #2c5140; }
.review-context { margin: 8px 0 17px; color: #697385; font-size: 12px; }
.review-context summary, .review-diff-details summary { min-height: 40px; padding-block: 9px; cursor: pointer; }
.review-context p { margin: 0 0 12px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
.review-generate { min-height: 44px; width: 100%; justify-content: center; font-size: 13px; }
.review-advanced { margin: 12px 0; color: #626c7e; font-size: 12px; }
.review-advanced > summary { min-height: 44px; padding-block: 12px; cursor: pointer; line-height: 20px; }
.review-advanced[open] { padding-bottom: 12px; border-bottom: 1px solid #e5e8ee; }
.review-advanced .review-options { margin-top: 3px; }
.review-suggestion-status { margin: 12px 0; color: #677184; font-size: 13px; line-height: 1.8; }
.review-suggestion-status.pending { padding: 12px 14px; border: 1px solid #e5e8ee; border-radius: 7px; background: #f8f9fc; color: #51456d; }
.review-diff-details { margin-top: -7px; color: #667083; font-size: 12px; }
.review-diff { padding: 11px 13px; border: 1px solid #e7e9ee; border-radius: 6px; font-size: 14px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; color: #3e4859; }
.review-diff del { color: #9a3b46; background: #fff0f1; text-decoration: line-through; }
.review-diff ins { color: #286448; background: #e9f7ee; text-decoration: none; }
.review-checks { margin: 11px 0; color: #58705f; font-size: 12px; line-height: 1.8; }
.review-checks.warning { color: #9a434b; }
.review-accept-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.review-accept-actions button { min-height: 44px; flex: 1 1 125px; justify-content: center; padding: 10px 13px; font-size: 13px; }
.review-accept-note { margin: 12px 0 0; color: #687184; font-size: 12px; line-height: 1.8; }
@media (max-width: 650px) {
  .review-editor-tools { align-items: stretch; gap: 8px; }
  .review-editor-tabs { flex: 1; }
  .review-editor-tabs button { flex: 1; }
  .review-editor-actions { flex: 1 1 100%; justify-content: space-between; }
  .review-editor-tools button { min-height: 44px; }
  .review-marked-text { min-height: 280px; padding: 14px; font-size: 14px; }
  .review-sentence-list { max-height: 450px; }
  .review-options { gap: 9px; }
  .review-options select { font-size: 12px; }
  .review-panel-tabs { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .review-mark, .review-panel-tabs button { transition: none; animation: none; }
}
@media (max-width: 650px) {
  .review-mark-controls button { min-height: 44px; }
  .review-sentence-actions button { min-height: 44px; }
}

/* Native media signal, not an authorship probability or an AI-content share. */
.result-content[data-has-media-signal="true"][data-result-modality="image"] .media-result-visual { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.result-content[data-has-media-signal="true"][data-result-modality="image"] .result-image-preview { height: 100%; min-height: 260px; margin: 0; }
.result-content[data-has-media-signal="true"][data-result-modality="image"] .result-image-preview img { height: 100%; max-height: 360px; object-fit: cover; }
.result-content[data-has-media-signal="true"] .result-conclusion { display: grid; grid-template-columns: minmax(160px, 210px) minmax(0, 1fr); grid-template-areas: "signal verdict"; align-items: center; column-gap: 20px; row-gap: 12px; padding: 22px; text-align: start; }
.result-content[data-has-media-signal="true"][data-result-modality="image"] .result-conclusion { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 17px 12px; gap: 12px; text-align: center; }
.media-signal { grid-area: signal; min-width: 0; width: 100%; max-width: 210px; margin: auto; }
.media-signal-ring { position: relative; width: 100%; aspect-ratio: 1; }
.media-signal-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }
.media-signal-ring circle { fill: none; stroke-width: 7; }
.media-signal-track { stroke: #eef0f4; }
.media-signal-arc { stroke: #426f61; stroke-linecap: round; }
.result-content[data-tone="attention"] .media-signal-arc { stroke: #c26575; }
.media-signal-ring > span { position: absolute; inset: 0; display: grid; place-items: center; color: #29313e; font-family: 'Geist', sans-serif; font-size: clamp(32px, 3.3vw, 44px); font-weight: 550; font-variant-numeric: tabular-nums; letter-spacing: -1.5px; }
.media-signal-caption { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 1px; color: #646c7d; font-size: 12px; line-height: 1.6; }
.media-signal-info { position: relative; display: inline-block; flex: 0 0 auto; color: #657084; }
.media-signal-info summary { display: grid; place-items: center; width: 30px; min-height: 30px; padding: 5px; list-style: none; cursor: pointer; border-radius: 5px; }
.media-signal-info summary::-webkit-details-marker { display: none; }
.media-signal-info summary svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.media-signal-info > p { position: absolute; z-index: 5; top: calc(100% + 5px); inset-inline-end: 0; width: 220px; max-width: calc(100vw - 60px); margin: 0; padding: 11px 13px; border: 1px solid #e2e5ec; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px #28324614; color: #535e70; font-size: 12px; font-weight: 400; line-height: 1.7; text-align: start; letter-spacing: 0; }
.media-signal-bar { height: 4px; margin: 6px 17px 0; border-radius: 4px; overflow: hidden; background: #eceff3; }
.media-signal-bar > span { display: block; height: 100%; width: 0; border-radius: 4px; background: #426f61; }
.result-content[data-tone="attention"] .media-signal-bar > span { background: #c26575; }
.result-content[data-has-media-signal="true"] .result-verdict-symbol { display: none; }
.result-content[data-has-media-signal="true"] .result-conclusion-title { grid-area: verdict; font-size: 24px; line-height: 1.4; }
.result-content[data-has-media-signal="true"][data-result-modality="image"] .result-conclusion-title { font-size: 20px; }
.media-frame-chart { margin-top: 14px; padding: 10px 13px 1px; border: 1px solid #e8eaf0; border-radius: 8px; background: #fcfcfe; }
.media-frame-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #616c7e; font-size: 12px; }
.media-frame-chart > svg { display: block; width: 100%; height: auto; overflow: visible; }
.media-frame-grid { stroke: #e6e9f0; stroke-width: 1; stroke-dasharray: 3 5; fill: none; }
.media-frame-chart text { fill: #697386; font: 12px 'Geist', sans-serif; }
#media-frame-line { fill: none; stroke: #8d84ae; stroke-width: 2; stroke-dasharray: 4 3; stroke-linecap: round; stroke-linejoin: round; }
.media-frame-point { fill: #9b91bd; stroke: #fcfcfe; stroke-width: 2; cursor: pointer; }
.media-frame-point.selected { fill: #6946a0; stroke: #ede7f8; stroke-width: 3; }
.frame-signal-value { margin-inline-start: auto; flex-shrink: 0; color: #626f81; font-size: 12px; font-variant-numeric: tabular-nums; }
.result-frame { flex-wrap: wrap; }
@media (max-width: 900px) {
  .result-content[data-has-media-signal="true"][data-result-modality="image"] .media-result-visual { grid-template-columns: 1fr; }
  .result-content[data-has-media-signal="true"][data-result-modality="image"] .result-image-preview { min-height: 0; height: 230px; }
  .result-content[data-has-media-signal="true"] .result-conclusion { display: flex; flex-direction: column; text-align: center; padding: 20px; gap: 16px; }
  .media-signal { max-width: 210px; }
  .media-signal-ring > span { font-size: 44px; }
  .media-signal-info summary { width: 36px; min-height: 44px; }
}
@media (max-width: 650px) { .frame-signal-value { flex-basis: 100%; margin-top: -4px; padding-inline-start: 2px; } }
@media (prefers-reduced-motion: reduce) { .media-signal-arc, .media-signal-bar > span, .media-frame-point { animation: none; transition: none; } }

/* Reference-inspired functional hierarchy. All illustrations, copy, branding and
   results remain CheckAnyAI's own; this is the real workspace, not a mock UI. */
#workspace-view { background: linear-gradient(#fff 0 480px, #f7f8fc 770px, #fff 1600px); }
#detector { max-width: 1040px; padding-top: 20px; }
#detector > .section-heading { align-items: center; margin-bottom: 22px; }
#detector .section-heading h2 { font-size: clamp(24px, 3.5vw, 32px); font-weight: 600; line-height: 1.3; letter-spacing: -.9px; }
.workspace-subtitle { margin: 9px 0 0; color: #74798b; font-size: 14px; line-height: 1.7; }
#detector > .modality-tabs { border: 1px solid #e7e8f0; border-radius: 14px; background: #eceef5; padding: 5px; gap: 5px; margin-bottom: 18px; }
#detector > .modality-tabs .modality-tab { min-height: 57px; border: 0; border-radius: 10px; gap: 9px; font-size: 14px; font-weight: 550; color: #676c80; }
#detector > .modality-tabs .modality-tab svg { width: 21px; height: 21px; }
#detector > .modality-tabs .modality-tab.active { background: linear-gradient(110deg, #7755da, #5b46c8); color: #fff; box-shadow: 0 3px 9px #6745be25; }
#detector > .modality-tabs .modality-tab.active .tab-state { color: #eeebff; }
#detector .workspace-grid { grid-template-columns: minmax(0, 1fr); border-radius: 18px; border-color: #e4e6f0; box-shadow: 0 10px 32px #2d245207; }
#detector .input-panel { padding: 28px 32px; }
#detector .input-body { padding-top: 0; }
#detector .input-topline { margin: 20px 0 13px; }
#detector .input-topline h3 { font-weight: 550; color: #34374a; font-size: 14px; }
#detector .input-topline p { font-size: 12px; }
#detector .result-panel { border-inline-start: 0; border-top: 1px solid #eaebf2; padding: 26px 32px 30px; background: #fcfcff; }
#detector .result-heading h3 { font-size: 14px; color: #34374a; font-weight: 550; }
#detector .result-empty { align-items: center; min-height: 100px; padding: 12px 8px; grid-template-columns: 42px minmax(0, 1fr); gap: 17px; }
#detector .empty-document { width: 36px; height: 40px; color: #a79bc5; }
#detector .empty-copy h4 { font-weight: 500; color: #54566e; font-size: 17px; }
#detector .empty-copy p { color: #85899a; font-size: 13px; margin-top: 5px; }
#detector textarea { min-height: 220px; border-radius: 11px; background: #fff; font-size: 15px; line-height: 1.9; padding: 18px 20px; border-color: #e3e4ef; }
#detector textarea:focus { border-color: #a28bdf; box-shadow: 0 0 0 3px #977add12; }
#detector .detect-button { min-height: 53px; padding: 13px 20px; border-radius: 10px; background: linear-gradient(110deg, #7755da, #5b46c8); box-shadow: 0 3px 8px #6c4cc116; border: 0; color: white; font-size: 15px; }
#detector .detect-button:hover:not(:disabled) { background: linear-gradient(110deg, #6f4ccf, #5140b9); transform: none; }
#detector .detect-button:disabled { color: #8a839f; background: #eceaf3; box-shadow: none; }
#detector .capability-note { margin-top: 12px; }
#detector .privacy-note { margin-top: 12px; font-size: 11px; color: #85899a; }
.text-entry-tabs { display: flex; gap: 20px; border-bottom: 1px solid #e9e9f1; margin: 0 0 12px; }
.text-entry-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 9px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #82869a; font-size: 13px; line-height: 1.6; }
.text-entry-tabs button[aria-selected="true"] { color: #6846c8; border-bottom-color: #7552d2; font-weight: 550; }
.text-entry-tabs svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.text-entry-hint { color: #85899a; font-size: 12px; line-height: 1.7; }
.text-upload-entry { padding: 12px 16px; border: 1px dashed #dbd4eb; border-radius: 9px; background: #fcfbff; margin-bottom: 12px; }
.text-upload-entry .text-import-toolbar { margin: 0; }
#detector .text-model-scope { margin: 10px 0 14px; font-size: 11px; color: #83869a; }
.example-toolbar { padding: 0 0 18px; border-bottom: 1px solid #ededf4; }
.example-toolbar-main { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.example-eyebrow { margin-inline-end: auto; font-size: 12px; color: #686d80; font-weight: 450; }
#example-text-select { width: auto; max-width: 100%; min-height: 42px; border: 1px solid #e4e0ed; background: #fff; color: #676477; border-radius: 8px; padding: 8px 24px 8px 12px; font-size: 12px; }
.example-load { display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 42px; padding: 9px 12px; color: #6d4ec2; border: 1px solid #dfd6f4; background: #f7f4fe; border-radius: 8px; font-size: 12px; font-weight: 500; }
.example-load:hover:not(:disabled) { border-color: #ad97d7; background: #f0eafb; }
.example-load svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.example-load:disabled { opacity: .6; }
.example-cancel { min-height: 42px; border: 0; background: transparent; color: #756785; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.example-note { margin: 9px 0 0; max-width: 100%; color: #85899b; font-size: 11px; line-height: 1.7; }
.example-status { margin: 10px 0 0; color: #6843b3; font-size: 12px; line-height: 1.7; }
.example-confirm { margin-top: 12px; padding: 13px 15px; border: 1px solid #ded5ed; border-radius: 10px; background: #f9f6ff; }
.example-confirm strong { color: #4b3d69; font-size: 13px; font-weight: 550; }
.example-confirm p { margin: 4px 0 10px; color: #776c88; font-size: 12px; line-height: 1.7; }
.example-confirm > div { display: flex; gap: 9px; flex-wrap: wrap; }
.example-confirm button { min-height: 42px; padding: 8px 12px; color: #654795; background: white; border: 1px solid #d8cceb; border-radius: 7px; font-size: 12px; }
#example-replace { color: #fff; border-color: #7454c6; background: #7454c6; }
.usage-guide { margin-top: 23px; padding: 22px 4px 0; color: #667085; }
.usage-guide-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 16px; }
.usage-guide-heading h3 { margin: 0; font-size: 16px; font-weight: 550; color: #43475d; letter-spacing: -.2px; }
.usage-guide-heading > span { font-size: 11px; color: #9598a8; }
.usage-guide ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.usage-guide li { display: flex; align-items: flex-start; gap: 10px; }
.usage-step { flex-shrink: 0; display: grid; place-items: center; width: 27px; height: 27px; margin-top: 1px; border: 1px solid #e5deef; border-radius: 8px; background: #f6f2fd; color: #886db7; font: 11px 'Geist Mono', monospace; }
.usage-guide h4 { margin: 0 0 4px; font-size: 12px; font-weight: 550; color: #58576c; }
.usage-guide p { margin: 0; color: #878c9e; font-size: 11px; line-height: 1.8; }
@media (max-width: 750px) {
  #detector > .section-heading { align-items: flex-start; }
  #detector .service-status { padding-top: 6px; font-size: 11px; }
  #detector .input-panel, #detector .result-panel { padding: 22px; }
  .usage-guide ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; }
  .usage-guide-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
}
@media (max-width: 500px) {
  #detector { padding-inline: 16px; padding-top: 10px; scroll-margin-top: 118px; }
  #detector > .section-heading { display: block; margin-bottom: 16px; }
  #detector .section-heading h2 { font-size: 25px; letter-spacing: -.5px; }
  #detector .service-status { margin-top: 9px; }
  .workspace-subtitle { font-size: 12px; }
  #detector > .modality-tabs .modality-tab { min-height: 51px; flex-wrap: wrap; gap: 5px; font-size: 12px; padding: 8px 5px; }
  #detector > .modality-tabs .tab-state { display: none; }
  #detector > .modality-tabs .modality-tab svg { width: 17px; height: 17px; }
  #detector .input-panel, #detector .result-panel { padding: 19px 17px; }
  #detector .input-topline { display: block; margin-top: 17px; }
  #detector .input-topline p { text-align: start; margin-top: 4px; }
  .example-eyebrow { width: 100%; }
  #example-text-select { min-width: 0; max-width: calc(100% - 105px); padding-inline-start: 9px; font-size: 11px; }
  .example-load { min-height: 44px; padding: 9px 10px; font-size: 11px; }
  .example-note { font-size: 10px; }
  #detector textarea { padding: 14px; font-size: 14px; min-height: 220px; }
  #detector .privacy-note { text-align: start; justify-content: flex-start; }
  #detector .empty-copy h4 { font-size: 15px; }
  .usage-guide ol { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .usage-guide p { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { #detector button { transition: none; } }

/* Reference v2: one visual system from the landing proposition to pricing and
   the real input workspace. Own brand, real features, no borrowed scores. */
body[data-visual-release="reference-v2"] { --violet: #7944ef; --violet-soft: #f3efff; --ink: #13131b; --secondary: #73737c; --line: #e8e8ed; background: #fff; }
body[data-visual-release="reference-v2"] .page-width { max-width: 1240px; padding-inline: 30px; }
body[data-visual-release="reference-v2"] .site-header { background: #ffffffed; border-bottom-color: #f0f0f4; }
body[data-visual-release="reference-v2"] .header-inner { min-height: 68px; gap: 22px; }
body[data-visual-release="reference-v2"] .brand { font-size: 23px; font-weight: 720; letter-spacing: -.7px; gap: 9px; }
body[data-visual-release="reference-v2"] .brand-accent { background: linear-gradient(115deg,#4f66f1,#8e35ee); color: transparent; background-clip: text; -webkit-background-clip: text; }
body[data-visual-release="reference-v2"] .brand-mark { width: 30px; height: 32px; }
body[data-visual-release="reference-v2"] .main-nav { gap: 30px; }
body[data-visual-release="reference-v2"] .nav-link { font-size: 14px; color: #55555f; }
body[data-visual-release="reference-v2"] .nav-link.active { color: #6f3ee5; }
body[data-visual-release="reference-v2"] .nav-link.active::after { display: none; }
body[data-visual-release="reference-v2"] .header-tools { gap: 18px; }
body[data-visual-release="reference-v2"] .language-control select { width: 105px; font-size: 13px; }
body[data-visual-release="reference-v2"] .primary-button { border: 0; border-radius: 11px; background: linear-gradient(110deg,#5968f2,#8b36ed); color: #fff; box-shadow: 0 4px 12px #7e45df16; font-weight: 550; }
body[data-visual-release="reference-v2"] .primary-button:hover { background: linear-gradient(110deg,#4e5dde,#7c2ed9); color: #fff; border: 0; }
body[data-visual-release="reference-v2"] .header-action { min-height: 42px; padding: 10px 18px; font-size: 13px; }
body[data-visual-release="reference-v2"] #workspace-view { background: #fff; }
.reference-landing { display: flex; flex-direction: column; gap: 0; padding-top: 63px; padding-bottom: 76px; }
.reference-hero { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0; text-align: center; }
.reference-hero .eyebrow { display: inline-flex; justify-content: center; gap: 7px; margin: 0 auto 27px; padding: 7px 15px; color: #7949dc; background: #f3effd; border: 1px solid #ede7fa; border-radius: 24px; font-size: 12px; line-height: 1.7; letter-spacing: 0; }
.reference-hero .eyebrow-dot { width: 13px; height: 13px; background: none; position: relative; }
.reference-hero .eyebrow-dot::before, .reference-hero .eyebrow-dot::after { content: ''; position: absolute; background: #8b57df; border-radius: 2px; inset: 1px 5px; transform: rotate(25deg); }
.reference-hero .eyebrow-dot::after { transform: rotate(115deg); }
.reference-hero h1 { font-size: clamp(44px,5.1vw,66px); line-height: 1.16; font-weight: 750; letter-spacing: -2.4px; text-wrap: balance; overflow-wrap: normal; }
.reference-hero h1 > span { display: inline; }
.reference-hero h1 > span + span { margin-inline-start: .15em; }
.reference-hero .accent-text { color: #7746ed; background: linear-gradient(110deg,#4b74f0 4%,#7837ea 60%,#9522ea); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.reference-hero .hero-description { max-width: 760px; margin: 25px auto 0; color: #808088; font-size: 18px; line-height: 1.8; text-wrap: balance; }
.reference-hero .hero-actions { justify-content: center; gap: 16px; margin-top: 30px; }
.reference-hero .hero-actions .primary-button { min-height: 52px; padding: 13px 28px; font-size: 16px; }
.reference-hero .text-button { min-height: 52px; padding: 12px 25px; border: 1px solid #dedee4; border-radius: 11px; color: #54545e; background: #fff; font-size: 16px; font-weight: 500; box-shadow: 0 1px 2px #15152104; }
.reference-hero .text-button svg { display: none; }
.reference-hero .hero-benefits { justify-content: center; gap: 16px 26px; margin-top: 23px; color: #93939a; font-size: 12px; }
.reference-hero .hero-benefits svg { width: 16px; height: 16px; stroke: #76b982; stroke-width: 1.6; }
.reference-product-window { width: 100%; max-width: 1080px; margin-top: 47px; border: 1px solid #e3dff0; border-radius: 16px; background: linear-gradient(140deg,#f7f6fd,#f0f3ff); box-shadow: 0 20px 50px #33336813,0 2px 8px #33336808; }
.reference-product-window .demo-heading { padding: 17px 27px; border-bottom: 1px solid #e7e5f1; background: #ffffffb8; justify-content: flex-start; gap: 17px; }
.window-dots { display: flex; align-items: center; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d8cfe9; }
.window-dots i:nth-child(2) { background: #ddd9eb; }.window-dots i:nth-child(3) { background: #c4c2e7; }
.reference-product-window .demo-heading > div { display: flex; align-items: center; gap: 14px; }
.reference-product-window .demo-heading p { margin: 0; font-size: 11px; color: #8a809b; }
.reference-product-window .demo-heading h2 { font-size: 13px; font-weight: 500; color: #5a526a; letter-spacing: 0; }
.reference-product-window .demo-live-dot { margin-inline-start: auto; }
.reference-product-window .demo-tabs { display: flex; justify-content: center; gap: 3px; border: 1px solid #e6e0f0; border-radius: 10px; background: #f6f4fb; max-width: 390px; margin: 24px auto 0; padding: 4px; }
.reference-product-window .demo-tabs button { flex: 1; border: 0; border-radius: 7px; min-height: 38px; padding: 8px 16px; font-size: 12px; }
.reference-product-window .demo-tabs button[aria-selected="true"] { color: #7451c9; background: white; box-shadow: 0 2px 5px #4535710d; border: 0; }
.reference-product-window .demo-scenes { max-width: 870px; padding: 22px 26px 0; margin: auto; }
.reference-product-window .demo-document { min-height: 230px; background: #fff; border: 1px solid #e3dfed; border-radius: 11px; padding: 22px 29px; box-shadow: 0 6px 14px #35245905; }
.reference-product-window .demo-file-label { margin-bottom: 17px; color: #9a92a4; font-size: 11px; }
.reference-product-window .demo-passages p { font-size: 16px; padding: 6px 8px; line-height: 1.8; }
.reference-product-window .demo-scene-note { font-size: 11px; color: #92879f; min-height: auto; margin: 13px 0 0; }
.reference-product-window .demo-controls { max-width: 870px; margin: auto; padding: 18px 26px 20px; }
.reference-product-window .demo-disclaimer { justify-content: center; background: #ffffff8c; color: #92869e; border-top-color: #e9e2f0; font-size: 11px; padding: 10px 24px; }
body[data-visual-release="reference-v2"] #detector { max-width: 1010px; padding-top: 45px; padding-bottom: 70px; }
body[data-visual-release="reference-v2"] #detector > .section-heading { margin-bottom: 25px; }
body[data-visual-release="reference-v2"] #detector .section-heading h2 { font-size: 31px; font-weight: 700; }
body[data-visual-release="reference-v2"] #detector > .modality-tabs { display: flex; gap: 9px; border: 0; background: transparent; padding: 0; margin-bottom: 22px; border-radius: 0; }
body[data-visual-release="reference-v2"] #detector > .modality-tabs .modality-tab { min-height: 46px; min-width: 142px; padding: 11px 18px; gap: 8px; border: 1px solid #e2e2e9; background: #fff; color: #72727a; border-radius: 11px; font-size: 14px; box-shadow: 0 1px 3px #33334a04; }
body[data-visual-release="reference-v2"] #detector > .modality-tabs .modality-tab.active { background: linear-gradient(110deg,#5968f2,#8b36ed); color: #fff; border-color: transparent; box-shadow: 0 4px 12px #7945dd21; }
body[data-visual-release="reference-v2"] #detector > .modality-tabs .tab-state { display: none; }
body[data-visual-release="reference-v2"] #detector .workspace-grid { border-color: #ebebf0; border-radius: 16px; box-shadow: 0 5px 18px #20203e08; }
body[data-visual-release="reference-v2"] #detector .input-panel { padding: 24px; }
body[data-visual-release="reference-v2"] .example-toolbar { border-bottom: 0; padding-bottom: 0; margin-bottom: 17px; }
body[data-visual-release="reference-v2"] .example-toolbar-main { justify-content: flex-end; gap: 7px; }
body[data-visual-release="reference-v2"] .example-eyebrow { margin-inline-end: auto; color: #8a8796; font-size: 11px; }
body[data-visual-release="reference-v2"] .example-note { margin-top: 5px; color: #96909f; font-size: 10px; }
body[data-visual-release="reference-v2"] #detector .input-topline { display: none; }
body[data-visual-release="reference-v2"] .text-entry-tabs { display: inline-flex; border: 0; background: #f3f3f5; border-radius: 9px; padding: 4px; margin-bottom: 12px; gap: 3px; }
body[data-visual-release="reference-v2"] .text-entry-tabs button { border: 0; border-radius: 6px; min-height: 34px; padding: 7px 14px; color: #8d8c94; font-size: 12px; }
body[data-visual-release="reference-v2"] .text-entry-tabs button[aria-selected="true"] { color: #54525c; background: white; box-shadow: 0 1px 4px #2c244411; }
body[data-visual-release="reference-v2"] .text-entry-hint { display: none; }
body[data-visual-release="reference-v2"] #detector .text-model-scope { margin: 1px 0 12px; color: #96919f; font-size: 10px; }
body[data-visual-release="reference-v2"] #detector .detect-button { background: linear-gradient(110deg,#5968f2,#8b36ed); font-size: 15px; border-radius: 10px; }
body[data-visual-release="reference-v2"] #detector .detect-button:hover:not(:disabled) { background: linear-gradient(110deg,#4e5dde,#7c2ed9); }
body[data-visual-release="reference-v2"] #detector .usage-guide { border-top: 1px solid #efedf4; padding-top: 20px; margin-top: 22px; }
body[data-visual-release="reference-v2"] .features-section { padding-block: 76px; border-top: 1px solid #f0eef4; background: #faf9fd; }
body[data-visual-release="reference-v2"] .features-heading { text-align: center; margin-bottom: 36px; }
body[data-visual-release="reference-v2"] .features-heading h2 { font-size: 33px; font-weight: 700; }
body[data-visual-release="reference-v2"] .features-heading .section-kicker { color: #8c6bd2; }
.reference-feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; border: 0; }
.reference-feature-grid article { display: block; min-width: 0; border: 1px solid #eeeaf5; border-radius: 14px; padding: 25px 22px 28px; background: white; box-shadow: 0 2px 7px #35245803; }
.reference-feature-grid .feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 18px; color: #8754dd; border-radius: 10px; background: #f4effd; }
.reference-feature-grid .feature-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.reference-feature-grid .feature-copy { grid-column: auto; }
.reference-feature-grid h3 { margin: 0 0 10px; font-size: 16px; font-weight: 650; line-height: 1.5; }
.reference-feature-grid p { margin: 0; color: #8a8692; font-size: 13px; line-height: 1.8; }
body[data-visual-release="reference-v2"] .bottom-cta { display: block; text-align: center; padding-top: 74px; padding-bottom: 75px; }
body[data-visual-release="reference-v2"] .bottom-cta h2 { font-size: 33px; font-weight: 700; }
body[data-visual-release="reference-v2"] .bottom-cta p { margin-top: 12px; color: #93909a; font-size: 15px; }
body[data-visual-release="reference-v2"] .bottom-cta .primary-button { margin-top: 25px; padding: 12px 25px; }
body[data-visual-release="reference-v2"] .pricing-view { max-width: 1240px; padding-top: 66px; padding-bottom: 65px; background: #fff; }
.reference-pricing-intro { max-width: 900px; text-align: center; margin: 0 auto 51px; }
.reference-pricing-intro .eyebrow { justify-content: center; margin-bottom: 15px; color: #8a67d1; font-size: 12px; }
.reference-pricing-intro .eyebrow-dot { display: none; }
.reference-pricing-intro h1 { font-size: 43px; font-weight: 730; letter-spacing: -1.4px; line-height: 1.35; margin-bottom: 18px; }
.reference-pricing-intro > p:last-child { font-size: 16px; color: #8e8b97; }
.reference-pricing-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 19px; align-items: stretch; }
.reference-pricing-grid .pricing-card { display: flex; flex-direction: column; padding: 24px 22px; border: 1px solid #e8e5ef; border-radius: 15px; background: #fff; min-width: 0; box-shadow: 0 3px 12px #33275104; }
.reference-pricing-grid .beta-plan { border-color: #b89aef; background: linear-gradient(165deg,#fcfaff,#fff 55%); box-shadow: 0 9px 26px #7c45d512; }
.reference-pricing-grid .beta-plan::before { display: none; }
.reference-pricing-grid .plan-top { margin-bottom: 16px; gap: 8px; }
.reference-pricing-grid .plan-tag { border: 0; border-radius: 6px; padding: 3px 8px; font-size: 12px; color: #8c59db; background: #f0e7fd; }
.reference-pricing-grid .muted-tag { color: #96909e; background: #f4f3f6; }
.plan-symbol { color: #b0a2c4; font-size: 19px; line-height: 1; }
.reference-pricing-grid h2 { font-size: 22px; line-height: 1.4; font-weight: 680; margin: 0 0 10px; }
.reference-pricing-grid .plan-description { color: #77717f; font-size: 13px; line-height: 1.7; min-height: 42px; margin: 0 0 24px; }
.reference-pricing-grid .plan-price { display: block; min-height: 53px; margin: 0; font-size: 37px; font-weight: 700; line-height: 1.35; letter-spacing: -1.1px; }
.reference-pricing-grid .planned-price { color: #a5a0ac; font-size: 24px; font-weight: 500; padding-top: 8px; letter-spacing: -.5px; }
.reference-pricing-grid .plan-annotation { min-height: 18px; margin: 4px 0 23px; color: #7f758c; font-size: 12px; }
.reference-pricing-grid .primary-button { justify-content: center; gap: 9px; min-height: 44px; width: 100%; padding: 10px 7px; font-size: 13px; border-radius: 8px; }
.reference-pricing-grid .primary-button svg { width: 15px; height: 15px; }
.reference-pricing-grid .planned-button { display: flex; justify-content: center; align-items: center; min-height: 44px; width: 100%; padding: 10px 7px; border: 1px solid #e9e6ef; background: #f7f6f9; color: #aaa4b2; border-radius: 8px; font-size: 13px; line-height: 1.5; cursor: not-allowed; }
.reference-pricing-grid .plan-features { margin: 23px 0 22px; font-size: 13px; line-height: 1.7; flex: 1; }
.reference-pricing-grid .plan-features li { margin: 10px 0; gap: 7px; }
.reference-pricing-grid .plan-features li::before { content: '✓'; color: #8bbb9c; }
.reference-pricing-grid .planned-features li::before { content: '·'; color: #b4abbf; }
.reference-pricing-grid .plan-footnote { min-height: 60px; color: #81778e; padding-top: 14px; border-top-color: #eeebf3; font-size: 12px; line-height: 1.8; }
.reference-pricing-note { display: flex; align-items: flex-start; justify-content: center; gap: 13px; max-width: 780px; margin: 31px auto 0; padding: 22px 25px; border: 1px solid #efebf7; border-radius: 12px; background: #fbf9fe; }
.pricing-note-symbol { color: #a18bc9; padding-top: 3px; }
.pricing-note-symbol svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
.reference-pricing-note h2 { margin: 0 0 6px; font-size: 14px; font-weight: 550; }
.reference-pricing-note p { margin: 0; color: #82758f; font-size: 12px; line-height: 1.8; }
.reference-pricing-note .text-button { font-size: 12px; min-height: 28px; gap: 6px; color: #8a6db8; }
.reference-pricing-note .text-button svg { width: 13px; height: 13px; }
.reference-pricing-note .pricing-demo-disclaimer { color: #8c809a; font-size: 12px; }
body[data-visual-release="reference-v2"] .faq-section { display: block; max-width: 800px; margin: 73px auto 0; padding-top: 0; border-top: 0; }
body[data-visual-release="reference-v2"] .faq-section > div:first-child { text-align: center; margin-bottom: 24px; }
body[data-visual-release="reference-v2"] .faq-section h2 { font-size: 27px; font-weight: 650; }
body[data-visual-release="reference-v2"] .faq-section .section-kicker { font-size: 11px; color: #9b87b8; }
body[data-visual-release="reference-v2"] .faq-list { border-top: 1px solid #edeaf1; }
body[data-visual-release="reference-v2"] .faq-list details { padding-block: 16px; border-bottom-color: #edeaf1; }
body[data-visual-release="reference-v2"] .faq-list summary { font-size: 13px; color: #6f687c; font-weight: 500; }
body[data-visual-release="reference-v2"] .faq-list p { font-size: 12px; color: #9a91a6; }
body[data-visual-release="reference-v2"] .site-footer { padding-block: 30px; border-top-color: #f0edf5; }
body[data-visual-release="reference-v2"] .footer-brand { font-size: 17px; }
body[data-visual-release="reference-v2"] .footer-brand span { color: #aaa3b2; font-size: 11px; }
body[data-visual-release="reference-v2"] .footer-right { font-size: 10px; color: #aaa3b2; }
@media (max-width:1050px) {
 body[data-visual-release="reference-v2"] .page-width { padding-inline: 25px; }
 body[data-visual-release="reference-v2"] .main-nav { gap: 17px; }
 .reference-pricing-grid { gap: 14px; }
 .reference-pricing-grid .pricing-card { padding: 21px 17px; }
 .reference-pricing-grid h2 { font-size: 20px; }
 .reference-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:800px) {
 body[data-visual-release="reference-v2"] .header-inner { gap: 15px; flex-wrap: wrap; }
 body[data-visual-release="reference-v2"] .main-nav { gap: 22px; }
 body[data-visual-release="reference-v2"] .brand { font-size: 20px; }
 body[data-visual-release="reference-v2"] .header-tools { gap: 9px; }
 body[data-visual-release="reference-v2"] .language-control select { width: 92px; font-size: 11px; }
 .reference-hero h1 { font-size: 49px; letter-spacing: -1.5px; }
 .reference-hero .hero-description { font-size: 16px; }
 .reference-pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
 .reference-product-window .demo-heading > div { display: block; }
 .reference-product-window .demo-heading h2 { margin-top: 3px; }
}
@media (max-width:600px) {
 body[data-visual-release="reference-v2"] .page-width { padding-inline: 19px; }
 body[data-visual-release="reference-v2"] .header-inner { min-height: 63px; row-gap: 0; padding-top: 9px; }
 body[data-visual-release="reference-v2"] .brand { font-size: 20px; }
 body[data-visual-release="reference-v2"] .brand-mark { width: 25px; height: 27px; }
 body[data-visual-release="reference-v2"] .main-nav { order: 3; width: 100%; justify-content: center; gap: 35px; min-height: 45px; }
 body[data-visual-release="reference-v2"] .nav-link { min-height: 45px; font-size: 12px; }
 body[data-visual-release="reference-v2"] .header-tools { margin-inline-start: auto; }
 body[data-visual-release="reference-v2"] .header-action { display: none; }
 body[data-visual-release="reference-v2"] .language-control select { width: 103px; min-height: 44px; font-size: 12px; }
 .reference-landing { padding-top: 43px; padding-bottom: 45px; }
 .reference-hero .eyebrow { margin-bottom: 23px; font-size: 10px; padding: 5px 10px; }
 .reference-hero h1 { font-size: 39px; line-height: 1.25; font-weight: 720; letter-spacing: -1px; }
 .reference-hero h1 > span { display: block; }
 .reference-hero h1 > span + span { margin-inline-start: 0; margin-top: 3px; }
 .reference-hero .hero-description { margin-top: 20px; font-size: 14px; line-height: 1.9; }
 .reference-hero .hero-actions { margin-top: 23px; gap: 10px; }
 .reference-hero .hero-actions .primary-button,.reference-hero .text-button { min-height: 46px; font-size: 13px; padding: 11px 18px; }
 .reference-hero .hero-benefits { gap: 8px 14px; font-size: 10px; margin-top: 20px; }
 .reference-hero .hero-benefits svg { width: 13px; height: 13px; }
 .reference-product-window { margin-top: 33px; border-radius: 12px; }
 .reference-product-window .demo-heading { padding: 13px 16px; gap: 10px; }
 .reference-product-window .demo-heading p { font-size: 9px; }.reference-product-window .demo-heading h2 { font-size: 11px; }
 .window-dots { gap: 4px; }.window-dots i { width: 6px; height: 6px; }
 .reference-product-window .demo-tabs { margin: 16px 16px 0; max-width: none; padding: 3px; }
 .reference-product-window .demo-tabs button { font-size: 11px; min-height: 35px; padding: 7px 8px; }
 .reference-product-window .demo-scenes { padding: 16px 15px 0; }
 .reference-product-window .demo-document { min-height: 245px; padding: 17px 15px; }
 .reference-product-window .demo-passages p { font-size: 13px; line-height: 1.8; padding: 6px 3px; }
 .reference-product-window .demo-scene-note { font-size: 10px; }
 .reference-product-window .demo-controls { padding: 15px; gap: 13px; }
 .reference-product-window .demo-disclaimer { font-size: 10px; padding: 10px 15px; }
 body[data-visual-release="reference-v2"] #detector { padding-top: 21px; padding-bottom: 42px; }
 body[data-visual-release="reference-v2"] #detector .section-heading h2 { font-size: 26px; }
 body[data-visual-release="reference-v2"] #detector > .modality-tabs { gap: 6px; }
 body[data-visual-release="reference-v2"] #detector > .modality-tabs .modality-tab { flex: 1; min-width: 0; min-height: 44px; padding: 9px 6px; font-size: 12px; gap: 5px; }
 body[data-visual-release="reference-v2"] #detector .input-panel { padding: 19px 16px; }
 body[data-visual-release="reference-v2"] #detector .result-panel { padding: 20px 16px; }
 body[data-visual-release="reference-v2"] .example-eyebrow { width: auto; font-size: 10px; margin-inline-end: auto; }
 body[data-visual-release="reference-v2"] #example-text-select { min-height: 44px; padding-inline-start: 8px; max-width: calc(100% - 91px); font-size: 10px; }
 body[data-visual-release="reference-v2"] .example-load { min-height: 44px; font-size: 11px; padding: 8px; }
 body[data-visual-release="reference-v2"] .example-note { font-size: 11px; }
 body[data-visual-release="reference-v2"] .features-section { padding-block: 43px; }
 body[data-visual-release="reference-v2"] .features-heading { margin-bottom: 24px; }
 body[data-visual-release="reference-v2"] .features-heading h2 { font-size: 26px; }
 .reference-feature-grid { gap: 12px; }
 .reference-feature-grid article { padding: 19px 15px; }.reference-feature-grid h3 { font-size: 14px; }.reference-feature-grid p { font-size: 12px; }
 .reference-feature-grid .feature-icon { width: 36px; height: 36px; margin-bottom: 14px; }
 body[data-visual-release="reference-v2"] .bottom-cta { padding-top: 43px; padding-bottom: 45px; }
 body[data-visual-release="reference-v2"] .bottom-cta h2 { font-size: 26px; }
 body[data-visual-release="reference-v2"] .pricing-view { padding-top: 39px; padding-bottom: 40px; }
 .reference-pricing-intro { margin-bottom: 30px; }
 .reference-pricing-intro h1 { font-size: 31px; letter-spacing: -.8px; }
 .reference-pricing-intro > p:last-child { font-size: 13px; line-height: 1.9; }
 .reference-pricing-grid { grid-template-columns: minmax(0,1fr); gap: 16px; max-width: 430px; margin-inline: auto; }
 .reference-pricing-grid .pricing-card { padding: 24px; border-radius: 14px; }
 .reference-pricing-grid h2 { font-size: 23px; }
 .reference-pricing-grid .plan-description { font-size: 14px; min-height: 0; margin-bottom: 20px; }
 .reference-pricing-grid .plan-price { font-size: 29px; min-height: 43px; }
 .reference-pricing-grid .planned-price { font-size: 20px; }
 .reference-pricing-grid .plan-annotation { font-size: 12px; margin-bottom: 20px; }
 .reference-pricing-grid .plan-features { font-size: 14px; margin-block: 20px; }
 .reference-pricing-grid .plan-footnote { font-size: 12px; min-height: 0; }
 .reference-pricing-grid .primary-button,.reference-pricing-grid .planned-button { font-size: 14px; min-height: 46px; }
 .reference-pricing-grid .primary-button svg { display: none; }
 .reference-pricing-note { padding: 18px 16px; gap: 9px; margin-top: 23px; }
 .reference-pricing-note p { font-size: 12px; }
 body[data-visual-release="reference-v2"] .faq-section { margin-top: 43px; }
}
@media (max-width:370px) { .reference-pricing-grid,.reference-feature-grid { grid-template-columns: minmax(0,1fr); } .reference-pricing-grid .plan-description { min-height: 0; } body[data-visual-release="reference-v2"] .main-nav { gap: 25px; } }
@media (prefers-reduced-motion:reduce) { body[data-visual-release="reference-v2"] * { scroll-behavior: auto; } }
/* One anchor offset, not scroll-padding + scroll-margin stacked together. */
html { scroll-padding-top: 0; }
body[data-visual-release="reference-v2"] #detector { scroll-margin-top: 72px; padding-top: 24px; }
body[data-visual-release="reference-v2"] #features { scroll-margin-top: 24px; }
body[data-visual-release="reference-v2"] #examples { scroll-margin-top: 94px; }
@media (max-width:600px) {
 body[data-visual-release="reference-v2"] #detector { scroll-margin-top: 112px; padding-top: 21px; }
 body[data-visual-release="reference-v2"] #features { scroll-margin-top: 90px; }
 body[data-visual-release="reference-v2"] #examples { scroll-margin-top: 130px; }
}
/* Pricing uses the reference's compact grouped comparison, not four large
   marketing columns. The three future options remain visibly unavailable. */
body[data-visual-release="reference-v2"] .pricing-view { max-width: 1024px; padding-top: 49px; }
.reference-pricing-intro { margin-bottom: 34px; }
.reference-pricing-intro .eyebrow { display: none; }
.reference-pricing-intro h1 { font-size: 32px; line-height: 1.3; margin-bottom: 13px; font-weight: 700; letter-spacing: -.7px; }
.reference-pricing-intro > p:last-child { max-width: 700px; margin-inline: auto; font-size: 14px; line-height: 1.8; }
.reference-plan-group { padding: 24px; border: 1px solid #efedf2; border-radius: 16px; background: #fff; box-shadow: 0 5px 19px #30294e0c; }
.plan-group-heading { display: flex; align-items: flex-start; gap: 11px; margin: 0 0 25px; }
.plan-group-heading > span { display: grid; place-items: center; width: 35px; height: 35px; padding: 7px; border-radius: 9px; background: #f2eaff; color: #9159e6; }
.plan-group-heading svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.plan-group-heading h2 { margin: 0 0 6px; font-size: 20px; font-weight: 700; line-height: 1.35; }
.plan-group-heading p { margin: 0; color: #8c829a; font-size: 13px; line-height: 1.6; }
.reference-pricing-grid { gap: 16px; }
.reference-pricing-grid .pricing-card { min-height: 290px; padding: 22px; border-radius: 14px; box-shadow: 0 2px 6px #25253805; }
.reference-pricing-grid .beta-plan { border-color: #c7e6cf; background: #f8fcf9; box-shadow: none; }
.reference-pricing-grid .beta-plan .plan-tag { color: #579369; background: #e9f6ed; }
.reference-pricing-grid .plan-top { min-height: 22px; margin-bottom: 16px; }
.reference-pricing-grid .plan-symbol { display: none; }
.reference-pricing-grid .plan-tag { font-size: 10px; padding: 2px 7px; }
.reference-pricing-grid h2 { font-size: 20px; line-height: 1.4; margin-bottom: 23px; }
.reference-pricing-grid .plan-price { font-size: 32px; min-height: 44px; line-height: 1.35; }
.reference-pricing-grid .planned-price { padding-top: 6px; font-size: 23px; }
.reference-pricing-grid .plan-annotation { min-height: 18px; font-size: 12px; margin: 5px 0 24px; }
.reference-pricing-grid .primary-button,.reference-pricing-grid .planned-button { margin-top: auto; min-height: 44px; font-size: 12px; padding-inline: 7px; }
.reference-pricing-note { max-width: 760px; margin-top: 24px; border: 0; padding: 12px 16px; background: transparent; }
@media (max-width:800px) { .reference-pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .reference-pricing-grid .pricing-card { min-height: 276px; } }
@media (max-width:600px) {
 body[data-visual-release="reference-v2"] .pricing-view { padding-top: 35px; }
 .reference-pricing-intro { margin-bottom: 25px; }
 .reference-pricing-intro h1 { font-size: 29px; }
 .reference-pricing-intro > p:last-child { font-size: 14px; }
 .reference-plan-group { padding: 18px; border-radius: 14px; }
 .plan-group-heading { gap: 9px; margin-bottom: 20px; }.plan-group-heading h2 { font-size: 18px; }.plan-group-heading p { font-size: 12px; }
 .reference-pricing-grid { grid-template-columns: minmax(0,1fr); gap: 15px; }
 .reference-pricing-grid .pricing-card { padding: 24px; min-height: 285px; }
 .reference-pricing-grid h2 { font-size: 22px; }.reference-pricing-grid .plan-tag { font-size: 12px; }
 .reference-pricing-grid .primary-button,.reference-pricing-grid .planned-button { min-height: 46px; font-size: 14px; }
 .reference-pricing-grid .plan-annotation { font-size: 12px; }
}

/* Rewrite is a writing task, not another detection verdict. */
.rewrite-task-switch { display:flex; gap:4px; padding:4px; margin:18px 0 8px; width:fit-content; max-width:100%; border:1px solid #e8e6ef; border-radius:11px; background:#f5f4f8; }
.rewrite-task-switch button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:8px 17px; border:0; border-radius:8px; background:transparent; color:#747083; font:inherit; font-size:13px; font-weight:550; }
.rewrite-task-switch button.active { color:#5f35ce; background:#fff; box-shadow:0 2px 6px #29203c0c; }
.rewrite-task-switch svg, .rewrite-input-actions svg, .rewrite-result-toolbar svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.rewrite-input-actions { margin:15px 0 0; }
.rewrite-input-actions > p { margin:0 0 13px; color:#85808e; font-size:11px; line-height:1.7; }
.rewrite-input-actions .primary-button { min-height:48px; width:100%; justify-content:center; gap:11px; border:0; border-radius:9px; background:#6d3bea; color:#fff; box-shadow:0 4px 10px #6d3bea17; font:inherit; font-size:14px; font-weight:550; }
#detector[data-text-task="rewrite"] .workspace-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; }
#detector[data-text-task="rewrite"] .input-panel { padding:25px 27px; }
#detector[data-text-task="rewrite"] .result-panel { padding:27px; border-top:0; border-inline-start:1px solid #eae8f0; background:#fff; }
#detector[data-text-task="rewrite"] .result-heading,
#detector[data-text-task="rewrite"] #result-empty,
#detector[data-text-task="rewrite"] #result-loading,
#detector[data-text-task="rewrite"] #result-content > :not(#review-workflow),
#detector[data-text-task="rewrite"] .review-panel-tabs,
#detector[data-text-task="rewrite"] #review-progress,
#detector[data-text-task="rewrite"] #review-editor-hint { display:none !important; }
#detector[data-text-task="rewrite"] .review-workflow { margin:0; border:0; }
#detector[data-text-task="rewrite"] #text-input { min-height:290px; }
#detector[data-text-task="rewrite"] .example-toolbar { padding:0 0 14px; border:0; border-bottom:1px solid #f0edf5; background:transparent; }
#detector[data-text-task="rewrite"] .example-toolbar-main { gap:7px; }
#detector[data-text-task="rewrite"] .example-eyebrow { display:none; }
#detector[data-text-task="rewrite"] .example-note { font-size:10px; }
.rewrite-output-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin:0 0 19px; }
.rewrite-output-heading > div { min-width:0; }
.rewrite-eyebrow { display:block; margin-bottom:7px; color:#9a91ab; font-size:9px; font-weight:600; letter-spacing:1.1px; line-height:1.6; }
.rewrite-output-heading h3 { margin:0; color:#24202e; font-size:19px; font-weight:650; letter-spacing:-.45px; }
.rewrite-back { flex-shrink:0; min-height:36px; padding:7px 0 7px 8px; border:0; background:transparent; color:#8a8297; font:inherit; font-size:11px; }
.rewrite-back:hover { color:#6d3bea; }
.rewrite-style-row { display:flex; flex-wrap:wrap; gap:4px; padding:5px; margin:0 0 12px; border:1px solid #eae7f1; border-radius:10px; background:#f8f7fb; }
.rewrite-style-row button { flex:1 1 auto; min-width:0; min-height:36px; padding:8px; border:0; border-radius:7px; background:transparent; color:#80778d; font:inherit; font-size:11px; line-height:1.5; }
.rewrite-style-row button.active { color:#6735d0; background:#fff; box-shadow:0 1px 5px #251e3810; font-weight:600; }
.rewrite-style-row button:disabled { opacity:.55; cursor:wait; }
.rewrite-run-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; margin:0 0 14px; }
.rewrite-run-actions .review-generate { width:auto; min-height:38px; min-width:110px; padding:7px 12px; border:1px solid #e3dcef; border-radius:7px; background:#fff; color:#6941ad; font-size:12px; }
.rewrite-cancel { min-height:38px; padding:7px 9px; border:0; background:transparent; color:#877b91; font:inherit; font-size:12px; }
.rewrite-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:245px; padding:30px 17px; border:1px dashed #e8e3ef; border-radius:11px; background:#fdfcfe; text-align:center; }
.rewrite-empty > svg { width:31px; height:31px; padding:9px; box-sizing:content-box; margin-bottom:14px; border:1px solid #eae3f7; border-radius:13px; color:#9b83c6; background:#f5f0fd; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.rewrite-empty h4 { margin:0; color:#736781; font-size:15px; font-weight:500; line-height:1.8; }
.rewrite-empty p { margin:9px 0 0; max-width:270px; color:#a098ac; font-size:11px; line-height:1.8; }
.rewrite-result-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:0 0 11px; margin-bottom:16px; border-bottom:1px solid #f0edf5; }
.rewrite-result-toolbar .review-passage-label { margin:0; color:#83768e; font-size:10px; }
.rewrite-result-toolbar > div { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.rewrite-result-toolbar button { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:7px 9px; border:0; border-radius:6px; color:#746584; background:transparent; font:inherit; font-size:11px; }
.rewrite-result-toolbar button:hover:not(:disabled) { color:#6538be; background:#f6f1fd; }
.rewrite-result-toolbar button:disabled { color:#b6adbf; cursor:not-allowed; }
.rewrite-result-text { min-height:180px; margin:0; padding:0 1px 18px; color:#30273c; font-size:16px; line-height:1.95; white-space:pre-wrap; overflow-wrap:anywhere; }
#detector[data-text-task="rewrite"] .review-checks { margin:0 0 14px; color:#96909f; font-size:10px; line-height:1.75; }
#detector[data-text-task="rewrite"] .review-checks.warning { color:#a46134; padding:10px 12px; border:1px solid #f1dfc9; border-radius:7px; background:#fffaf2; font-size:11px; }
#detector[data-text-task="rewrite"] .review-accept-actions { padding-top:13px; border-top:1px solid #eeeaf4; }
#detector[data-text-task="rewrite"] .review-accept-actions .primary-button { background:#6b3cdd; border:0; color:#fff; box-shadow:none; border-radius:8px; font-size:12px; }
#detector[data-text-task="rewrite"] .review-accept-actions .secondary-button { border:1px solid #e8e2ef; background:#fff; color:#8b7a9a; border-radius:8px; font-size:12px; }
#detector[data-text-task="rewrite"] .review-accept-actions button:disabled { background:#f0edf4; color:#b0a7bb; }
#detector[data-text-task="rewrite"] .review-accept-note { font-size:10px; color:#a198aa; }
#detector[data-text-task="rewrite"] .review-diff-details { margin:12px 0 0; padding-top:1px; color:#9b8caa; font-size:11px; }
.rewrite-source-details { margin:17px 0 0; padding-top:4px; border-top:1px solid #efecf4; color:#91849f; font-size:11px; }
.rewrite-source-details > summary { min-height:40px; padding:12px 0; cursor:pointer; }
.rewrite-source-details .review-passage { margin:4px 0 9px; }
.rewrite-source-details .review-selection-reason { color:#a096ac; font-size:10px; }
.rewrite-source-details .review-passage blockquote { font-size:12px; line-height:1.85; border-color:#ece8f2; background:#fbfaff; color:#83768e; }
#detector[data-text-task="rewrite"] .review-advanced { margin:4px 0 0; font-size:11px; color:#9a8ba8; }
#detector[data-text-task="rewrite"] .review-advanced > summary { min-height:40px; padding-block:11px; }
#detector[data-text-task="rewrite"] .review-options { grid-template-columns:1fr; margin:2px 0 8px; }
.rewrite-feedback { margin:0 0 13px; padding:10px 12px; border:1px solid #e8dff6; border-radius:7px; color:#8265a4; background:#fcf9ff; font-size:11px; line-height:1.8; }
#detector[data-text-task="rewrite"] .review-suggestion-status { color:#9b623b; padding:11px 13px; border:1px solid #f0e2cd; border-radius:8px; background:#fffaf3; font-size:12px; }
#detector[data-text-task="rewrite"] .review-suggestion-status.pending { display:flex; align-items:center; gap:11px; min-height:190px; justify-content:center; color:#806298; background:#fbf8ff; border-color:#e9e0f5; }
#detector[data-text-task="rewrite"] .review-suggestion-status.pending::before { content:''; width:18px; height:18px; flex:0 0 18px; border:2px solid #e5d9f5; border-top-color:#9565d3; border-radius:50%; animation:rewrite-wait 1s linear infinite; }
@keyframes rewrite-wait { to { transform:rotate(360deg); } }
@media(max-width:900px) { #detector[data-text-task="rewrite"] .workspace-grid { grid-template-columns:minmax(0,1fr); } #detector[data-text-task="rewrite"] .result-panel { border-inline-start:0; border-top:1px solid #eae8f0; } }
@media(max-width:600px) { #detector[data-text-task="rewrite"] .input-panel, #detector[data-text-task="rewrite"] .result-panel { padding:20px 17px; } .rewrite-task-switch { width:100%; } .rewrite-task-switch button { flex:1; min-height:44px; } .rewrite-style-row button { flex:1 1 40%; min-height:40px; } .rewrite-output-heading h3 { font-size:18px; } .rewrite-result-text { min-height:150px; font-size:15px; } .rewrite-result-toolbar button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { #detector[data-text-task="rewrite"] .review-suggestion-status.pending::before { animation:none; } }
/* A writing canvas stays focused on the source, not detection setup. */
#detector[data-text-task="rewrite"] .text-entry-tabs,
#detector[data-text-task="rewrite"] .review-editor-tabs,
#detector[data-text-task="rewrite"] #text-model-scope,
#detector[data-text-task="rewrite"] #text-report-expired,
#detector[data-text-task="rewrite"] .capability-note,
#detector[data-text-task="rewrite"] .example-note { display:none !important; }
#detector[data-text-task="rewrite"] .review-editor-tools { justify-content:flex-end; margin:5px 0 7px; }
#detector[data-text-task="rewrite"] .review-editor-actions { flex:none; }
#detector[data-text-task="rewrite"] .input-topline { margin-top:18px; }
#detector[data-text-task="rewrite"] .input-topline h3 { font-size:18px; font-weight:650; color:#30283b; }
#detector[data-text-task="rewrite"] .input-topline p { font-size:11px; color:#a096ac; }
#detector[data-text-task="rewrite"] .example-toolbar { margin:0; padding:0 0 11px; }
#detector[data-text-task="rewrite"] .example-toolbar-main { justify-content:flex-start; }
#detector[data-text-task="rewrite"] .example-toolbar select { max-width:calc(100% - 105px); }
#detector[data-text-task="rewrite"] .rewrite-run-actions .review-generate { min-height:42px; padding:10px 17px; border:0; background:#6b3cdd; color:#fff; box-shadow:0 3px 8px #6b3cdd15; font-size:12px; }
#detector[data-text-task="rewrite"] .rewrite-run-actions .review-generate:disabled { color:#b3a9be; background:#f0edf4; box-shadow:none; }
#detector[data-text-task="rewrite"] .text-meta { font-size:10px; color:#978b9f; margin-top:12px; }
#detector[data-text-task="rewrite"] .text-meta.rewrite-over-limit { color:#a66b3e; }
.rewrite-source-title { display:none; }
#detector[data-text-task="rewrite"] .review-editor-tools { justify-content:space-between; margin:15px 0 10px; }
#detector[data-text-task="rewrite"] .rewrite-source-title { display:block; margin:0; color:#30283b; font-size:18px; font-weight:650; letter-spacing:-.4px; }
@media(min-width:901px) { #detector[data-text-task="rewrite"] #review-polish-selection { display:none; } }

/* Product-study v2: one command bar, two document canvases, direct export. */
.rewrite-commandbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 0; margin:0 0 8px; }
.rewrite-commandbar .rewrite-style-row { flex:1 1 460px; max-width:650px; margin:0; background:#fff; border:0; border-radius:0; padding:0; gap:5px; }
.rewrite-commandbar .rewrite-style-row button { min-height:40px; flex:0 1 auto; padding:9px 16px; border-radius:7px; font-size:12px; }
.rewrite-commandbar .rewrite-style-row button.active { color:#6330cc; background:#f2ecfc; box-shadow:none; }
.rewrite-commandbar .rewrite-run-actions { margin:0; flex:0 0 auto; }
#detector[data-text-task="rewrite"] .rewrite-commandbar .review-generate { min-height:42px; min-width:132px; background:#6839d9; border:0; color:#fff; font-size:12px; }
#detector[data-text-task="rewrite"] .rewrite-task-switch { margin:8px 0 4px; }
#detector[data-text-task="rewrite"] .example-toolbar { margin:0; padding:0; border:0; }
#detector[data-text-task="rewrite"] .example-toolbar-main { display:none; }
#detector[data-text-task="rewrite"] .input-panel, #detector[data-text-task="rewrite"] .result-panel { padding:23px 24px; }
#detector[data-text-task="rewrite"] .review-editor-tools { min-height:38px; margin:0 0 18px; }
#detector[data-text-task="rewrite"] .rewrite-output-heading { min-height:38px; margin:0 0 18px; align-items:center; }
#detector[data-text-task="rewrite"] .rewrite-eyebrow { display:none; }
#detector[data-text-task="rewrite"] .rewrite-source-title, #detector[data-text-task="rewrite"] .rewrite-output-heading h3 { font-size:17px; line-height:1.5; }
#detector[data-text-task="rewrite"] .review-editor-actions { display:flex; align-items:center; gap:12px; }
.rewrite-load-sample { border:0; padding:7px 0; background:transparent; font:inherit; font-size:11px; color:#8b7c9b; }
.rewrite-load-sample:hover:not(:disabled) { color:#6839d9; }
#detector[data-text-task="rewrite"] #text-input { min-height:350px; padding:0; border:0; border-radius:0; background:#fff; box-shadow:none; font-size:15px; line-height:1.95; }
#detector[data-text-task="rewrite"] #text-input:focus { outline:2px solid #b79be9; outline-offset:7px; box-shadow:none; }
#detector[data-text-task="rewrite"] .rewrite-result-toolbar { min-height:32px; margin:-5px 0 12px; padding:0; border:0; }
.rewrite-output-count { color:#a69bac; font-size:10px; }
#detector[data-text-task="rewrite"] .rewrite-show-changes { border:0; padding:7px 0 7px 8px; background:transparent; color:#8c7d9b; font:inherit; font-size:11px; }
#detector[data-text-task="rewrite"] .rewrite-show-changes[aria-pressed="true"] { color:#6839d9; }
#detector[data-text-task="rewrite"] .rewrite-show-changes:disabled { color:#b7afbe; cursor:default; }
#detector[data-text-task="rewrite"] .rewrite-result-text { min-height:300px; padding:0; font-size:15px; line-height:1.95; }
.rewrite-output-change { padding:1px 0; color:#6330b3; background:#f3edfc; box-decoration-break:clone; -webkit-box-decoration-break:clone; border-radius:2px; }
.rewrite-result-footer { margin-top:18px; padding-top:15px; border-top:1px solid #eeeaf4; }
.rewrite-export-primary { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
#detector[data-text-task="rewrite"] .rewrite-copy-primary { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; flex:1 1 auto; padding:10px 15px; border:0; border-radius:8px; color:#fff; background:#6839d9; box-shadow:none; font-size:12px; }
.rewrite-copy-primary svg, #review-download svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
#detector[data-text-task="rewrite"] .rewrite-copy-primary:disabled { color:#b4a9bf; background:#f0edf4; }
#detector[data-text-task="rewrite"] #review-download { display:inline-flex; align-items:center; gap:6px; min-height:42px; padding:10px 8px; border:0; border-radius:7px; color:#8e8099; background:transparent; font:inherit; font-size:11px; }
#detector[data-text-task="rewrite"] .review-accept-actions { justify-content:flex-start; gap:16px; margin:11px 0 0; padding:0; border:0; }
#detector[data-text-task="rewrite"] .review-accept-actions #review-apply, #detector[data-text-task="rewrite"] .rewrite-discard { flex:0 0 auto; min-height:36px; margin:0; padding:7px 0; border:0; background:transparent; color:#927f9f; font:inherit; font-size:11px; }
#detector[data-text-task="rewrite"] .review-accept-actions #review-apply:not(:disabled):hover { color:#6839d9; }
#detector[data-text-task="rewrite"] .review-accept-actions #review-apply:disabled { color:#bbb2c4; background:transparent; }
#detector[data-text-task="rewrite"] .review-accept-note { margin-top:10px; font-size:10px; }
@media(max-width:900px) { .rewrite-commandbar { align-items:stretch; } .rewrite-commandbar .rewrite-style-row { max-width:none; } .rewrite-commandbar .rewrite-run-actions { margin-inline-start:auto; } }
@media(max-width:600px) { .rewrite-commandbar { gap:10px; padding:8px 0; } .rewrite-commandbar .rewrite-style-row { display:grid; grid-template-columns:1fr 1fr; flex-basis:100%; gap:4px; } .rewrite-commandbar .rewrite-style-row button { width:100%; min-height:42px; padding:8px; } .rewrite-commandbar .rewrite-run-actions { width:100%; } .rewrite-commandbar .review-generate { flex:1; } #detector[data-text-task="rewrite"] .input-panel, #detector[data-text-task="rewrite"] .result-panel { padding:20px 17px; } #detector[data-text-task="rewrite"] #text-input { min-height:225px; } #detector[data-text-task="rewrite"] .rewrite-result-text { min-height:220px; } .rewrite-export-primary { align-items:stretch; } #detector[data-text-task="rewrite"] .rewrite-copy-primary { flex-basis:100%; } #detector[data-text-task="rewrite"] .rewrite-show-changes { min-height:44px; } }
.rewrite-source-meta { display:none; }
#detector[data-text-task="rewrite"] .rewrite-source-meta { display:flex; color:#a69bac; font-size:10px; }
#detector[data-text-task="rewrite"] #text-help { display:none; }
/* The primary completed action stays in the visible editor heading. */
#detector[data-text-task="rewrite"] > .modality-tabs,
#detector[data-text-task="rewrite"] > .section-heading .workspace-subtitle,
#detector[data-text-task="rewrite"] > .section-heading .service-status { display:none; }
#detector[data-text-task="rewrite"] > .section-heading { margin-bottom:10px; }
#detector[data-text-task="rewrite"] .review-editor-tools,
#detector[data-text-task="rewrite"] .rewrite-output-heading { min-height:44px; }
#detector[data-text-task="rewrite"] .rewrite-output-heading { gap:10px; flex-wrap:wrap; }
#detector[data-text-task="rewrite"] .rewrite-output-heading .rewrite-copy-primary { flex:0 1 auto; width:auto; max-width:100%; min-height:42px; margin:0; padding:9px 13px; white-space:normal; }
#detector[data-text-task="rewrite"] .rewrite-output-heading > div { flex:1 1 auto; }
#detector[data-text-task="rewrite"] .rewrite-export-primary { justify-content:flex-start; }
#detector[data-text-task="rewrite"] .review-accept-actions .rewrite-back { padding:7px 0; min-height:36px; font-size:11px; }
@media(max-width:600px) { #detector[data-text-task="rewrite"] #text-input { font-size:16px; } #detector[data-text-task="rewrite"] .rewrite-output-heading .rewrite-copy-primary { flex:0 1 auto; font-size:11px; } }

#detector[data-text-task="rewrite"] > .modality-tabs { display:none !important; }

/* Contextual review workbench: one clear reading surface, optional details. */
.wb-analysis { margin:8px 0 20px; border:1px solid #e9e3f5; border-radius:16px; background:#fff; overflow:hidden; }
.wb-analysis-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:23px 24px 17px; }
.wb-eyebrow { display:block; color:#8a70b4; font-size:10px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.wb-analysis h4, .wb-dialog h2, .wb-dialog h3, .wb-dialog h4, .wb-json-panel h2 { margin:0; color:#302540; font-family:inherit; letter-spacing:-.025em; font-weight:600; }
.wb-analysis h4 { margin-top:5px; font-size:19px; }
.wb-count { flex-shrink:0; padding:7px 11px; border:1px solid #ece3f7; border-radius:100px; color:#8a71a4; background:#fbf8fe; font-size:11px; font-variant-numeric:tabular-nums; }
.wb-analysis-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin:0 24px 8px; }
.wb-mode-switch { display:inline-flex; padding:3px; border:1px solid #e9e3ee; border-radius:9px; background:#fcfaff; max-width:100%; }
.wb-mode-switch button { min-height:34px; padding:7px 13px; border:0; border-radius:6px; font:inherit; font-size:11px; color:#9b8da8; background:transparent; white-space:normal; }
.wb-mode-switch button.active { color:#fff; background:linear-gradient(115deg,#9866e8,#7542d7); box-shadow:0 3px 7px #7046bc1a; }
.wb-legend { display:flex; align-items:center; gap:7px; margin:0; color:#a295ae; font-size:10px; line-height:1.6; }
.wb-legend i { display:inline-block; flex-shrink:0; width:7px; height:7px; border-radius:50%; background:#eab6c8; }
.wb-analysis-text { padding:22px 24px 26px; color:#4b4157; font-size:15px; line-height:2; white-space:pre-wrap; overflow-wrap:anywhere; }
.wb-mark { padding:1px 0; border:0; border-radius:3px; color:#8d3c5f; background:#fbe5ed; box-decoration-break:clone; -webkit-box-decoration-break:clone; font:inherit; line-height:inherit; text-align:inherit; }
button.wb-mark { cursor:pointer; }
button.wb-mark:hover,button.wb-mark:focus-visible { outline:2px solid #caa7e6; outline-offset:2px; background:#f3d7e6; }
.wb-sentence-mark { background:#fbe9ef; border-bottom:2px solid #eac7d7; }
.wb-analysis-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 22px; border-top:1px solid #f0eaf6; background:#fdfbff; }
.wb-analysis-actions > div { display:flex; gap:7px; flex-wrap:wrap; }
.wb-analysis :where(button:not(.wb-mode-switch button):not(.wb-mark)), .wb-dialog :where(button:not(.wb-mode-switch button)), .wb-json-panel :where(button) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:9px 12px; border:1px solid #e9e2f1; border-radius:8px; background:#fff; font:inherit; font-size:11px; color:#8b779e; line-height:1.4; }
.wb-analysis button.wb-primary, .wb-dialog button.wb-primary { border:0; background:linear-gradient(110deg,#9a65ed,#7840d6); color:#fff; box-shadow:0 3px 8px #9566ca1a; }
.wb-analysis svg,.wb-dialog svg { width:16px; height:16px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.wb-analysis button:disabled, .wb-dialog button:disabled { color:#b8adbf; background:#f3eff6; cursor:default; box-shadow:none; }
.wb-analysis button:focus-visible,.wb-dialog button:focus-visible,.wb-dialog select:focus-visible,.wb-json-panel button:focus-visible { outline:2px solid #aa7fea; outline-offset:3px; }
.wb-status { flex-basis:100%; margin:9px 0 0; color:#947aa9; font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.wb-analysis > .wb-status { padding:0 22px 14px; }
.wb-sentence-details { margin-top:12px; }
.wb-sentence-details > summary { padding:12px 0; color:#9a8aa8; font-size:12px; cursor:pointer; }
#review-results-view > .review-section-note { display:none; }
.wb-dialog { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:24px; }
.wb-backdrop { position:absolute; inset:0; background:#30273d66; backdrop-filter:blur(6px); }
.wb-dialog-surface { position:relative; width:min(1130px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); display:flex; flex-direction:column; border:1px solid #ebe3f4; border-radius:22px; background:#fff; box-shadow:0 24px 90px #24133333; overflow:hidden; }
.wb-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid #eee7f4; background:linear-gradient(105deg,#f5efff,#fcfaff 74%); }
.wb-drag-handle { display:flex; align-items:center; gap:12px; min-width:0; touch-action:none; user-select:none; cursor:grab; }
.wb-drag-handle:active { cursor:grabbing; }
.wb-drag-handle:focus-visible { outline:2px solid #ac8fd6; outline-offset:5px; border-radius:8px; }
.wb-edit-icon { display:grid; place-items:center; flex-shrink:0; width:38px; height:38px; border-radius:12px; color:#fff; background:linear-gradient(140deg,#b184fa,#7a4dd7); box-shadow:0 4px 9px #9561d22b; }
.wb-edit-icon svg { width:19px; height:19px; }
.wb-dialog h2 { font-size:20px; }
.wb-dialog-header p { margin:5px 0 0; font-size:10px; color:#a391b2; }
.wb-dialog-tools { display:flex; align-items:center; gap:7px; flex-shrink:0; }
.wb-dialog button.wb-close,.wb-json-panel button.wb-close { width:34px; min-height:34px; padding:0; border:0; background:transparent; color:#a499b0; font-size:25px; font-weight:300; }
.wb-editor-grid { display:grid; grid-template-columns:1fr 1fr; overflow:auto; min-height:0; }
.wb-original-pane,.wb-draft-pane { min-width:0; padding:25px 26px; }
.wb-original-pane { background:#fdfbff; border-inline-end:1px solid #eee7f4; }
.wb-pane-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; min-height:35px; margin-bottom:17px; }
.wb-dialog h3 { font-size:15px; }
.wb-dialog h4 { font-size:13px; }
.wb-original-pane .wb-analysis-text { padding:13px 0 24px; min-height:260px; max-height:440px; overflow:auto; font-size:14px; }
.wb-draft-tools { display:flex; gap:5px; align-items:center; }
.wb-draft-tools button { min-height:32px!important; padding:5px!important; border:0!important; color:#ab9bb9; background:transparent; }
#wb-draft { display:block; width:100%; min-height:260px; resize:vertical; max-height:440px; padding:15px 17px; border:1px solid #e6def1; border-radius:12px; box-sizing:border-box; background:#fff; color:#4e425b; font:inherit; font-size:14px; line-height:2; }
#wb-draft:focus { outline:none; border-color:#b395dd; box-shadow:0 0 0 3px #ac88df10; }
.wb-draft-meta { display:flex; justify-content:space-between; gap:10px; margin:10px 0 18px; color:#b09dbd; font-size:10px; line-height:1.6; }
.wb-draft-meta p { margin:0; }
.wb-draft-meta > span { white-space:nowrap; }
.wb-rewrite-command { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.wb-dialog select { min-width:0; max-width:100%; min-height:36px; padding:7px 10px; border:1px solid #e6deee; border-radius:7px; background:#fff; color:#887297; font:inherit; font-size:11px; }
.wb-rewrite-command > .wb-primary { margin-inline-start:auto; }
.wb-rewrite-output { margin-top:20px; padding:17px; border:1px solid #ece2f7; border-radius:12px; background:#faf7ff; }
.wb-rewrite-output > p { margin:0 0 15px; color:#62546e; font-size:14px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }
.wb-editor-footer { display:flex; align-items:center; gap:15px; flex-wrap:wrap; padding:18px 24px; border-top:1px solid #eee7f4; background:#fcfaff; }
.wb-auto-control { display:flex; align-items:center; gap:10px; cursor:pointer; min-width:0; }
.wb-auto-control input { position:absolute; width:1px; height:1px; opacity:0; }
.wb-switch-track { position:relative; display:inline-block; width:37px; height:22px; border:1px solid #e1d8ec; border-radius:20px; background:#eae4f0; flex-shrink:0; }
.wb-switch-track::after { content:''; position:absolute; width:16px; height:16px; top:2px; inset-inline-start:2px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #33224220; transition:transform .15s; }
.wb-auto-control input:checked + .wb-switch-track { background:#9562dc; border-color:#9562dc; }
.wb-auto-control input:checked + .wb-switch-track::after { transform:translateX(15px); }
[dir="rtl"] .wb-auto-control input:checked + .wb-switch-track::after { transform:translateX(-15px); }
.wb-auto-control input:focus-visible + .wb-switch-track { outline:2px solid #a47bd9; outline-offset:4px; }
.wb-auto-control strong { display:block; color:#7b6291; font-weight:550; font-size:12px; }
.wb-auto-control small { display:block; max-width:270px; margin-top:3px; color:#ac99ba; font-size:9px; line-height:1.6; }
.wb-threshold { display:flex; align-items:center; gap:6px; color:#9e88ad; font-size:10px; }
.wb-threshold select { width:57px; min-height:32px; padding:4px 6px; }
.wb-footer-actions { display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
.wb-json-panel { position:fixed; z-index:110; inset-block:16px; inset-inline-end:16px; width:min(490px,calc(100vw - 32px)); box-sizing:border-box; padding:24px; display:flex; flex-direction:column; border:1px solid #e5daef; border-radius:18px; background:#fff; box-shadow:0 20px 90px #30204440; }
.wb-json-panel > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wb-json-panel h2 { margin-top:5px; font-size:19px; }
.wb-json-panel > p { color:#a18caf; font-size:11px; line-height:1.7; }
.wb-json-actions { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 17px; }
.wb-json-panel pre { flex:1; min-height:0; margin:0; padding:17px; border:1px solid #ece5f4; border-radius:10px; background:#faf8fd; color:#796188; font-size:10px; line-height:1.8; overflow:auto; tab-size:2; white-space:pre-wrap; overflow-wrap:anywhere; }
.wb-media-export { display:flex; gap:10px; flex-wrap:wrap; grid-column:1/-1; }
.wb-media-export button { flex:1; }
.wb-brief-export { grid-column:1/-1; margin-top:5px; }
.wb-brief-export > summary { color:#ab9ab9; font-size:10px; cursor:pointer; }
.wb-brief-export[open] { display:flex; flex-wrap:wrap; gap:8px; }
.result-content[data-result-modality="text"] > .result-export-actions { display:none; }
.result-content[data-result-modality="text"] .result-verdict-symbol { display:none; }
.result-content[data-result-modality="text"] .result-conclusion { padding:14px 0; border:0; background:transparent; text-align:start; }
.result-content[data-result-modality="text"] .result-conclusion-title { font-size:19px; font-weight:600; }
/* Media results follow the reference hierarchy without pretending calibration. */
.result-content[data-has-media-signal="true"] .media-result-visual { display:block!important; }
.result-content[data-has-media-signal="true"] .result-image-preview { display:none; }
.result-content[data-has-media-signal="true"] .result-conclusion { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:20px!important; padding:28px!important; border:1px solid #ebe5f4; border-radius:18px; background:radial-gradient(ellipse at 90% 10%,#f2edff88,transparent 65%),#fff; text-align:start!important; }
.result-content[data-has-media-signal="true"] .media-signal { max-width:none; width:100%; margin:0; }
.wb-media-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:100px; color:#8a4dd1; background:#f0e6fd; font-size:10px; font-weight:600; }
.wb-media-pill::before { content:''; display:inline-block; width:9px; height:9px; border:1.5px solid currentColor; border-radius:2px; transform:rotate(-7deg); }
.result-content .media-signal-ring { height:104px; width:auto; aspect-ratio:auto; margin:8px 0 0; }
.result-content .media-signal-ring svg { display:none; }
.result-content .media-signal-ring > span { position:static; display:block; padding-top:12px; font-size:64px; line-height:1.1; font-weight:650; letter-spacing:-3px; color:#8750d3; background:linear-gradient(110deg,#a578e9,#773ed1); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.result-content .media-signal-caption { justify-content:flex-start; gap:6px; margin-top:0; color:#9c89ac; font-size:12px; }
.result-content .media-signal-bar { height:9px; margin:23px 0 0; border-radius:20px; background:#f0eaf6; }
.result-content .media-signal-bar > span { background:linear-gradient(90deg,#c2a1ec,#9256db); border-radius:20px; }
.wb-signal-axis { display:flex; justify-content:space-between; gap:16px; margin-top:8px; color:#b3a1c1; font-size:9px; }
.result-content[data-has-media-signal="true"] .result-conclusion-title { margin:0; padding:16px 18px; border:1px solid #ede6f6; border-radius:11px; color:#8b729e; background:#fcfaff; font-size:15px!important; line-height:1.65; }
.result-content[data-has-media-signal="true"] .result-preprocess-note { padding:0; background:none; color:#b09dbb; font-size:10px; }
.result-content .media-frame-chart { padding:17px 18px 6px; border-color:#ece5f5; border-radius:12px; background:#fdfbff; }
@media(max-width:750px) {
 .wb-dialog { padding:12px; }
 .wb-dialog-surface { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:17px; }
 .wb-dialog-header { padding:17px 18px; flex-wrap:wrap; gap:12px; }
 .wb-dialog h2 { font-size:17px; }
 .wb-dialog-tools { margin-inline-start:auto; }
 .wb-dialog-tools button:not(.wb-close) { min-height:32px; padding:7px 9px; font-size:10px; }
 .wb-editor-grid { grid-template-columns:1fr; }
 .wb-original-pane,.wb-draft-pane { padding:20px; }
 .wb-original-pane { border-inline-end:0; border-bottom:1px solid #eee7f4; }
 .wb-original-pane .wb-analysis-text { min-height:120px; max-height:220px; padding:10px 0 17px; }
 #wb-draft { min-height:190px; font-size:16px; }
 .wb-editor-footer { padding:15px 18px; gap:12px; }
 .wb-footer-actions { flex:1 1 100%; }
 .wb-footer-actions .wb-primary { flex:1; min-height:44px; }
 .wb-threshold { margin-inline-start:auto; }
 .wb-auto-control small { max-width:160px; }
 .wb-analysis-heading { padding:20px 18px 15px; gap:10px; }
 .wb-analysis h4 { font-size:17px; }
 .wb-analysis-toolbar { margin-inline:18px; }
 .wb-analysis-text { padding:18px; }
 .wb-analysis-actions { padding:15px 17px; }
 .wb-analysis-actions > .wb-primary { flex-basis:100%; min-height:44px!important; }
 .wb-analysis-actions > div { justify-content:space-between; width:100%; }
 .wb-analysis-actions > div > button { flex:1; }
 .wb-count { font-size:10px; padding:6px 8px; }
 .result-content[data-has-media-signal="true"] .result-conclusion { padding:24px!important; }
 .result-content .media-signal-ring > span { font-size:60px; }
 .wb-json-panel { inset-block:10px; inset-inline-end:10px; width:calc(100vw - 20px); padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .wb-switch-track::after { transition:none; } }
.wb-media-frame-count { display:inline-flex; margin-inline-start:8px; padding:6px 10px; border:1px solid #eee6f7; border-radius:100px; color:#9a81ac; background:#fdfaff; font-size:11px; }
.wb-frame-details > summary { padding:13px 0; color:#9d89ad; font-size:12px; cursor:pointer; }
.wb-frame-details > h5 { margin:12px 0; color:#8e779e; }
.wb-dialog-header p { font-size:11px; }
.wb-analysis :where(button:not(.wb-mode-switch button):not(.wb-mark)), .wb-dialog :where(button:not(.wb-mode-switch button)), .wb-json-panel :where(button) { font-size:12px; }
.wb-auto-control small, .wb-draft-meta, .wb-threshold, .wb-signal-axis { font-size:11px; }
.wb-mode-switch button { font-size:12px; }
.wb-media-pill { font-size:11px; }
.wb-dialog .wb-status, .wb-json-panel > p { font-size:12px; }
#wb-draft[aria-invalid="true"] { border-color:#d59cb4; background:#fffafc; }
.wb-json-backdrop { position:fixed; z-index:109; inset:0; background:#30223f33; backdrop-filter:blur(3px); }
.wb-brief-export > .secondary-button { margin-top:10px; }
.wb-media-calibration-note { margin:9px 0 0; color:#9a85ab; font-size:11px; line-height:1.7; }
.wb-dialog button.wb-primary:disabled,.wb-analysis button.wb-primary:disabled { background:#eee8f5; border:1px solid #e1d6ec; color:#7b678b; box-shadow:none; }
#wb-rewrite-title:focus { outline:none; }
#wb-rewrite-title:focus-visible { outline:2px solid #b69ad7; outline-offset:5px; border-radius:3px; }
/* Keep desktop source evidence beside a newly revealed rewritten result. */
@media(min-width:751px) { .wb-original-pane { position:sticky; top:0; align-self:start; max-height:calc(100dvh - 238px); overflow-y:auto; } }
@media(max-width:750px) { .wb-original-pane { position:static; max-height:none; overflow:visible; } }

/* Product-led landing: real CheckAnyAI UI recording, not simulated outputs. */
#workspace-view { background:#fff; }
.landing-shell.reference-landing { width:min(1120px,calc(100% - 64px)); max-width:1120px; gap:0; padding-top:70px; padding-bottom:76px; }
.reference-hero { width:100%; max-width:1100px; margin:0 auto; text-align:center; }
.reference-hero .eyebrow { display:inline-flex; align-items:center; gap:7px; margin:0 0 23px; padding:6px 11px; border:1px solid #eee7fc; border-radius:100px; background:#faf8ff; color:#997ac5; font-size:11px; font-weight:550; letter-spacing:.01em; }
.reference-hero .eyebrow-dot { width:6px; height:6px; background:#ae8ce5; box-shadow:0 0 0 3px #eee7fa; }
.reference-hero h1 { display:block; max-width:none; margin:0; color:#202029; font-size:clamp(40px,4.6vw,62px); font-weight:650; line-height:1.2; letter-spacing:-2.3px; text-wrap:balance; }
.reference-hero h1 > span { display:inline; }
.reference-hero .accent-text { display:inline; margin-inline-start:.08em; color:#7450ed; background:linear-gradient(105deg,#586cf4 5%,#8e44ee 95%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.reference-hero .hero-description { max-width:840px; margin:23px auto 0; color:#9393a2; font-size:15px; line-height:1.8; letter-spacing:0; text-wrap:balance; }
.reference-hero .hero-actions { justify-content:center; gap:14px; margin-top:29px; }
.reference-hero .hero-actions .primary-button { min-height:46px; gap:9px; padding:12px 21px; border:0; border-radius:9px; color:#fff; background:linear-gradient(105deg,#5d6cf5,#8845ed); box-shadow:0 5px 12px #8262dc1b; font-size:13px; font-weight:550; }
.reference-hero .hero-actions .text-button { display:inline-flex; justify-content:center; align-items:center; gap:9px; min-height:46px; padding:11px 20px; border:1px solid #e6e6ed; border-radius:9px; color:#767484; background:#fff; font-size:13px; font-weight:500; }
.reference-hero .hero-actions .text-button:hover { color:#7655c7; border-color:#cbbce6; }
.reference-hero .hero-actions svg { width:17px; height:17px; }
.reference-hero .hero-benefits { justify-content:center; flex-wrap:wrap; gap:22px; margin-top:22px; color:#a4a4b0; font-size:11px; line-height:1.6; }
.reference-hero .hero-benefits > span { display:inline-flex; align-items:center; gap:5px; }
.reference-hero .hero-benefits svg { width:17px; height:17px; color:#80b7a2; }
#examples.product-tour-shell { display:block; max-width:1024px; width:100%; margin:48px auto 0; padding:0; overflow:hidden; border:1px solid #e7e5ee; border-radius:17px; background:#f8f7fc; box-shadow:0 18px 44px #35304a16,0 2px 6px #35304a08; }
.product-tour-video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:#f9f8fc; }
.product-tour-note { margin:0; padding:12px 16px; border-top:1px solid #eeebf4; color:#a6a0b1; background:#fff; font-size:11px; text-align:center; }
.product-tour-error { margin:0; padding:16px 22px; color:#9f8198; background:#fff7fa; font-size:13px; }
.legacy-demo-archive { display:none!important; }
.landing-section-heading { max-width:760px; margin:0 auto 34px; text-align:center; }
.landing-section-heading h2 { margin:0; color:#292731; font-size:30px; font-weight:600; line-height:1.4; letter-spacing:-.9px; text-wrap:balance; }
.landing-section-heading > p { margin:12px 0 0; color:#a5a2ad; font-size:13px; line-height:1.8; }
.landing-why { padding:70px 0 76px; background:#fafafd; border-top:1px solid #f8f7fa; border-bottom:1px solid #f8f7fa; }
.landing-why > .page-width { max-width:1120px; }
.landing-why-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.landing-why-card { padding:24px 23px; border:1px solid #efedf3; border-radius:14px; background:#fff; box-shadow:0 3px 11px #37324305; }
.landing-card-icon { display:inline-flex; justify-content:center; align-items:center; width:37px; height:37px; margin-bottom:18px; border-radius:10px; color:#9161d3; background:#f0e6ff; }
.landing-card-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.tone-1 .landing-card-icon { color:#4f9d8d; background:#e9f7f1; }
.tone-2 .landing-card-icon { color:#6b8cce; background:#ebf1fd; }
.tone-3 .landing-card-icon { color:#c29b5f; background:#fcf3e5; }
.landing-why-card h3 { margin:0 0 10px; color:#4c4555; font-size:15px; font-weight:550; letter-spacing:-.2px; line-height:1.6; }
.landing-why-card p { margin:0; color:#a69baa; font-size:12px; line-height:1.85; }
.landing-flow { display:grid; grid-template-columns:minmax(0, .8fr) minmax(0,1.2fr); align-items:center; gap:65px; max-width:1120px; padding-top:100px; padding-bottom:100px; }
.landing-pill { display:inline-flex; padding:6px 11px; border-radius:100px; color:#9c80bd; background:#f8f3ff; font-size:11px; line-height:1.5; }
.landing-flow-copy h2 { margin:18px 0 18px; color:#2e2839; font-size:34px; line-height:1.4; letter-spacing:-1px; font-weight:600; text-wrap:balance; }
.landing-flow-copy > p { margin:0; color:#a99aad; font-size:13px; line-height:1.9; }
.landing-flow-copy ol { list-style:none; margin:26px 0; padding:0; display:grid; gap:12px; }
.landing-flow-copy li { display:flex; align-items:center; gap:12px; color:#94819f; font-size:12px; }
.landing-flow-copy li > span { display:grid; place-items:center; width:26px; height:26px; border:1px solid #eee5f8; border-radius:50%; background:#fdfaff; color:#a78bbb; font-size:10px; font-variant-numeric:tabular-nums; }
.landing-flow-copy li > strong { font-weight:450; }
.landing-inline-link { display:inline-flex; align-items:center; gap:9px; color:#9a78c4; font-size:12px; font-weight:550; text-decoration:none; }
.landing-inline-link:hover { color:#7443b7; }
.landing-detail-video { min-width:0; overflow:hidden; border:1px solid #eee7f5; border-radius:15px; background:#fbf9fe; box-shadow:0 12px 35px #5d42731a; }
.landing-detail-video video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#f9f8fc; }
.landing-detail-video p { margin:0; padding:12px 15px; color:#b19fbc; font-size:10px; line-height:1.6; text-align:center; }
#features.landing-features { padding:74px 0 72px; background:#fafafd; }
#features.landing-features .features-heading { display:block; margin-bottom:36px; }
.landing-features .features-heading .section-kicker { margin-bottom:12px; color:#afa2c4; font-size:11px; letter-spacing:.05em; }
.landing-features .reference-feature-grid.landing-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.landing-features .landing-feature-grid > article { display:block; min-width:0; min-height:190px; margin:0; padding:23px 22px; border:1px solid #efedf4; border-radius:13px; background:#fff; box-shadow:0 3px 9px #43354f04; }
.landing-features .landing-feature-grid .feature-icon { display:flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0 0 16px; border:0; border-radius:9px; background:#f2eafb; color:#a181c2; }
.landing-features .landing-feature-grid .feature-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.landing-features .landing-feature-grid > article:nth-child(4n+2) .feature-icon { color:#7eb69d; background:#ecf8f0; }
.landing-features .landing-feature-grid > article:nth-child(4n+3) .feature-icon { color:#c2a76e; background:#fdf7e9; }
.landing-features .landing-feature-grid > article:nth-child(4n+4) .feature-icon { color:#9991cf; background:#f0eefb; }
.landing-features .landing-feature-grid h3 { margin:0 0 9px; color:#665971; font-size:13px; font-weight:550; line-height:1.65; }
.landing-features .landing-feature-grid p { margin:0; color:#b0a4b8; font-size:11px; line-height:1.85; }
.landing-extension { display:flex; align-items:center; gap:22px; margin-top:26px; padding:27px 29px; border:1px solid #ebe3f4; border-radius:14px; background:linear-gradient(120deg,#fff,#faf7ff); }
.landing-extension > .landing-card-icon { flex-shrink:0; margin:0; width:44px; height:44px; }
.landing-extension > div { min-width:0; flex:1; }
.landing-extension-status { color:#b294ce; font-size:10px; }
.landing-extension h3 { margin:6px 0 7px; color:#7a668c; font-size:17px; font-weight:550; line-height:1.5; }
.landing-extension p { margin:0; color:#ad9bb9; font-size:11px; line-height:1.8; }
.landing-extension > .landing-inline-link { flex-shrink:0; }
.bottom-cta.landing-final-cta { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:25px; max-width:1000px; margin-top:88px; margin-bottom:90px; padding:60px 38px; border:0; border-radius:16px; text-align:center; background:linear-gradient(110deg,#6273ee,#8650ea 70%,#974aea); box-shadow:0 10px 24px #7757d121; }
.landing-final-cta h2 { margin:0; color:#fff; font-size:32px; font-weight:550; line-height:1.4; letter-spacing:-.8px; text-wrap:balance; }
.landing-final-cta p { margin:15px 0 0; color:#e4d8fa; font-size:14px; line-height:1.8; }
.landing-final-cta .primary-button { min-height:45px; padding:12px 19px; border:0; border-radius:9px; background:#fff; color:#9168cf; box-shadow:0 3px 9px #51369e12; font-size:12px; font-weight:550; }
#detector { margin-top:0; margin-bottom:80px; }
@media(max-width:1000px) {
 .landing-shell.reference-landing { padding-top:58px; }
 .reference-hero h1 { font-size:48px; }
 .landing-why-grid { gap:12px; }
 .landing-why-card { padding:21px 18px; }
 .landing-flow { gap:35px; }
 .landing-flow-copy h2 { font-size:29px; }
 .landing-features .reference-feature-grid.landing-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .landing-features .landing-feature-grid > article { min-height:170px; }
}
@media(max-width:700px) {
 .landing-shell.reference-landing { width:calc(100% - 36px); padding-top:43px; padding-bottom:48px; }
 .reference-hero .eyebrow { margin-bottom:20px; font-size:10px; }
 .reference-hero h1 { font-size:38px; line-height:1.28; letter-spacing:-1.5px; }
 .reference-hero h1 > span { display:block; }
 .reference-hero .accent-text { margin-inline-start:0; }
 .reference-hero .hero-description { max-width:480px; margin-top:19px; font-size:13px; line-height:1.9; }
 .reference-hero .hero-actions { margin-top:23px; gap:10px; }
 .reference-hero .hero-actions .primary-button,.reference-hero .hero-actions .text-button { min-height:44px; padding:11px 15px; font-size:12px; }
 .reference-hero .hero-benefits { gap:9px 14px; margin-top:20px; font-size:9px; }
 .reference-hero .hero-benefits svg { width:15px; height:15px; }
 #examples.product-tour-shell { margin-top:31px; border-radius:11px; box-shadow:0 9px 28px #35304a16; }
 .product-tour-note { padding:10px; font-size:9px; }
 .landing-why { padding:47px 0; }
 .landing-section-heading { margin-bottom:25px; }
 .landing-section-heading h2 { font-size:24px; letter-spacing:-.5px; }
 .landing-section-heading > p { margin-top:10px; font-size:12px; }
 .landing-why-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .landing-why-card { padding:20px 17px; }
 .landing-card-icon { width:33px; height:33px; margin-bottom:14px; }
 .landing-why-card h3 { font-size:13px; }
 .landing-why-card p { font-size:11px; line-height:1.9; }
 .landing-flow { grid-template-columns:1fr; gap:27px; padding-top:54px; padding-bottom:58px; }
 .landing-flow-copy { max-width:520px; }
 .landing-flow-copy h2 { font-size:28px; }
 .landing-flow-copy > p { font-size:13px; }
 .landing-flow-copy ol { margin:21px 0; }
 .landing-detail-video { border-radius:12px; }
 #features.landing-features { padding:48px 0; }
 .landing-features .reference-feature-grid.landing-feature-grid { gap:12px; }
 .landing-features .landing-feature-grid > article { padding:20px 17px; min-height:180px; }
 .landing-features .landing-feature-grid h3 { font-size:12px; }
 .landing-extension { align-items:flex-start; flex-wrap:wrap; gap:14px; padding:22px 20px; }
 .landing-extension > .landing-card-icon { width:35px; height:35px; }
 .landing-extension h3 { font-size:15px; }
 .landing-extension > .landing-inline-link { margin-inline-start:49px; }
 .bottom-cta.landing-final-cta { width:calc(100% - 36px); margin-top:48px; margin-bottom:54px; padding:40px 24px; gap:22px; border-radius:13px; }
 .landing-final-cta h2 { font-size:26px; }
 .landing-final-cta p { font-size:12px; }
}
@media(max-width:400px) {
 .reference-hero h1 { font-size:34px; }
 .reference-hero .hero-benefits { font-size:8px; gap:8px; }
 .landing-features .reference-feature-grid.landing-feature-grid { grid-template-columns:1fr; }
 .landing-features .landing-feature-grid > article { min-height:0; }
 .landing-features .landing-feature-grid .feature-copy h3 { font-size:14px; }
 .landing-features .landing-feature-grid .feature-copy p { font-size:12px; }
}
/* Muted typography remains readable rather than disappearing into the canvas. */
.reference-hero .hero-description,.reference-hero .hero-benefits { color:#7d7589; }
.landing-section-heading > p,.landing-why-card p,.landing-features .landing-feature-grid p { color:#7f708e; }
.landing-flow-copy > p,.landing-flow-copy li { color:#7d6c8b; }
.product-tour-note,.landing-detail-video p { color:#85758f; }
.landing-extension-status { color:#8963aa; }
.landing-extension p { color:#8a769a; }
.landing-final-cta p { color:#f7f0ff; }
.landing-why-card,.landing-feature-grid article,.landing-extension > div,.landing-flow-copy { min-width:0; overflow-wrap:break-word; }
.landing-features .landing-feature-grid h3 { font-size:14px; }
.landing-features .landing-feature-grid p,.landing-extension p { font-size:12px; }
@media(max-width:700px) { .landing-why-card h3,.landing-features .landing-feature-grid h3 { font-size:14px; } .landing-why-card p,.landing-features .landing-feature-grid p { font-size:12px; } }

/* Measured reference palette, 2026-10-27. Colour roles only: no score, request,
   layout or model changes. Evidence lives in palette-reference-v1 input 01–03,06,08.
   Hero actions are solid violet; selected controls are blue→violet; writing
   actions are violet→blue. They must not share one accidental pale gradient. */
:root {
 --ref-white:#ffffff;
 --ref-neutral-50:#fafafa;
 --ref-neutral-100:#f5f5f5;
 --ref-neutral-200:#e5e5e5;
 --ref-neutral-300:#d4d4d4;
 --ref-neutral-400:#a3a3a3;
 --ref-neutral-500:#737373;
 --ref-neutral-600:#525252;
 --ref-neutral-700:#404040;
 --ref-neutral-800:#262626;
 --ref-neutral-900:#171717;
 --ref-primary-50:#f5f3ff;
 --ref-primary-100:#ede9fe;
 --ref-primary-200:#ddd6fe;
 --ref-primary-500:#8b5cf6;
 --ref-primary-600:#7c3aed;
 --ref-primary-700:#6d28d9;
 --ref-accent-50:#eff6ff;
 --ref-accent-100:#dbeafe;
 --ref-accent-200:#bfdbfe;
 --ref-accent-500:#3b82f6;
 --ref-accent-600:#2563eb;
 --ref-accent-700:#1d4ed8;
 --ref-danger-50:#fef2f2;
 --ref-danger-100:#fee2e2;
 --ref-danger-200:#fecaca;
 --ref-danger-700:#b91c1c;
 --ref-danger-900:#7f1d1d;
 --ref-warning-100:#fef3c7;
 --ref-warning-600:#d97706;
 --ref-warning-900:#78350f;
 --ref-success-100:#dcfce7;
 --ref-success-600:#16a34a;
 --ref-selected-gradient:linear-gradient(to right in oklab,#3b82f6 0%,#8b5cf6 100%);
 --ref-writing-gradient:linear-gradient(to right in oklab,#7c3aed 0%,#3b82f6 100%);
 --ref-title-gradient:linear-gradient(to right in oklab,#3b82f6 0%,#8b5cf6 50%,#7c3aed 100%);
 --ref-header-gradient:linear-gradient(to right in oklab,#eff6ff 0%,#f5f3ff 100%);
 --ref-diff-background:transparent;
 --ref-diff-ink:#262626;
 --ref-scale-track:#e5e5e5;
 --ref-scale-fill:linear-gradient(to right in oklab,#3b82f6 0%,#8b5cf6 100%);
 --ref-soft-shadow:0 2px 15px -3px rgb(0 0 0 / .07),0 10px 20px -2px rgb(0 0 0 / .04);
 --ref-button-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
}
body[data-palette-release="checkai-v1"] {
 --page:var(--ref-white); --white:var(--ref-white);
 --ink:var(--ref-neutral-900); --secondary:var(--ref-neutral-600);
 --muted:var(--ref-neutral-500); --line:var(--ref-neutral-200);
 --line-soft:var(--ref-neutral-100); --violet:var(--ref-primary-500);
 --violet-soft:var(--ref-primary-50);
 color:var(--ref-neutral-900); background:var(--ref-white);
}
body[data-palette-release="checkai-v1"] :is(button,a,input,textarea,select,summary):focus-visible {
 outline-color:var(--ref-primary-500);
}
body[data-palette-release="checkai-v1"] .site-header { background:#fffffff2; border-bottom-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] :is(.nav-link,.language-control,.language-control select) { color:var(--ref-neutral-700); }
body[data-palette-release="checkai-v1"] .nav-link.active { color:var(--ref-primary-700); }
body[data-palette-release="checkai-v1"] .brand-accent { background-image:var(--ref-title-gradient); }

/* Public-page calls to action: solid brand colour, distinct inverse role. */
body[data-palette-release="checkai-v1"] .primary-button,
body[data-palette-release="checkai-v1"] .reference-hero .hero-actions .primary-button {
 color:var(--ref-white); background-color:var(--ref-primary-500); background-image:none;
 border-color:var(--ref-primary-500); box-shadow:none;
}
body[data-palette-release="checkai-v1"] .primary-button:hover:not(:disabled),
body[data-palette-release="checkai-v1"] .reference-hero .hero-actions .primary-button:hover:not(:disabled) {
 color:var(--ref-white); background-color:var(--ref-primary-600); background-image:none;
 border-color:var(--ref-primary-600);
}
body[data-palette-release="checkai-v1"] .primary-button:disabled {
 color:var(--ref-neutral-500); background-color:var(--ref-neutral-100);
 background-image:none; border-color:var(--ref-neutral-200); box-shadow:none;
}
body[data-palette-release="checkai-v1"] .reference-hero h1 { color:var(--ref-neutral-900); }
body[data-palette-release="checkai-v1"] .reference-hero .accent-text { color:transparent; background-image:var(--ref-title-gradient); }
body[data-palette-release="checkai-v1"] .reference-hero .eyebrow {
 color:var(--ref-primary-700); background:var(--ref-primary-50); border-color:var(--ref-primary-100);
}
body[data-palette-release="checkai-v1"] .reference-hero .eyebrow-dot { background:var(--ref-primary-500); box-shadow:0 0 0 3px var(--ref-primary-100); }
body[data-palette-release="checkai-v1"] .reference-hero :is(.hero-description,.hero-benefits) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] .reference-hero .hero-actions .text-button {
 color:var(--ref-neutral-700); background:transparent; border-color:var(--ref-neutral-200); box-shadow:none;
}
body[data-palette-release="checkai-v1"] .reference-hero .hero-actions .text-button:hover { color:var(--ref-neutral-800); background:var(--ref-neutral-50); border-color:var(--ref-neutral-300); }
body[data-palette-release="checkai-v1"] :is(.landing-why,#features.landing-features) { background:var(--ref-neutral-50); border-color:var(--ref-neutral-100); }
body[data-palette-release="checkai-v1"] :is(.landing-section-heading h2,.landing-flow-copy h2,.landing-why-card h3,.landing-features .landing-feature-grid h3) { color:var(--ref-neutral-900); }
body[data-palette-release="checkai-v1"] :is(.landing-section-heading > p,.landing-why-card p,.landing-features .landing-feature-grid p,.landing-flow-copy > p,.landing-flow-copy li) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] :is(.landing-why-card,.landing-features .landing-feature-grid > article) { background:var(--ref-white); border-color:var(--ref-neutral-200); box-shadow:var(--ref-soft-shadow); }
body[data-palette-release="checkai-v1"] .landing-why-card .landing-card-icon { color:var(--ref-white); background:linear-gradient(to right bottom in oklab,#8b5cf6,#3b82f6); }
body[data-palette-release="checkai-v1"] .landing-why-card.tone-1 .landing-card-icon { color:var(--ref-white); background:linear-gradient(to right bottom,#3b82f6,lab(54.1736 13.3369 -74.6839)); }
body[data-palette-release="checkai-v1"] .landing-why-card.tone-2 .landing-card-icon { color:var(--ref-white); background:linear-gradient(to right bottom,lab(70.5521 -66.5147 45.8073),lab(66.9756 -58.27 19.5419)); }
body[data-palette-release="checkai-v1"] .landing-why-card.tone-3 .landing-card-icon { color:var(--ref-white); background:linear-gradient(to right bottom,lab(64.272 57.1788 90.3583),lab(72.7183 31.8672 97.9407)); }
body[data-palette-release="checkai-v1"] .landing-features .landing-feature-grid > article { border-color:lab(90.9411 0 0 / .6); }
body[data-palette-release="checkai-v1"] .landing-features .landing-feature-grid .feature-icon { color:var(--ref-primary-600); background:linear-gradient(to right bottom in oklab,var(--ref-accent-100),var(--ref-primary-100)); }
body[data-palette-release="checkai-v1"] .landing-features .landing-feature-grid > article:nth-child(3n+2) .feature-icon { color:var(--ref-success-600); background:var(--ref-success-100); }
body[data-palette-release="checkai-v1"] .landing-features .landing-feature-grid > article:nth-child(3n) .feature-icon { color:var(--ref-warning-600); background:var(--ref-warning-100); }
body[data-palette-release="checkai-v1"] .landing-features .landing-feature-grid > article:nth-child(7) .feature-icon { color:var(--ref-primary-600); background:linear-gradient(to right bottom in oklab,var(--ref-primary-100),var(--ref-accent-100)); }
body[data-palette-release="checkai-v1"] :is(.landing-pill,.landing-extension > .landing-card-icon) { color:var(--ref-primary-700); background:var(--ref-primary-50); }
body[data-palette-release="checkai-v1"] :is(.landing-inline-link,.landing-extension-status) { color:var(--ref-primary-700); }
body[data-palette-release="checkai-v1"] :is(.landing-flow-copy li > span,.landing-extension) { border-color:var(--ref-primary-100); background:var(--ref-primary-50); color:var(--ref-primary-700); }
body[data-palette-release="checkai-v1"] .landing-extension h3 { color:var(--ref-neutral-900); }
body[data-palette-release="checkai-v1"] :is(.landing-extension p,.product-tour-note,.landing-detail-video p) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] :is(#examples.product-tour-shell,.landing-detail-video,.product-tour-video) { background:var(--ref-neutral-50); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .bottom-cta.landing-final-cta { background-color:var(--ref-primary-500); background-image:var(--ref-selected-gradient); }
body[data-palette-release="checkai-v1"] .landing-final-cta :is(h2,p) { color:var(--ref-white); }
body[data-palette-release="checkai-v1"] .landing-final-cta .primary-button {
 color:var(--ref-primary-600); background-color:var(--ref-white); background-image:none;
 border-color:var(--ref-white); box-shadow:var(--ref-soft-shadow);
}
body[data-palette-release="checkai-v1"] .landing-final-cta .primary-button:hover:not(:disabled) { color:var(--ref-primary-700); background-color:var(--ref-primary-50); background-image:none; }

/* Workspace state colours: override body-profile specificity deliberately. */
body[data-palette-release="checkai-v1"] #detector :is(.section-heading h2,.rewrite-source-title,.rewrite-output-heading h3) { color:var(--ref-neutral-900); }
body[data-palette-release="checkai-v1"] #detector :is(.workspace-grid,.result-panel,.input-panel) { border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector :is(.input-panel,.result-panel,.workspace-grid) { background-color:var(--ref-white); }
body[data-palette-release="checkai-v1"] #detector > .modality-tabs .modality-tab { color:var(--ref-neutral-600); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector > .modality-tabs .modality-tab.active {
 color:var(--ref-white); background-color:var(--ref-primary-500); background-image:var(--ref-selected-gradient);
 border-color:transparent; box-shadow:var(--ref-button-shadow);
}
body[data-palette-release="checkai-v1"] #detector .detect-button:not(:disabled) {
 color:var(--ref-white); background-color:var(--ref-primary-500); background-image:var(--ref-selected-gradient); border-color:transparent;
}
body[data-palette-release="checkai-v1"] #detector .detect-button:hover:not(:disabled) { background-color:var(--ref-primary-600); background-image:linear-gradient(to right in oklab,#2563eb,#7c3aed); }
body[data-palette-release="checkai-v1"] #detector .detect-button:disabled { color:var(--ref-neutral-500); background-color:var(--ref-neutral-100); background-image:none; border-color:var(--ref-neutral-200); box-shadow:none; }
body[data-palette-release="checkai-v1"] #detector :is(textarea,.review-marked-text) { color:var(--ref-neutral-900); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector #text-input { color:var(--ref-neutral-900); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector #text-input::placeholder { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] #detector textarea:focus { border-color:var(--ref-primary-500); box-shadow:0 0 0 3px rgb(139 92 246 / .12); }
body[data-palette-release="checkai-v1"] #detector :is(.example-note,.example-eyebrow,.text-meta,.privacy-note,.review-accept-note,.review-selection-reason) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] #detector :is(.rewrite-task-switch,.rewrite-style-row,.review-editor-tabs,.text-entry-tabs) { background:var(--ref-neutral-100); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector :is(.rewrite-task-switch button,.rewrite-style-row button,.review-editor-tabs button,.text-entry-tabs button) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] #detector :is(.rewrite-task-switch button.active,.rewrite-style-row button.active,.review-editor-tabs button.active,.text-entry-tabs button[aria-selected="true"]) { color:var(--ref-primary-700); background:var(--ref-white); border-color:var(--ref-primary-200); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] .review-generate:not(:disabled),
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] .rewrite-commandbar .review-generate:not(:disabled) { color:var(--ref-white); background-color:var(--ref-primary-600); background-image:var(--ref-writing-gradient); box-shadow:var(--ref-button-shadow); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] .review-generate:disabled,
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] .rewrite-commandbar .review-generate:disabled { color:var(--ref-neutral-500); background-color:var(--ref-neutral-100); background-image:none; box-shadow:none; }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] :is(.rewrite-result-text,.review-candidate-box,.review-passage blockquote) { color:var(--ref-neutral-800); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector .review-candidate-box .review-passage p { color:var(--ref-neutral-800); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] .rewrite-copy-primary:not(:disabled) { color:var(--ref-white); background:var(--ref-primary-500); border-color:var(--ref-primary-500); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] .review-accept-actions .secondary-button:not(:disabled) { color:var(--ref-primary-700); background:var(--ref-primary-50); border-color:var(--ref-primary-200); }
/* The legacy writing canvas uses two IDs for these controls. Match that scope
   explicitly so its former grey-violet literals cannot out-rank the roles. */
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] #review-download { color:var(--ref-neutral-600); background:transparent; border-color:transparent; box-shadow:none; }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] #review-download:hover:not(:disabled) { color:var(--ref-neutral-800); background:var(--ref-neutral-50); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] #review-download:disabled { color:var(--ref-neutral-400); background:transparent; border-color:transparent; }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] #review-apply:not(:disabled) { color:var(--ref-primary-700); background:var(--ref-primary-50); border-color:var(--ref-primary-200); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] #review-apply:hover:not(:disabled) { color:var(--ref-primary-700); background:var(--ref-primary-100); border-color:var(--ref-primary-200); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] #review-apply:disabled { color:var(--ref-neutral-500); background:var(--ref-neutral-100); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] :is(.rewrite-discard,.rewrite-back) { color:var(--ref-neutral-600); }
body[data-palette-release="checkai-v1"] #detector[data-text-task="rewrite"] :is(.rewrite-discard,.rewrite-back):hover:not(:disabled) { color:var(--ref-neutral-800); }
body[data-palette-release="checkai-v1"] .rewrite-output-change { color:var(--ref-diff-ink); background:var(--ref-diff-background); text-decoration:underline; text-decoration-color:var(--ref-neutral-300); text-underline-offset:3px; }
body[data-palette-release="checkai-v1"] .review-diff { color:var(--ref-neutral-800); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .review-diff del { color:var(--ref-neutral-500); background:transparent; text-decoration-color:var(--ref-neutral-300); }
body[data-palette-release="checkai-v1"] .review-diff ins { color:var(--ref-neutral-800); background:transparent; }
body[data-palette-release="checkai-v1"] :is(.review-mark,.wb-mark,.wb-sentence-mark) { color:var(--ref-danger-900); background:var(--ref-danger-100); border-bottom-color:var(--ref-danger-200); }
body[data-palette-release="checkai-v1"] :is(.review-mark:hover,.review-mark.selected,button.wb-mark:hover) { color:var(--ref-danger-900); background:var(--ref-danger-200); border-color:var(--ref-danger-700); }
body[data-palette-release="checkai-v1"] .review-mark-controls i { background:var(--ref-danger-100); border-color:var(--ref-danger-200); }
body[data-palette-release="checkai-v1"] .review-sentence-state.attention { color:var(--ref-danger-700); background:var(--ref-danger-50); }

/* Contextual editor: white reading surfaces and distinct action roles. */
body[data-palette-release="checkai-v1"] :is(.wb-analysis,.wb-dialog-surface,.wb-json-panel) { color:var(--ref-neutral-900); background:var(--ref-white); border-color:var(--ref-neutral-200); box-shadow:var(--ref-soft-shadow); }
body[data-palette-release="checkai-v1"] :is(.wb-analysis h4,.wb-dialog h2,.wb-dialog h3,.wb-dialog h4,.wb-json-panel h2) { color:var(--ref-neutral-700); }
body[data-palette-release="checkai-v1"] :is(.wb-eyebrow,.wb-count) { color:var(--ref-primary-700); }
body[data-palette-release="checkai-v1"] .wb-count { background:var(--ref-primary-50); border-color:var(--ref-primary-100); }
body[data-palette-release="checkai-v1"] .wb-mode-switch { background:#ffffffe6; border-color:var(--ref-neutral-200); box-shadow:0 1px 3px rgb(0 0 0 / .1); }
body[data-palette-release="checkai-v1"] .wb-mode-switch button { color:var(--ref-neutral-500); background:transparent; }
body[data-palette-release="checkai-v1"] .wb-mode-switch button.active { color:var(--ref-white); background-color:var(--ref-primary-500); background-image:var(--ref-selected-gradient); box-shadow:var(--ref-button-shadow); }
body[data-palette-release="checkai-v1"] .wb-mode-switch button:hover:not(.active) { color:var(--ref-neutral-700); background:var(--ref-neutral-50); }
body[data-palette-release="checkai-v1"] .wb-analysis-text { color:var(--ref-neutral-900); }
body[data-palette-release="checkai-v1"] .wb-rewrite-output > p { color:var(--ref-neutral-800); }
body[data-palette-release="checkai-v1"] :is(.wb-legend,.wb-status,.wb-draft-meta,.wb-threshold,.wb-dialog-header p,.wb-auto-control small,.wb-json-panel > p,.wb-frame-details > summary,.wb-brief-export > summary) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] .wb-legend i { background:var(--ref-danger-200); }
body[data-palette-release="checkai-v1"] :is(.wb-analysis-actions,.wb-editor-footer) { color:var(--ref-neutral-700); background:var(--ref-neutral-50); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .wb-dialog-header { background-color:var(--ref-accent-50); background-image:var(--ref-header-gradient); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .wb-edit-icon { color:var(--ref-white); background-color:var(--ref-primary-500); background-image:var(--ref-selected-gradient); box-shadow:var(--ref-button-shadow); }
body[data-palette-release="checkai-v1"] .wb-original-pane { background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .wb-analysis :where(button:not(.wb-mode-switch button):not(.wb-mark)),
body[data-palette-release="checkai-v1"] .wb-dialog :where(button:not(.wb-mode-switch button)),
body[data-palette-release="checkai-v1"] .wb-json-panel :where(button) { color:var(--ref-neutral-600); background-color:var(--ref-white); background-image:none; border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] :is(.wb-analysis,.wb-dialog,.wb-json-panel) button:hover:not(:disabled):not(.wb-primary):not(.active):not(.wb-mark) { color:var(--ref-neutral-800); background-color:var(--ref-neutral-50); border-color:var(--ref-neutral-300); }
body[data-palette-release="checkai-v1"] .wb-analysis button.wb-primary:not(:disabled),
body[data-palette-release="checkai-v1"] .wb-dialog button.wb-primary:not(:disabled) { color:var(--ref-white); background-color:var(--ref-primary-600); background-image:var(--ref-writing-gradient); border-color:transparent; box-shadow:var(--ref-button-shadow); }
body[data-palette-release="checkai-v1"] .wb-analysis button.wb-primary:hover:not(:disabled),
body[data-palette-release="checkai-v1"] .wb-dialog button.wb-primary:hover:not(:disabled) { background-image:linear-gradient(to right in oklab,#6d28d9,#2563eb); }
body[data-palette-release="checkai-v1"] .wb-dialog #wb-recheck:not(:disabled) { background-color:var(--ref-primary-500); background-image:var(--ref-selected-gradient); }
body[data-palette-release="checkai-v1"] .wb-dialog #wb-recheck:hover:not(:disabled) { background-image:linear-gradient(to right in oklab,#2563eb,#7c3aed); }
body[data-palette-release="checkai-v1"] :is(.wb-analysis,.wb-dialog,.wb-json-panel) button:disabled { color:var(--ref-neutral-500); background-color:var(--ref-neutral-100); background-image:none; border-color:var(--ref-neutral-200); box-shadow:none; }
body[data-palette-release="checkai-v1"] :is(.wb-analysis,.wb-dialog) button.wb-primary:disabled { color:var(--ref-neutral-500); background-color:var(--ref-neutral-100); background-image:none; border-color:var(--ref-neutral-200); box-shadow:none; }
body[data-palette-release="checkai-v1"] .wb-dialog .wb-draft-tools button { color:var(--ref-neutral-500); background:transparent; }
body[data-palette-release="checkai-v1"] :is(.wb-dialog,.wb-json-panel) button.wb-close { color:var(--ref-neutral-500); background:transparent; border-color:transparent; }
body[data-palette-release="checkai-v1"] #wb-draft { color:var(--ref-neutral-900); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #wb-draft:focus { border-color:var(--ref-primary-500); box-shadow:0 0 0 3px rgb(139 92 246 / .12); }
body[data-palette-release="checkai-v1"] .wb-dialog select { color:var(--ref-neutral-600); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .wb-rewrite-output { background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .wb-dialog #wb-rewrite-apply:not(:disabled) { color:var(--ref-primary-700); background:var(--ref-primary-50); border-color:var(--ref-primary-200); box-shadow:none; }
body[data-palette-release="checkai-v1"] .wb-auto-control strong { color:var(--ref-neutral-700); }
body[data-palette-release="checkai-v1"] .wb-switch-track { background:var(--ref-neutral-200); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .wb-auto-control input:checked + .wb-switch-track { background:var(--ref-primary-600); border-color:var(--ref-primary-600); }
body[data-palette-release="checkai-v1"] .wb-auto-control input:focus-visible + .wb-switch-track { outline-color:var(--ref-primary-500); }
body[data-palette-release="checkai-v1"] .wb-json-panel pre { color:var(--ref-neutral-700); background:var(--ref-neutral-50); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] #wb-draft[aria-invalid="true"] { border-color:var(--ref-danger-200); background:var(--ref-danger-50); }

/* Actual media score remains unchanged; only the visual palette is shared. */
body[data-palette-release="checkai-v1"] .result-content[data-has-media-signal="true"] .result-conclusion { border-color:var(--ref-neutral-200); background:linear-gradient(to right bottom,var(--ref-white),var(--ref-primary-50)); }
body[data-palette-release="checkai-v1"] .wb-media-pill { color:var(--ref-primary-700); background:var(--ref-primary-100); }
body[data-palette-release="checkai-v1"] .wb-media-frame-count { color:var(--ref-neutral-600); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] .result-content .media-signal-ring > span { color:var(--ref-primary-600); background-image:var(--ref-title-gradient); }
body[data-palette-release="checkai-v1"] .result-content .media-signal-caption { color:var(--ref-neutral-700); }
body[data-palette-release="checkai-v1"] .result-content .media-signal-bar { background:var(--ref-scale-track); }
body[data-palette-release="checkai-v1"] .result-content .media-signal-bar > span { background-color:var(--ref-primary-500); background-image:var(--ref-scale-fill); }
body[data-palette-release="checkai-v1"] .wb-signal-axis { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] .result-content[data-has-media-signal="true"] .result-conclusion-title { color:var(--ref-neutral-800); background:var(--ref-white); border-color:var(--ref-neutral-200); }
body[data-palette-release="checkai-v1"] :is(.wb-frame-details > h5,.wb-media-calibration-note,.result-preprocess-note) { color:var(--ref-neutral-500); }
body[data-palette-release="checkai-v1"] .result-content .media-frame-chart { color:var(--ref-neutral-700); background:var(--ref-white); border-color:var(--ref-neutral-200); }

/* Chrome developer build: actual download + local installation, not a store badge. */
.hero-extension-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; margin:18px auto 0; color:var(--ref-primary-700,#6d28d9); font-size:12px; line-height:1.6; text-decoration:none; }
.hero-extension-link svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
.hero-extension-link:hover,.chrome-install-link:hover { text-decoration:underline; text-underline-offset:4px; }
.chrome-extension-section { margin-block:64px 0; scroll-margin-top:105px; }
.chrome-extension-card { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:44px; padding:40px; border:1px solid var(--ref-primary-100,#ede9fe); border-radius:16px; background:linear-gradient(130deg,var(--ref-white,#fff),var(--ref-primary-50,#f5f3ff)); }
.chrome-extension-copy,.chrome-extension-workflow { min-width:0; }
.chrome-extension-copy h2 { margin:12px 0 16px; color:var(--ref-neutral-900,#171717); font-size:clamp(25px,3.2vw,34px); font-weight:650; line-height:1.3; letter-spacing:-.8px; text-wrap:balance; }
.chrome-extension-description { margin:0; max-width:42ch; color:var(--ref-neutral-600,#525252); font-size:15px; line-height:1.85; }
.chrome-extension-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:24px; }
.chrome-extension-actions .primary-button { min-height:44px; gap:9px; font-size:13px; white-space:normal; text-align:center; }
.chrome-extension-actions .primary-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.chrome-install-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--ref-primary-700,#6d28d9); font-size:13px; text-decoration:none; }
.chrome-extension-status { margin:14px 0 0; color:var(--ref-neutral-500,#737373); font-size:12px; line-height:1.8; }
.chrome-extension-workflow { align-self:center; padding:26px; border:1px solid var(--ref-neutral-200,#e5e5e5); border-radius:12px; background:var(--ref-white,#fff); box-shadow:0 5px 20px rgb(0 0 0 / .035); }
.chrome-extension-symbol { display:grid; place-items:center; width:42px; height:42px; margin-bottom:18px; border-radius:11px; color:var(--ref-primary-600,#7c3aed); background:var(--ref-primary-50,#f5f3ff); }
.chrome-extension-symbol svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.chrome-extension-workflow h3 { margin:0 0 10px; color:var(--ref-neutral-900,#171717); font-size:18px; font-weight:600; line-height:1.5; }
.chrome-extension-workflow p { margin:0; color:var(--ref-neutral-600,#525252); font-size:13px; line-height:1.85; }
.chrome-extension-workflow .chrome-extension-scope { margin:15px 0 14px; padding-top:14px; border-top:1px solid var(--ref-neutral-100,#f5f5f5); color:var(--ref-neutral-700,#404040); font-size:12px; }
.chrome-extension-workflow .landing-inline-link { font-size:12px; }
.chrome-install-details { margin-top:18px; padding:23px 28px; border:1px solid var(--ref-neutral-200,#e5e5e5); border-radius:12px; background:var(--ref-white,#fff); scroll-margin-top:115px; }
.chrome-install-details summary { width:fit-content; min-height:30px; color:var(--ref-neutral-900,#171717); font-size:15px; font-weight:600; cursor:pointer; }
.chrome-install-intro { margin:14px 0 20px; color:var(--ref-neutral-500,#737373); font-size:13px; line-height:1.8; }
.chrome-install-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.chrome-install-steps li { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.chrome-step-number { display:grid; flex-shrink:0; place-items:center; width:29px; height:29px; border-radius:8px; background:var(--ref-primary-50,#f5f3ff); color:var(--ref-primary-700,#6d28d9); font-size:11px; font-weight:600; }
.chrome-install-steps h3 { margin:4px 0 7px; color:var(--ref-neutral-800,#262626); font-size:13px; line-height:1.55; font-weight:600; }
.chrome-install-steps p,.chrome-extension-notes p { margin:0; color:var(--ref-neutral-500,#737373); font-size:12px; line-height:1.85; }
.chrome-install-steps code { display:inline-block; max-width:100%; padding:3px 6px; border:1px solid var(--ref-neutral-200,#e5e5e5); border-radius:5px; color:var(--ref-neutral-700,#404040); background:var(--ref-neutral-50,#fafafa); font-family:var(--mono); font-size:11px; overflow-wrap:anywhere; }
.chrome-extension-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; padding-top:19px; border-top:1px solid var(--ref-neutral-100,#f5f5f5); }
.chrome-extension-section :is(h2,h3,p,a,summary) { overflow-wrap:anywhere; }
.chrome-extension-section :is(a,summary):focus-visible,.hero-extension-link:focus-visible { outline:3px solid var(--ref-primary-500,#8b5cf6); outline-offset:4px; border-radius:5px; }
@media(max-width:1100px) { body[data-visual-release="reference-v2"] .main-nav { gap:17px; } body[data-visual-release="reference-v2"] .header-inner { gap:17px; } .chrome-extension-card { gap:25px; padding:30px; } }
@media(max-width:850px) { body[data-visual-release="reference-v2"] .main-nav { display:grid; order:3; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; width:100%; } body[data-visual-release="reference-v2"] .header-inner { flex-wrap:wrap; } body[data-visual-release="reference-v2"] .main-nav .nav-link { white-space:normal; text-align:center; min-width:0; } .chrome-extension-card { grid-template-columns:minmax(0,1fr); gap:26px; } .chrome-install-steps { grid-template-columns:minmax(0,1fr); gap:20px; } .chrome-extension-workflow { max-width:none; } }
@media(max-width:600px) { body[data-visual-release="reference-v2"] .main-nav { gap:6px; } body[data-visual-release="reference-v2"] .main-nav .nav-link { font-size:11px; padding-inline:3px; } .chrome-extension-section { margin-top:42px; scroll-margin-top:145px; } .chrome-extension-card { padding:25px 21px; gap:24px; } .chrome-extension-workflow { padding:21px; } .chrome-extension-copy h2 { font-size:27px; } .chrome-extension-description { font-size:14px; } .chrome-extension-actions { gap:13px; } .chrome-extension-actions .primary-button { width:100%; } .chrome-install-details { padding:22px 20px; scroll-margin-top:150px; } .chrome-extension-notes { grid-template-columns:minmax(0,1fr); gap:10px; } .hero-extension-link { max-width:100%; font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .chrome-extension-section { scroll-behavior:auto; } }
@media(max-width:850px) { body[data-visual-release="reference-v2"] .main-nav .nav-link { overflow-wrap:anywhere; } }

/* Compact tools v1: task first; support content is disclosure-only. */
body[data-layout-release="compact-tools-v1"] .compact-intro { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-block:22px 14px; }
body[data-layout-release="compact-tools-v1"] .compact-intro h1 { margin:0; color:#171717; font-size:25px; line-height:1.3; font-weight:650; letter-spacing:-.65px; }
body[data-layout-release="compact-tools-v1"] .compact-intro p { margin:5px 0 0; color:#737373; font-size:12px; line-height:1.5; }
body[data-layout-release="compact-tools-v1"] .compact-intro .service-status { margin:0; flex-shrink:0; font-size:11px; white-space:nowrap; }
body[data-layout-release="compact-tools-v1"] #detector { margin-top:0; padding-top:0; padding-bottom:18px; scroll-margin-top:90px; }
body[data-layout-release="compact-tools-v1"] #detector .modality-tabs { margin:0 0 10px; gap:6px; }
body[data-layout-release="compact-tools-v1"] #detector .modality-tab { min-height:38px; padding:8px 16px; font-size:13px; }
body[data-layout-release="compact-tools-v1"] #detector .modality-tab svg { width:17px; height:17px; }
body[data-layout-release="compact-tools-v1"] #detector .rewrite-task-switch { margin:0 0 10px; min-height:30px; }
body[data-layout-release="compact-tools-v1"] #detector .rewrite-task-switch button { min-height:30px; padding-block:5px; font-size:12px; }
body[data-layout-release="compact-tools-v1"] #detector .workspace-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:stretch; border-radius:12px; box-shadow:0 4px 20px #17171705; }
body[data-layout-release="compact-tools-v1"] #detector .input-panel,body[data-layout-release="compact-tools-v1"] #detector .result-panel { padding:18px 20px; min-height:0; }
body[data-layout-release="compact-tools-v1"] #detector .text-entry-tabs { margin:0 0 8px; padding:0; gap:8px; }
body[data-layout-release="compact-tools-v1"] #detector .text-entry-tabs button { min-height:29px; padding:5px 9px; font-size:11px; }
body[data-layout-release="compact-tools-v1"] #detector .text-model-scope { margin:5px 0 8px; font-size:10px; line-height:1.5; }
body[data-layout-release="compact-tools-v1"] #detector .review-editor-tools { margin:0 0 8px; padding:0; min-height:28px; }
body[data-layout-release="compact-tools-v1"] #detector .review-editor-tabs button,body[data-layout-release="compact-tools-v1"] #detector .review-editor-actions button { min-height:28px; padding-block:4px; font-size:11px; }
body[data-layout-release="compact-tools-v1"] #detector #text-input { min-height:180px; height:180px; padding:12px; font-size:14px; line-height:1.7; border:1px solid #e5e5e5; border-radius:8px; resize:vertical; }
body[data-layout-release="compact-tools-v1"] #detector .review-marked-text { min-height:180px; padding:12px; font-size:14px; line-height:1.7; }
body[data-layout-release="compact-tools-v1"] #detector .text-meta { margin-top:7px; padding:0; font-size:10px; line-height:1.4; }
body[data-layout-release="compact-tools-v1"] #detector .capability-note { margin:10px 0 8px; font-size:10px; line-height:1.5; }
body[data-layout-release="compact-tools-v1"] #detector .capability-note svg { width:13px; height:13px; }
body[data-layout-release="compact-tools-v1"] #detector .detect-button { margin-top:0; min-height:42px; padding:10px 14px; border-radius:8px; font-size:14px; }
body[data-layout-release="compact-tools-v1"] #detector .privacy-note { margin:9px 0 0; font-size:10px; line-height:1.5; }
body[data-layout-release="compact-tools-v1"] #detector .privacy-note svg { width:12px; height:12px; }
body[data-layout-release="compact-tools-v1"] #detector .result-heading { margin-bottom:15px; }
body[data-layout-release="compact-tools-v1"] #result-empty { min-height:120px; padding:23px 10px; }
body[data-layout-release="compact-tools-v1"] #result-empty .empty-icon { width:30px; height:30px; margin-bottom:8px; }
body[data-layout-release="compact-tools-v1"] #result-empty h4 { margin:5px 0; font-size:15px; }
body[data-layout-release="compact-tools-v1"] #result-empty p { margin:5px 0; font-size:12px; }
body[data-layout-release="compact-tools-v1"] .compact-examples { margin:12px 0 0; border-top:1px solid #f0f0f0; padding-top:8px; }
body[data-layout-release="compact-tools-v1"] .compact-examples>summary { width:fit-content; cursor:pointer; font-size:11px; color:#6d28d9; }
body[data-layout-release="compact-tools-v1"] .compact-examples .example-toolbar { margin:10px 0 0; padding:0; border:0; background:none; }
body[data-layout-release="compact-tools-v1"] #detector[data-text-task="rewrite"] .compact-examples { display:none; }
body[data-layout-release="compact-tools-v1"] .compact-usage-guide { margin-top:12px; padding:10px 0 0; border-top:1px solid #ededed; }
body[data-layout-release="compact-tools-v1"] .compact-usage-guide>summary { width:fit-content; cursor:pointer; font-size:12px; color:#737373; }
body[data-layout-release="compact-tools-v1"] .compact-usage-guide>p { font-size:11px; margin:12px 0; }
body[data-layout-release="compact-tools-v1"] .compact-usage-guide ol { margin:14px 0 8px; }
body[data-layout-release="compact-tools-v1"] .compact-support-section { margin-block:0 12px; scroll-margin-top:95px; }
body[data-layout-release="compact-tools-v1"] .compact-support { padding:14px 18px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; }
body[data-layout-release="compact-tools-v1"] .compact-support>summary { cursor:pointer; width:fit-content; font-size:13px; font-weight:550; color:#525252; }
body[data-layout-release="compact-tools-v1"] .compact-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding-top:16px; }
body[data-layout-release="compact-tools-v1"] .compact-feature-grid article { display:block; padding:0; border:0; background:none; box-shadow:none; }
body[data-layout-release="compact-tools-v1"] .compact-feature-grid .feature-icon { display:none; }
body[data-layout-release="compact-tools-v1"] .compact-feature-grid h3 { margin:0 0 5px; font-size:13px; }
body[data-layout-release="compact-tools-v1"] .compact-feature-grid p { margin:0; font-size:12px; color:#737373; line-height:1.65; }
body[data-layout-release="compact-tools-v1"] .compact-video-content { max-width:760px; margin:16px auto 0; }
body[data-layout-release="compact-tools-v1"] .compact-video-content video { display:block; width:100%; max-height:430px; aspect-ratio:16/9; border-radius:8px; object-fit:contain; background:#fafafa; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-section { margin-block:0 20px; scroll-margin-top:95px; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-card { display:flex; align-items:center; padding:16px 18px; gap:14px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-copy { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; width:100%; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-copy>.section-kicker { display:none; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-copy h2 { margin:0; font-size:15px; letter-spacing:0; line-height:1.5; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-actions { margin:0; gap:12px; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-actions .primary-button { min-height:32px; padding:6px 12px; font-size:11px; }
body[data-layout-release="compact-tools-v1"] .chrome-install-link { min-height:32px; font-size:11px; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-status { margin:0; margin-inline-start:auto; font-size:10px; }
body[data-layout-release="compact-tools-v1"] .chrome-install-details { margin-top:8px; padding:12px 18px; border-radius:10px; scroll-margin-top:95px; }
body[data-layout-release="compact-tools-v1"] .chrome-install-details>summary { min-height:22px; font-size:12px; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-workflow { padding:0; border:0; box-shadow:none; margin:14px 0; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-symbol { display:none; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-workflow h3 { font-size:13px; }
body[data-layout-release="compact-tools-v1"] .chrome-extension-workflow p { font-size:12px; }
body[data-layout-release="compact-tools-v1"] .site-footer { min-height:50px; padding-block:18px; }
@media(max-width:850px){
 body[data-layout-release="compact-tools-v1"] .header-inner { padding-block:8px; row-gap:5px; }
 body[data-layout-release="compact-tools-v1"] .site-header .main-nav { gap:8px; }
 body[data-layout-release="compact-tools-v1"] .main-nav .nav-link { padding-block:7px; }
 body[data-layout-release="compact-tools-v1"] #detector .workspace-grid { grid-template-columns:minmax(0,1fr); }
 body[data-layout-release="compact-tools-v1"] #detector .result-panel { border-inline-start:0; border-top:1px solid #e5e5e5; }
 body[data-layout-release="compact-tools-v1"] .compact-feature-grid { gap:14px; }
}
@media(max-width:600px){
 body[data-layout-release="compact-tools-v1"] .page-width { width:calc(100% - 24px); }
 body[data-layout-release="compact-tools-v1"] .header-inner { min-height:0; padding-block:7px; }
 body[data-layout-release="compact-tools-v1"] .site-header .brand { font-size:21px; }
 body[data-layout-release="compact-tools-v1"] .header-tools { margin-inline-start:auto; }
 body[data-layout-release="compact-tools-v1"] .language-control { font-size:11px; }
 body[data-layout-release="compact-tools-v1"] .main-nav .nav-link { padding-block:5px; font-size:10px; }
 body[data-layout-release="compact-tools-v1"] .compact-intro { padding-block:13px 10px; gap:10px; }
 body[data-layout-release="compact-tools-v1"] .compact-intro h1 { font-size:19px; letter-spacing:-.35px; }
 body[data-layout-release="compact-tools-v1"] .compact-intro p { max-width:31ch; font-size:10px; margin-top:3px; }
 body[data-layout-release="compact-tools-v1"] .compact-intro .service-status { font-size:9px; }
 body[data-layout-release="compact-tools-v1"] #detector { scroll-margin-top:105px; padding-bottom:12px; }
 body[data-layout-release="compact-tools-v1"] #detector .modality-tabs { gap:5px; margin-bottom:8px; }
 body[data-layout-release="compact-tools-v1"] #detector .modality-tab { min-height:34px; padding:6px 10px; font-size:12px; }
 body[data-layout-release="compact-tools-v1"] #detector .rewrite-task-switch { margin-bottom:8px; }
 body[data-layout-release="compact-tools-v1"] #detector .input-panel,body[data-layout-release="compact-tools-v1"] #detector .result-panel { padding:12px 14px; }
 body[data-layout-release="compact-tools-v1"] #detector #text-input { min-height:144px; height:144px; font-size:16px; padding:10px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-marked-text { min-height:144px; padding:10px; }
 body[data-layout-release="compact-tools-v1"] #detector .text-model-scope { font-size:9px; margin:4px 0 6px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-tools { min-height:26px; margin-bottom:6px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-tabs button,body[data-layout-release="compact-tools-v1"] #detector .review-editor-actions button { min-height:26px; font-size:10px; }
 body[data-layout-release="compact-tools-v1"] #detector .detect-button { min-height:40px; font-size:13px; }
 body[data-layout-release="compact-tools-v1"] #detector .capability-note { margin:8px 0 6px; }
 body[data-layout-release="compact-tools-v1"] #detector .privacy-note { font-size:9px; }
 body[data-layout-release="compact-tools-v1"] #result-empty { min-height:75px; padding:10px 0; }
 body[data-layout-release="compact-tools-v1"] .compact-feature-grid { grid-template-columns:minmax(0,1fr); }
 body[data-layout-release="compact-tools-v1"] .compact-support { padding:12px 14px; }
 body[data-layout-release="compact-tools-v1"] .chrome-extension-card { padding:12px 14px; }
 body[data-layout-release="compact-tools-v1"] .chrome-extension-copy { gap:7px 12px; }
 body[data-layout-release="compact-tools-v1"] .chrome-extension-actions .primary-button { width:auto; }
 body[data-layout-release="compact-tools-v1"] .chrome-extension-status { margin-inline-start:0; width:100%; }
}
/* Mobile density refinement: keep editor views and Undo in a single usable toolbar. */
@media(max-width:600px){
 body[data-layout-release="compact-tools-v1"] .compact-intro { padding-block:9px 8px; }
 body[data-layout-release="compact-tools-v1"] #detector .modality-tabs { margin-bottom:6px; }
 body[data-layout-release="compact-tools-v1"] #detector .modality-tab { min-height:32px; padding-block:5px; }
 body[data-layout-release="compact-tools-v1"] #detector .rewrite-task-switch { padding:2px; margin-bottom:6px; }
 body[data-layout-release="compact-tools-v1"] #detector .rewrite-task-switch button { min-height:28px; padding-block:4px; }
 body[data-layout-release="compact-tools-v1"] #detector .input-panel { padding:10px 12px; }
 body[data-layout-release="compact-tools-v1"] #detector .text-entry-tabs { margin-bottom:5px; }
 body[data-layout-release="compact-tools-v1"] #detector .text-entry-tabs button { min-height:26px; padding:4px 7px; }
 body[data-layout-release="compact-tools-v1"] #detector .text-model-scope { margin:3px 0 4px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-tools { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:6px; min-height:26px; margin-bottom:4px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-tabs { flex:1 1 auto; min-width:0; flex-wrap:nowrap; gap:2px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-tabs button { min-width:0; min-height:26px; padding:4px 6px; line-height:1.2; white-space:normal; overflow-wrap:anywhere; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-actions { flex:0 0 auto; width:auto; max-width:42%; flex-wrap:nowrap; justify-content:flex-end; gap:4px; }
 body[data-layout-release="compact-tools-v1"] #detector .review-editor-actions button { min-width:0; min-height:26px; padding:4px 6px; line-height:1.2; white-space:normal; overflow-wrap:anywhere; }
 body[data-layout-release="compact-tools-v1"] #detector .text-meta { margin-top:5px; }
 body[data-layout-release="compact-tools-v1"] #detector .capability-note { margin:6px 0 5px; }
}