/* Match the restored CLASH figure, with shared aligned read rails. */
body.analyzer .expression-preview.clash-v2-report-preview,
.workflow-gallery-page .expression-preview.clash-v2-report-preview {
    display:block; width:100%; min-width:0; padding:0; border:0;
    border-radius:0; background:transparent; font:14px/1.35 Arial,sans-serif;
}
.expression-preview .report-preview-head {padding:0 10px 12px;}
.expression-preview .expression-example {width:100%; min-width:0; margin:8px 0; padding:8px; border:1px solid #dbe7f2; border-radius:6px; color:#172033; background:white; font:inherit;}
.expression-preview .expression-step-body {margin:8px 0 6px 36px;}
.expression-preview .expression-reads {display:grid; gap:10px; margin:10px 0;}
.expression-preview .expression-read {display:grid; grid-template-columns:24px minmax(0,1fr) 14px; gap:6px; align-items:end;}
.expression-preview .expression-mate,.expression-preview .expression-direction {font-size:11px; line-height:12px; color:#52647c;}
.expression-preview .expression-rail {display:flex; gap:3px; min-width:0; align-items:end;}
.expression-preview .expression-part {flex:1 1 0; min-width:0; text-align:center;}
.expression-preview .expression-part.insert {flex:3 1 0;}
.expression-preview .expression-part span {display:block; min-height:28px; font-size:10px; line-height:13px; overflow-wrap:anywhere;}
.expression-preview .expression-part i {display:block; height:8px; border-radius:3px; background:#2f6df2;}
.expression-preview .expression-part.umi i {background:#0f766e;}
.expression-preview .expression-part.technical i {background:#f3b34c;}
.expression-preview .expression-part.adapter i {background:#ea580c;}
.expression-preview .expression-gate {display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center;font-size:11px;color:#07887c;}
.expression-preview .expression-gate span:last-child {color:#a74538;}
.expression-preview .expression-detail {font-size:12px;margin-top:8px;}
.expression-preview .expression-detail summary {color:#52647c;cursor:pointer;}
.expression-preview .expression-detail p {margin-top:6px;}
.expression-preview .expression-preview-note {font-size:11px;color:#64748b;margin-top:8px;}
.expression-preview .clash-v2-output-strip {display:flex;flex-wrap:wrap;gap:8px;margin:14px 10px;}
@media(max-width:600px) {
 .expression-preview .expression-step-body {margin-left:0;}
 .expression-preview .expression-part span {font-size:10px;}
}

.expression-preview .expression-read.r2 .expression-part.insert i {background:#d5367d;}
.expression-preview .expression-evidence {display:block;width:100%;height:auto;margin:8px 0;}
.expression-preview .expression-results {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;}
.expression-preview .expression-result {display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;}
.expression-preview .expression-result svg {width:32px;height:32px;flex-shrink:0;}
.expression-preview .expression-source {margin:10px;}
@media(max-width:600px) {
 .expression-preview .expression-results {grid-template-columns:1fr;}
 body.analyzer #clashV2Beta_imageContainer .clash-v2-report-preview {--workflow-umi-width:30px;}
 #clashV2Beta_imageContainer .read-seg-labels {font-size:10px;white-space:normal;line-height:1.15;}
 #clashV2Beta_imageContainer .raw-read-labels,
 #clashV2Beta_imageContainer .trim-read-labels {grid-template-columns:30px minmax(0,1fr) 30px 48px;}
 #clashV2Beta_imageContainer .raw-read-labels.r2-labels,
 #clashV2Beta_imageContainer .trim-read-labels.r2-labels {grid-template-columns:48px 30px minmax(0,1fr) 30px;}
 #clashV2Beta_imageContainer .seg.adapter,
 #clashV2Beta_imageContainer .seg.removed-adapter {flex-basis:48px;}
}

.workflow-gallery-page .clash-v2-report-preview {width:100%;min-width:0;max-width:none;}
.workflow-gallery-page .image-section {margin-top:16px;}
@media(max-width:600px) {
 .expression-preview .expression-evidence text {font-size:19px;}
 .workflow-gallery-page #clashV2Beta_imageContainer .clash-v2-report-preview {--workflow-umi-width:30px;}
}

.expression-preview .expression-kit-name {font-weight:700;margin:8px 0;}
.expression-preview .expression-availability {color:#a74538;font-size:12px;margin-top:8px;}
.expression-preview .expression-detail p {overflow-wrap:anywhere;}