/* CloneScan-only component visuals. Other product pages retain their original styles. */
.cs-controls{display:grid;gap:18px;--cs-accent:#705FDD}
.cs-feature-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;min-width:0;padding:24px;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 2px 7px rgba(15,23,42,.05)}
.cs-feature-copy{min-width:0}
.cs-feature-copy h2{color:#0f172a;font-size:22px;font-weight:750;line-height:1.27;margin:0 0 12px}
.cs-feature-copy p{color:#64748b;line-height:1.7;font-size:14px;margin:0 0 18px}
.cs-feature-benefits{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.cs-feature-benefits li{font-size:13px;line-height:1.5;color:#334155;display:flex;align-items:flex-start;gap:8px}
.cs-feature-benefits li::before{content:'✓';flex:0 0 19px;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;background:rgba(112,95,221,.12);border-radius:50%;color:#705FDD;font-weight:800;font-size:12px}
.cs-feature-art{min-width:0;border-radius:16px;overflow:hidden;border:1px solid #e8e9f4;background:#f5f5ff;box-shadow:0 9px 20px rgba(40,30,100,.045)}
.cs-feature-art img{width:100%;height:auto;display:block;object-fit:contain}
.cs-feature-row.cs-reverse .cs-feature-copy{grid-column:2;grid-row:1}
.cs-feature-row.cs-reverse .cs-feature-art{grid-column:1;grid-row:1}
@media(min-width:1024px) and (max-width:1200px){.cs-feature-row{grid-template-columns:1fr}.cs-feature-row.cs-reverse .cs-feature-copy,.cs-feature-row.cs-reverse .cs-feature-art{grid-column:auto;grid-row:auto}}
@media(max-width:767px){.cs-feature-row{grid-template-columns:1fr;padding:18px;gap:16px}.cs-feature-row.cs-reverse .cs-feature-copy,.cs-feature-row.cs-reverse .cs-feature-art{grid-column:auto;grid-row:auto}.cs-feature-copy h2{font-size:21px}.cs-feature-copy p{font-size:14px}}

/* NextDiff virtual UI elements: soft TkoSoft-style control surfaces. */
.nextdiff-controls .cs-feature-art{overflow:visible;border:0;background:transparent;box-shadow:none}
.nextdiff-controls .nd-element-panel{min-width:0;margin:0;padding:12px;background:linear-gradient(135deg,#f5f7ff 0%,#ffffff 60%,#eef1ff 100%);border:1px solid #e0e5fa;border-radius:20px;box-shadow:0 15px 35px rgba(69,78,158,.095)}
.nextdiff-controls .nd-element-graphic{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #e7eafe;box-shadow:0 6px 16px rgba(69,69,146,.09)}
.nextdiff-controls .nd-example-buttons{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end;margin-top:12px}
.nextdiff-controls .nd-example-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 15px;border-radius:10px;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.15;font-weight:700;letter-spacing:.005em;white-space:nowrap;box-shadow:0 4px 10px rgba(82,78,159,.07)}
.nextdiff-controls .nd-example-button-primary{background:linear-gradient(135deg,#7764e9,#5a4cdb);color:#fff;border:1px solid #6f5bdf;box-shadow:0 6px 15px rgba(108,85,223,.22)}
.nextdiff-controls .nd-example-button-secondary{background:#fff;color:#564ac2;border:1px solid #d5d3f6}
@media(max-width:560px){.nextdiff-controls .nd-example-buttons{justify-content:center;gap:6px}.nextdiff-controls .nd-example-button{font-size:11px;min-height:30px;padding:7px 10px}.nextdiff-controls .nd-element-panel{padding:8px}}

/* HelpEdit: focused, alternating two-column feature presentation. */
.helpedit-controls .helpedit-feature-headline{font-size:15px;line-height:1.5;font-weight:650;color:#273558;margin:0 0 9px}
.helpedit-controls .cs-feature-art{background:#f8f6ff;border-color:#eeeafc}
.helpedit-controls .cs-feature-art img{aspect-ratio:4/3;object-fit:contain}

/* FindInside: focused visual control elements and alternating layout. */
.findinside-controls .cs-feature-art{background:#f5f7ff;border-color:#e7eafa}
.findinside-controls .cs-feature-art img{aspect-ratio:4/3;object-fit:contain}

.audio-tag-controls .cs-feature-row{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;padding:28px}
.audio-tag-controls .cs-feature-copy p{max-width:48ch}
.audio-tag-controls .cs-feature-art{background:#f7f6ff;border-color:#e7e4fb;box-shadow:0 12px 26px rgba(40,30,100,.06)}
.audio-tag-controls .cs-feature-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@media(min-width:1280px){.audio-tag-controls .cs-feature-row{grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr)}}
@media(max-width:1200px){.audio-tag-controls .cs-feature-row{grid-template-columns:1fr;padding:22px;gap:18px}}