/* ══════════ 精修层 polish.css ══════════ */

/* ── 顶部阅读进度条 ── */
#readProgress {
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg,var(--orange),var(--amber));
  z-index:200; border-radius:0 3px 3px 0;
  box-shadow:0 0 12px rgba(255,122,26,.6);
  transition:width .1s linear;
}

/* ── 锚点偏移：标题不被导航遮挡 ── */
section[id], footer { scroll-margin-top:calc(var(--nav-h) + 18px); }

/* ── 氛围暗角 + 细噪点纹理 ── */
body::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:1;
  background:radial-gradient(ellipse at center, transparent 55%, rgba(4,6,10,.55) 100%);
}
body::after {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:1; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}
.hero, .sec, footer, .nav, #readProgress { position:relative; z-index:2; }

/* ── 数字滚动动画 ── */
.num-anim { display:inline-block; font-variant-numeric:tabular-nums; }

/* ── 卡片光泽扫过效果（仅限不承载密集文字的卡片，防止 ::after 遮字）── */
.src-card, .ev-card {
  position:relative; overflow:hidden;
}
.src-card::after, .ev-card::after {
  content:""; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.06),transparent);
  transform:skewX(-18deg); transition:left .6s ease;
  pointer-events:none;
}
.src-card:hover::after, .ev-card:hover::after { left:130%; }

/* ── 指标卡数值高亮动效（数据源切换时）── */
@keyframes valueFlash {
  0%{ color:var(--cream); text-shadow:0 0 14px rgba(255,178,94,.8); }
  100%{ text-shadow:none; }
}
.value-flash { animation:valueFlash .9s ease; }

/* ── 时间轴滑块美化 ── */
input[type=range] {
  -webkit-appearance:none; appearance:none;
  background:linear-gradient(90deg,var(--orange) var(--fill,0%),rgba(255,255,255,.12) var(--fill,0%));
  border-radius:99px; cursor:pointer;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none; appearance:none;
  width:16px; height:16px; border-radius:50%;
  background:#fff; border:3px solid var(--orange);
  box-shadow:0 0 12px rgba(255,122,26,.7);
}
.tl-labels span { transition:.25s; padding:2px 6px; border-radius:6px; }
.tl-labels span.on { color:var(--amber); font-weight:700; background:rgba(255,122,26,.12); }

/* ── 器官盒预填热图色 ── */
.organ-box { letter-spacing:2px; }

/* ── 键盘焦点可达性 ── */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline:2px solid var(--orange); outline-offset:2px; border-radius:6px;
}

/* ── 机制画布步骤切换淡入 ── */
#mechCanvas { transition:opacity .35s ease; }
#mechCanvas.fading { opacity:0; }

/* ── 首屏视差光标跟随层 ── */
.hero-content { transform:none; }

/* ── 数据源按钮选中态强化 ── */
.dss-btn.active {
  box-shadow:inset 0 0 0 1px var(--orange), 0 0 14px rgba(255,122,26,.25);
}

/* ── 表格化指标数字 ── */
.metric-card .val { font-variant-numeric:tabular-nums; letter-spacing:.01em; }

/* ── 减少动态偏好 ── */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
  html { scroll-behavior:auto; }
}

/* ── 小屏微调 ── */
@media (max-width:640px){
  .hero-stats > div { min-width:110px; margin-bottom:12px; }
  .mol-legend { gap:14px; }
}

/* 首页独立右侧视野：画布的任何像素都不能进入文案/按钮列。 */
.hero {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(24px,3.5vw,64px); align-items:center;
  padding:calc(var(--nav-h) + 48px) max(24px,calc((100vw - 1360px)/2)) 76px;
  background:radial-gradient(ellipse at 78% 43%,rgba(129,156,164,.065),transparent 52%),var(--bg);
}
.hero-content { max-width:none; min-width:0; margin:0; padding:0; }
.hero-sub { line-height:1.8; }
.hero-actions { gap:12px; }
.hero-actions .btn-lg { padding-inline:24px; }
.hero-stats { margin-top:38px; gap:18px; }
.hero-stats > div { padding:0; min-width:130px; }
.hero-stats b { font-size:20px; }
.hero-stats span { display:block; margin-top:6px; line-height:1.7; }
.hero-visual { margin:0; min-width:0; position:relative; isolation:isolate; }
.hero-visual-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 4px 16px; }
.hero-visual-head > span { font-size:13px; color:#C9D4D8; letter-spacing:.09em; }
.hero-appearance { display:flex; border:1px solid #303B40; border-radius:999px; padding:3px; }
.hero-visual button { font-family:inherit; color:#ABB8BF; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.hero-appearance button { background:transparent; border:0; border-radius:999px; font-size:12px; min-height:32px; padding:5px 12px; }
.hero-appearance button[aria-pressed="true"] { background:#27353A; color:#E6F3F3; }
.hero-canvas-wrap {
  height:410px; position:relative; overflow:hidden; border-radius:28px;
  background:radial-gradient(ellipse at 46% 42%,#30393B 0,#1B2328 48%,#10171C 82%);
  border:1px solid rgba(153,182,186,.12); contain:paint;
}
.hero-canvas-wrap::before {
  content:""; position:absolute; inset:0; opacity:.16; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' d='M0 0h180v180H0z' filter='url(%23grain)'/%3E%3C/svg%3E");
}
.hero-visual[data-appearance="classic"] .hero-canvas-wrap { background:radial-gradient(ellipse at 46% 42%,#251D17,#0C1117 74%); }
.hero-visual[data-appearance="classic"] .hero-canvas-wrap::before { opacity:.035; }
#heroCanvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.hero-structure-label,.hero-scene-label { position:absolute; left:20px; right:20px; pointer-events:none; font-size:11px; letter-spacing:.05em; color:#BCC9CB; }
.hero-structure-label { top:18px; }
.hero-scene-label { bottom:18px; color:#D4DBDA; }
.hero-routes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:16px; }
.hero-routes button { min-height:40px; padding:7px 3px; border-radius:11px; font-size:12px; background:rgba(255,255,255,.025); border:1px solid #293238; }
.hero-routes button[aria-pressed="true"] { background:rgba(255,154,69,.10); border-color:#B97843; color:#FFCA98; }
.hero-route-note { margin:12px 2px 10px; min-height:44px; font-size:13px; color:#BCC7CE; line-height:1.7; }
.hero-playback { display:flex; gap:10px; align-items:center; justify-content:flex-end; padding:0 2px; min-height:34px; }
.hero-playback[hidden] { display:none; }
.hero-phase { font-size:12px; color:#E0D1C0; }
.hero-canvas-phase { position:absolute; top:17px; left:20px; right:20px; color:#FFC58F; font-size:12.5px; font-weight:600; line-height:1.55; pointer-events:none; }
.hero-playback > div { display:flex; align-items:center; gap:5px; }
.hero-playback button { min-height:34px; padding:5px 9px; border:1px solid #293238; border-radius:8px; background:transparent; font-size:11px; }
.hero-playback button[aria-pressed="true"] { border-color:#80BF79; color:#B3EDA4; }
.hero-playback button[hidden] { display:none; }
.hero-fluor-colors { display:inline-flex; gap:4px; }
.hero-fluor-colors[hidden] { display:none; }
.hero-fluor-colors button { padding-inline:7px; }
.hero-fluor-colors [data-fluor-color="green"][aria-pressed="true"] { color:#A3FFAF; border-color:#4EA65F; }
.hero-fluor-colors [data-fluor-color="red"][aria-pressed="true"] { color:#FF9BAD; border-color:#BE576F; }
.hero-source-proof { margin-top:8px; padding:10px 12px; border:1px solid rgba(158,180,191,.12); border-radius:10px; min-height:68px; font-size:11px; line-height:1.6; }
.hero-source-proof > span { color:#8F9DA5; margin-right:10px; }
.hero-source-proof a { color:#C1DADB; text-decoration:none; overflow-wrap:anywhere; }
.hero-source-proof a:hover { text-decoration:underline; }
.hero-source-proof p { color:#9EAEB5; margin:5px 0 0; }
.hero-visual-note { margin:12px 2px 0; font-size:11px; line-height:1.65; color:#849198; }
.hero-science { margin:8px 2px 0; font-size:11px; color:#96A6AD; line-height:1.8; }
.hero-science summary { width:fit-content; cursor:pointer; color:#ACBFC7; }
.hero-science p { margin:8px 0; }
.hero-science a { color:#B5D8D7; display:inline-block; margin-right:12px; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1100px){
  .hero { gap:28px; }
  .hero h1 { font-size:44px; }
  .hero-canvas-wrap { height:360px; }
  .hero-visual-head { flex-wrap:wrap; }
  .hero-stats b { font-size:18px; }
}
@media(max-width:900px){
  .hero { grid-template-columns:minmax(0,1fr); padding:calc(var(--nav-h) + 38px) 28px 48px; gap:36px; }
  .hero-content,.hero-visual { width:100%; max-width:660px; margin-inline:auto; }
  .hero-visual-head { flex-wrap:nowrap; }
  .hero-canvas-wrap { height:400px; }
  .hero .scroll-hint { display:none; }
}
@media(max-width:520px){
  .hero { padding-inline:20px; gap:28px; }
  .hero h1 { font-size:36px; }
  .hero-sub { font-size:15px; }
  .hero-actions { flex-direction:column; align-items:stretch; }
  .hero-actions .btn-lg { justify-content:center; font-size:15px; }
  .hero-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:28px; padding-top:20px; }
  .hero-stats > div { min-width:0; margin:0; }
  .hero-stats > div:last-child { grid-column:1/-1; }
  .hero-stats b { font-size:18px; }
  .hero-stats span { font-size:12px; }
  .hero-canvas-wrap { height:310px; border-radius:20px; }
  .hero-visual-head { gap:6px; }
  .hero-visual-head > span { font-size:12px; letter-spacing:0; }
  .hero-appearance button { padding-inline:9px; font-size:11px; }
  .hero-routes { gap:5px; }
  .hero-routes button { font-size:11px; min-height:42px; }
  .hero-route-note { min-height:44px; font-size:12px; }
  .hero-playback { flex-wrap:wrap; }
  .hero-playback > div { flex-wrap:wrap; }
  .hero-structure-label,.hero-scene-label { left:14px; right:14px; font-size:10px; }
  .hero-canvas-phase { left:14px; right:14px; font-size:12px; }
}

/* Keyboard and touch support across the scientific workspace. */
:focus-visible{outline:2px solid var(--orange-hi);outline-offset:4px}
section[id]{scroll-margin-top:86px}
#rfqStatus{margin-top:14px;color:var(--amber);font-size:14px;line-height:1.7}
.src-select{display:flex;align-items:center;gap:11px;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:44px}
.src-card:focus-within{border-color:var(--orange-hi)}
.src-subtypes button{font-family:inherit}
.btn-primary{color:#281405;box-shadow:0 6px 22px rgba(255,122,26,.22)}
.btn{min-height:46px;line-height:1.5}
.hero-source-proof,.hero-science,.hero-route-note{font-size:14px;line-height:1.8}
.hero-source-proof{padding:14px 16px}
.hero-science summary{min-height:44px;display:list-item;padding-block:9px;cursor:pointer;color:var(--amber)}
.note-strip,.method-desc,.target-context p,.metric-note,.ev-tagline{font-size:14px;line-height:1.8}
.field input:focus,.field textarea:focus{border-color:var(--orange-hi);background:rgba(255,122,26,.035)}
.ev-source,.peptide-card a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.src-card,.rfq-form,.rfq-summary{box-shadow:0 12px 32px rgba(0,0,0,.1)}
.sec-head{margin-bottom:42px}
.hero .reveal{opacity:1;transform:none;transition:none}
@media(max-width:640px){
  .nav-toggle{min-width:44px;min-height:44px}
  .hero-routes button{font-size:14px;min-height:44px}
  .field input,.field textarea,.field select{font-size:16px}
  .subtype-chip,.method-chip{font-size:14px;min-height:44px;padding:9px 13px}
  .flow-step small,.external-item small,.common-payload-grid small,.peptide-panel-head small{font-size:13px;line-height:1.65}
  .flow-step{padding:14px 12px}
  .organ-target b,.target-lab.compact .organ-target b,.target-lab.compact .target-context p{font-size:14px}
  .peptide-card code{font-size:13px;line-height:1.65}
  .direct-contact small,.direct-contact span{font-size:12px}
  .sec-head{margin-bottom:30px}
  .hero-source-proof,.hero-science{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}

/* 2026-10 atlas + project traceability */
.atlas-key{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#9bcbd0;font-size:11px;margin:12px 0 0;letter-spacing:.03em}
.atlas-key span{color:var(--muted);font-size:10px}
.project-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:path}
.path-card{position:relative;padding:26px;border:1px solid rgba(130,180,193,.16);border-radius:20px;background:linear-gradient(140deg,rgba(28,47,60,.65),rgba(12,19,26,.85));overflow:hidden}
.path-number{display:inline-block;font-size:13px;letter-spacing:.12em;color:#77cbd4;border-bottom:1px solid rgba(119,203,212,.3);padding-bottom:9px;margin-bottom:20px}
.path-card h3{font-size:20px;margin:0 0 9px}.path-card b{font-size:12px;color:#e3bd95;font-weight:500}.path-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:13px 0 0}
.study-design{margin-top:28px;padding:30px;border:1px solid rgba(126,190,197,.18);border-radius:22px;background:rgba(13,25,34,.7)}
.study-design-title h3{font-size:22px;margin:8px 0}.study-design-title p{font-size:13px;color:var(--muted)}
.study-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.study-design-grid label{display:flex;flex-direction:column;gap:8px;min-width:0}.study-design-grid b{font-size:15px;color:#d7eced}.study-design-grid span{font-size:12px;line-height:1.8;color:var(--muted)}
.study-design-grid textarea{resize:vertical;background:#0b131c;border:1px solid #2b414d;border-radius:10px;padding:12px;color:#e7eff2;font:inherit;font-size:13px;min-height:82px;max-width:100%}
.study-design-grid textarea:focus{outline:2px solid #74cbd5;outline-offset:2px}
.path-boundary{font-size:12px;color:var(--muted);margin:20px 0 0;line-height:1.8}
.val-panel .val-grid{grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);align-items:start}
.val-panel .metric-card .val{font-size:17px;color:#8bd2d8;white-space:nowrap}.data-source-switch{flex-wrap:wrap}.data-source-switch .dss-btn{font-size:11px}.disclaimer a{color:#98d8e0;text-decoration:underline}
.organ-cell{cursor:pointer}.organ-cell:focus-visible{outline:2px solid #8bd2d8;outline-offset:4px;border-radius:12px}
@media(min-width:1000px){.nav-menu{gap:20px}.nav-menu a{font-size:13px}}
@media(max-width:780px){.project-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-design-grid{grid-template-columns:1fr}.val-panel .val-grid{grid-template-columns:1fr}.study-design{padding:22px}.val-panel canvas{height:320px!important}}
@media(max-width:480px){.project-path-grid{grid-template-columns:1fr}.path-card{padding:22px}.path-number{margin-bottom:12px}.atlas-key{font-size:10px}.val-panel canvas{height:290px!important}}

.val-panel h3{font-size:21px;margin:0 0 10px}.val-caption{font-size:13px;line-height:1.9;color:var(--muted)}
#valCanvas{width:100%;height:360px;display:block;border-radius:18px;background:#0c1722;margin-top:16px}
.val-scope-note{color:var(--muted);font-size:11px;line-height:1.8;margin:12px 0}
.output-heading{font-size:14px;margin:2px 0 16px}.val-panel .metric-card{gap:14px}.val-panel .metric-card .metric-note{display:block;font-size:12px;line-height:1.8;margin-top:9px}.val-panel .metric-card .val{white-space:normal;flex:0 0 90px;font-size:13px;line-height:1.7;text-align:right}
.data-delivery{margin-top:20px}.data-delivery h4{font-size:13px;margin-bottom:10px}.data-delivery>span{display:inline-block;font-size:11px;padding:6px 9px;margin:0 5px 7px 0;border:1px solid #28434c;color:#aed1d6;border-radius:7px;background:#12212a}
.validation-evidence{margin-top:22px;padding-top:19px;border-top:1px solid #263640}.validation-evidence p{font-size:12px;color:#b6cbd1;line-height:1.9}.validation-evidence div{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-size:11px}.validation-evidence a{color:#8dd1db;text-decoration:underline;text-underline-offset:3px}.validation-evidence small{font-size:10px;color:var(--muted)}
.animal-views{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.animal-views button{padding:8px 12px;background:#14232e;color:#a4c8d0;border:1px solid #2a4350;border-radius:8px;font-size:12px;cursor:pointer}.animal-views button[aria-pressed=true]{background:#244652;color:#e2ffff;border-color:#7baeb5}
.delivery-route{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px;font-size:12px}.delivery-route label{font-weight:600;color:#d5e8ed}.delivery-route select{background:#14232e;border:1px solid #4f8391;border-radius:8px;padding:9px 26px 9px 10px;color:#e1f3f5}.delivery-route span{color:#92b5bf;font-size:11px}
.route-readouts{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;margin-top:24px}.route-readouts article{background:#101e27;border:1px solid #243b46;border-radius:12px;padding:18px}.route-readouts h4{font-size:13px;color:#c9e2e5;margin:0 0 10px}.route-readouts p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}
.organ-map .organ-cell{border:0;background:none;color:var(--text);font:inherit}.organ-map .organ-box{display:flex}
@media(max-width:780px){.route-readouts{grid-template-columns:1fr}.val-panel .metric-card .val{flex-basis:90px}}

.sample-link{display:flex;flex-direction:column;gap:7px;border-left:2px solid #66bbc7;background:#12232d;padding:13px 15px;margin:18px 0;font-size:12px}.sample-link>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#83bdc9}.sample-link b{font-weight:500;color:#d8ecee}.sample-link small{font-size:10px;color:var(--muted)}.tissue-organ-label{font-size:12px;color:#b8d9dc;display:flex;gap:10px;align-items:center;margin-top:16px}.tissue-organ-label select{background:#152b36;color:#d9f4f5;border:1px solid #4e8491;border-radius:7px;padding:7px 15px}

.membrane-zoom{border:1px solid #263a43;border-radius:12px;padding:6px 12px 9px;background:rgba(11,24,32,.75);margin-top:10px}.membrane-zoom svg{display:block;width:100%;max-height:92px}.membrane-zoom small{display:block;font-size:10px;color:#91a5ad;line-height:1.7}.hero-canvas-wrap{min-height:280px}

.joint-interpretation{margin:20px 0;padding:17px 20px;border:1px solid #394147;border-radius:12px;background:rgba(34,35,32,.4)}.joint-interpretation summary{cursor:pointer;font-size:13px;color:#dac5a8}.joint-interpretation>p{font-size:12px;color:#a8b8bd;margin:15px 0}.joint-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}.joint-results article{padding:13px 15px;background:#111d25;border-radius:8px}.joint-results b{font-size:12px;color:#c2d7dc;display:block}.joint-results span{font-size:12px;line-height:1.8;color:#8fa7b0;display:block;margin-top:7px}@media(max-width:780px){.joint-results{grid-template-columns:1fr}}
.membrane-reference{font-size:10px;color:#83bac5;text-decoration:underline}
.marker-option{display:flex;align-items:center;gap:8px;font-size:11px;color:#9fbbc3;margin:12px 0}.marker-option input{accent-color:#75bdca}

/* Compact engineering selector: choices stay visible; long references expand on demand. */
.builder-controls{min-width:0;background:rgba(16,25,34,.6);border:1px solid #26333e;border-radius:20px;padding:18px}
.builder-controls .module-tabs{gap:6px;margin-bottom:18px}.builder-controls .mtab{font-size:12px;padding:12px 6px}
.builder-controls .module-list{padding:0;gap:14px}
.module-selection-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.module-selection-heading b{color:#d3e3e8;font-weight:500}.module-selection-heading span{font-size:10px;color:var(--muted)}
.module-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mod-item.mod-choice{font-family:inherit;text-align:left;min-width:0;min-height:72px;padding:13px 30px 12px 13px;border-radius:12px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;color:var(--text)}
.choice-name{font-size:13px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.choice-tag{font-size:10px;color:var(--muted);line-height:1.35}.choice-check{position:absolute;right:10px;top:12px;color:#6d808a;font-size:14px}.selected .choice-check{color:var(--orange)}.selected .choice-tag{color:#c8a47e}
.mod-choice:focus-visible,.common-payloads summary:focus-visible{outline:2px solid #8dd5de;outline-offset:3px}
.common-payloads summary:before{content:'+';color:#a9c7cd;font-size:16px;font-weight:400}.common-payloads[open] summary:before{content:'−'}.common-payloads summary::-webkit-details-marker{display:none}
.builder-controls .common-payloads{padding:0 13px;border-radius:12px}.common-payloads summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:13px 0}.common-payloads summary>span{font-size:12px;color:#b9d7dd}.common-payloads summary small{font-size:10px;color:#839da8;margin-left:auto}.common-payloads[open] summary small{font-size:0}.common-payloads[open] summary small:after{content:'收起';font-size:10px}.payload-reference-note{font-size:11px;color:var(--muted);margin:0 0 10px}.common-payloads .common-payload-grid{margin:0 0 13px}.module-empty-note{font-size:12px;color:var(--muted);margin:0;padding:12px 0}
@media(min-width:1021px){.builder-grid{grid-template-columns:minmax(350px,.92fr) minmax(0,1.3fr);gap:24px}.build-stage{position:sticky;top:calc(var(--nav-h) + 16px);min-height:0}.build-stage #builderCanvasWrap{min-height:350px;height:350px;flex:none}.build-stage .stage-head,.build-stage .stage-actions{padding:18px 20px}.build-stage .stage-title{font-size:15px}.build-stage .stage-meta{font-size:11px;gap:7px 16px}.build-stage .stage-actions{gap:10px}.build-stage .plan-chips{width:100%}}
@media(max-width:1020px){.build-stage{position:static}.builder-controls{padding:16px}.module-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.module-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-name{font-size:13px}.builder-controls .mtab{font-size:11px;min-height:44px}.module-selection-heading span{font-size:10px}.builder-controls .common-payload-grid small{font-size:12px}.common-payloads summary small{font-size:10px}.mod-item.mod-choice{min-height:76px}}

/* Two tracing destinations; long preparation and kinetics context expand on demand. */
#valTabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}#valTabs .vtab{font-size:17px;padding:20px 24px;text-align:left;border-radius:16px;min-height:64px}.tracking-preparation{margin:0 0 22px}.tracking-preparation>summary{cursor:pointer;font-size:13px;color:#a9cbd2;padding:0}.tracking-preparation[open]>summary{padding-bottom:22px}.validation-plan{margin-top:16px}
.trace-playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}.trace-playback button{border:1px solid #3e727e;border-radius:8px;background:#18333e;color:#d6f3f5;padding:9px 14px;cursor:pointer;font:inherit;font-size:12px;min-height:38px}.trace-playback span{font-size:12px;color:#dfbf96}.trace-playback small{font-size:10px;color:#7895a1;margin-left:auto}
.kinetics-note{padding:17px 20px;margin-top:20px;border:1px solid #2c4652;background:#111f29;border-radius:12px}.kinetics-note summary{font-size:13px;color:#aed6df;cursor:pointer}.kinetics-note p{font-size:12px;line-height:1.85;color:#99b1bb;margin-top:15px}.kinetics-note a{font-size:12px;color:#8dd2db;text-decoration:underline}
@media(max-width:640px){#valTabs{gap:10px}#valTabs .vtab{font-size:14px;padding:15px 14px;min-height:60px}.trace-playback small{width:100%;margin:0}.tracking-preparation>summary{line-height:1.8}.build-stage #builderCanvasWrap{height:320px;min-height:320px}}

.loading-library{margin-top:28px;padding:26px;border:1px solid #2d4550;background:linear-gradient(145deg,#12232c,#0d171f);border-radius:20px}.loading-library-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.loading-library h3{font-size:22px;margin:8px 0 10px;line-height:1.5}.loading-library-head p{font-size:13px;color:var(--muted);margin:0}.library-badge{font-size:10px;color:#a4c6cc;white-space:nowrap;border:1px solid #355461;border-radius:30px;padding:7px 11px}
.drug-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px}.drug-tabs button{background:#10202a;border:1px solid #35505d;border-radius:12px;padding:15px 17px;cursor:pointer;text-align:left;color:#c8dfe4;font:inherit;min-width:0}.drug-tabs b{font-size:14px;display:block}.drug-tabs span{font-size:11px;display:block;color:#8ca9b4;margin-top:7px;line-height:1.6}.drug-tabs button[aria-pressed=true]{border-color:#e9a55d;background:rgba(191,128,60,.09)}.drug-tabs button:focus-visible,.use-evidence-method:focus-visible{outline:2px solid #95d9df;outline-offset:3px}
.library-context{display:flex;gap:8px;flex-wrap:wrap}.library-context span{font-size:11px;color:#a4bdc6;border-radius:6px;background:#192d38;padding:7px 10px}.expected-outcome{margin:18px 0 22px;border-left:2px solid #63a9b2;padding:2px 15px}.expected-outcome b{font-size:14px;font-weight:500;color:#c9e3e8}.expected-outcome p{font-size:12px;color:#96aeb9;margin:7px 0;line-height:1.8}
.loading-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.loading-result{padding:20px;border:1px solid #2c424e;border-radius:14px;background:#0c1720;display:flex;flex-direction:column;min-width:0}.loading-result.is-current{border-color:#548f96}.result-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#a6d7da;font-size:12px}.result-top small{font-size:10px;color:#7f9daa}.loading-result h4{font-size:14px;line-height:1.6;margin:14px 0 18px;color:#d3e4e8}.efficiency-readout{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.efficiency-readout strong{font-size:28px;color:#ecc395;font-weight:600}.efficiency-readout span{font-size:11px;color:#aac7cd}.metric-definition{font-size:11px;color:#9fbcc6;line-height:1.8}.observed-benefit{font-size:12px;color:#bccdd4;line-height:1.8}.loading-result details{font-size:11px;color:#92abb6;margin:5px 0 18px}.loading-result summary{cursor:pointer;color:#9cc9d1;line-height:1.7}.loading-result details ul{padding-left:16px}.loading-result details li{margin:7px 0;line-height:1.8}.loading-result details p{line-height:1.8}.loading-result details a{color:#c6dfe4;text-decoration:underline;overflow-wrap:anywhere}.use-evidence-method{margin-top:auto;cursor:pointer;min-height:40px;border-radius:8px;border:1px solid #3c6872;background:#183039;color:#bce4e9;font:inherit;font-size:12px;padding:9px 12px}
.loading-definitions{margin-top:18px;font-size:12px;color:#94b0bb;line-height:1.9}.loading-definitions summary{cursor:pointer;color:#b4d1d8}.loading-definitions p{margin:13px 0}.no-loading-record{font-size:13px;color:#96abb6}
@media(max-width:900px){.loading-results{grid-template-columns:1fr 1fr}.loading-library-head{flex-wrap:wrap;gap:14px}}@media(max-width:640px){.loading-library{padding:18px}.drug-tabs{grid-template-columns:1fr;gap:8px}.drug-tabs button{padding:13px 14px}.drug-tabs span{margin-top:3px}.loading-results{grid-template-columns:1fr}.loading-library h3{font-size:20px}}
.compound-method-note{display:block;margin-top:auto;padding:10px;color:#8eacb8;font-size:12px}.efficiency-readout strong{font-size:25px}.validation-tabs .vtab[aria-pressed=false]{background:#15222a;border-color:#2b404b;color:#a4bbc5}

.cargo-category-grid{display:grid;grid-template-columns:1fr;gap:9px}.cargo-category{border:1px solid #30444f;border-radius:12px;background:#11202a;color:#cfe0e6;text-align:left;padding:16px 36px 16px 16px;position:relative;font:inherit;cursor:pointer}.cargo-category b{font-size:14px;display:block}.cargo-category small{font-size:11px;color:#8eaab7;display:block;margin-top:6px}.cargo-category>span{position:absolute;right:16px;top:23px;color:#e4b480}.cargo-category:first-child{border-color:#846444;background:rgba(200,143,75,.075)}.cargo-category:focus-visible,.cargo-back:focus-visible,.cargo-next:focus-visible{outline:2px solid #8bcbd5;outline-offset:3px}
.cargo-breadcrumb{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #2b3b46;padding-bottom:13px;margin-bottom:1px}.cargo-back{border:0;background:none;color:#89b8c5;cursor:pointer;padding:7px 0;font:inherit;font-size:12px}.cargo-breadcrumb b{font-size:13px;color:#e5c397;font-weight:500}.cargo-next{width:100%;padding:13px 18px;min-height:44px;border:1px solid #4d8992;border-radius:10px;color:#c6eaec;background:#19323b;font:inherit;font-size:13px;cursor:pointer}.loading-selection-context{font-size:12px;color:#c5dce1;border-left:2px solid #92c7cc;padding:10px 12px;background:#172a34;border-radius:4px}
.direct-paper-link{font-size:11px;color:#94ced5;text-decoration:underline;text-underline-offset:3px;line-height:1.7;margin:10px 0 14px}.alternative-methods{font-size:12px;color:#a1c7d0;margin:16px 0}.alternative-methods summary{cursor:pointer}.alternative-methods>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.alternative-methods button{border:1px solid #416b76;background:#142d39;color:#c6e7ec;border-radius:8px;padding:10px 14px;cursor:pointer;font:inherit;font-size:12px}.loading-results:has(>.loading-result:nth-child(2)):not(:has(>.loading-result:nth-child(3))){grid-template-columns:1fr 1fr}.loading-results:has(>.loading-result:only-child){grid-template-columns:minmax(0,1fr);max-width:780px}@media(max-width:640px){.loading-results:has(>.loading-result:nth-child(2)):not(:has(>.loading-result:nth-child(3))){grid-template-columns:1fr}.cargo-category{min-height:78px}}
.database-summary-link{font-size:11px;color:#e4bf91;text-decoration:underline;line-height:1.8;display:block;margin:0 0 14px}.loading-library{scroll-margin-top:calc(var(--nav-h) + 20px)}

.subtype-chip small{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 4px;margin-left:6px;background:rgba(142,190,203,.1);color:#91abb5;border-radius:5px;font-size:10px}.source-more{width:100%;font-size:12px;color:#9bbac6}.source-more summary{cursor:pointer;padding:8px 0}.source-more>div{display:flex;gap:7px;flex-wrap:wrap;padding:4px 0}.source-frequency-note{padding:15px 20px;border:1px solid #2b424e;border-radius:12px;background:#10202a;font-size:12px;color:#97b1bd;margin:-14px 0 26px;line-height:1.9}.source-frequency-note summary{cursor:pointer;color:#b5d4db}.source-frequency-note p{margin:12px 0}

/* Curated showcase: balanced columns, concise captions, details on demand. */
.source-description{border-top:1px solid #263944;padding:13px 20px;font-size:12px;color:#93afba}.source-description summary{cursor:pointer;color:#aecad2}.source-description .note-strip{border:0;padding:12px 0 0;margin:0;font-size:12px;line-height:1.8}.src-card{padding:21px 22px}.src-card p{font-size:12px;margin-top:6px}.src-subtypes{gap:7px;margin-top:13px}.subtype-chip{font-size:12px;padding:6px 11px}
.builder-grid{align-items:stretch}.builder-controls{display:flex;flex-direction:column}.builder-controls .module-list{flex:1}.builder-controls .cargo-next{margin-top:auto}.loading-library-head p{max-width:660px}.loading-result details{margin-bottom:0}.loading-result .metric-definition{margin-bottom:10px}
@media(min-width:1021px){.builder-grid>.build-stage{position:relative;top:auto;min-height:580px}.build-stage #builderCanvasWrap{height:300px;min-height:300px;flex:1}.build-stage .stage-actions{padding:16px 20px}.build-stage .stage-science-note{font-size:11px}.studio-layout{align-items:stretch}.src-list{position:relative;top:auto}.viz-panel{display:flex;flex-direction:column}.viz-canvas-wrap{height:340px;flex:1;min-height:300px}}
@media(max-width:1020px){.builder-controls .module-list{flex:initial}.cargo-next{margin-top:4px!important}.builder-grid{align-items:start}}

.peptide-card{padding:12px 14px;gap:8px}.peptide-select{border:0;background:none;color:inherit;font:inherit;text-align:left;width:100%;cursor:pointer;padding:1px 0}.peptide-select:focus-visible{outline:2px solid #8ad0d8;outline-offset:4px;border-radius:4px}.peptide-detail summary{cursor:pointer;font-size:11px;color:#92b5c0;padding:4px 0}.peptide-detail code{margin:10px 0 8px}.peptide-detail .peptide-target{display:block}.peptide-detail a{font-size:11px;min-height:28px}.external-notes{grid-column:1/-1;font-size:11px;color:#95aeb8;padding-top:7px}.external-notes summary{cursor:pointer;color:#a6c9d1}.external-notes p{line-height:1.85;margin:13px 0}.external-notes p b{display:block;color:#d3e2e6;margin-bottom:3px}.external-item small{font-size:10px!important;line-height:1.4!important}
.trace-references{font-size:12px;color:#99bcc6;margin:12px 0}.trace-references summary{cursor:pointer}
.src-card.reveal,.builder-controls.reveal{opacity:1;transform:none}.src-card:hover{transform:none}

/* Fluorescence controls share the illustration frame; route captions keep their layout. */
.hero-canvas-wrap > .hero-playback{position:absolute;right:14px;bottom:12px;z-index:3;padding:4px;min-height:0;gap:0;flex-wrap:nowrap;background:rgba(8,16,22,.84);border:1px solid rgba(121,156,167,.22);border-radius:11px;backdrop-filter:blur(8px)}
.hero-canvas-wrap > .hero-playback>div{flex-wrap:nowrap;gap:5px}
.hero-canvas-wrap > .hero-playback button{white-space:nowrap;min-height:34px;font-size:11px;padding:5px 8px}
.hero-canvas-wrap > .hero-playback button:focus-visible{outline:2px solid #b8e3df;outline-offset:1px}
.hero-visual[data-route="dye"] .hero-scene-label{right:210px;line-height:1.5}
@media(max-width:640px){
  .hero-canvas-wrap > .hero-playback{right:10px;bottom:10px;padding:3px;border-radius:10px}
  .hero-canvas-wrap > .hero-playback button{min-height:44px;font-size:11px;padding:5px 7px}
  .hero-canvas-wrap > .hero-playback>div{gap:4px}
  .hero-visual[data-route="dye"] .hero-scene-label{left:14px;right:194px;bottom:14px;line-height:1.5;font-size:10px}
}

/* Compact first screen: nav is already in document flow; avoid charging its height twice. */
.hero{min-height:calc(100svh - var(--nav-h));padding:20px max(24px,calc((100vw - 1360px)/2)) 18px;align-content:start;align-items:center;gap:clamp(24px,3vw,48px)}
.hero h1{font-size:clamp(36px,3.8vw,54px);line-height:1.16;margin:14px 0 18px}
.hero-kicker{font-size:11px;letter-spacing:.30em}.hero-sub{font-size:15px;line-height:1.7;margin-bottom:22px}.hero-actions{gap:10px}.hero-actions .btn-lg{padding:12px 18px;min-height:46px;font-size:14px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;padding-top:18px}.hero-stats>div{min-width:0;margin:0;padding:0}.hero-stats b{font-size:18px}.hero-stats span{font-size:11px;margin-top:5px;line-height:1.6}.hero-purpose{font-size:11px;color:#8399a4;line-height:1.6;margin:14px 0 0}
.hero-canvas-wrap{height:clamp(260px,calc(100svh - 300px),520px);min-height:0}.hero-routes{margin-top:10px}.hero-route-note{margin:9px 2px 8px;font-size:12px;line-height:1.65;min-height:40px}.hero-source-proof{margin-top:0;padding:0 2px;min-height:0;border:0;background:none;font-size:11px;line-height:1.6}.hero-source-proof>span{margin-right:8px}.hero-science{margin:3px 2px 0;font-size:12px;line-height:1.7}.hero-science summary{min-height:32px;padding:6px 0;font-size:11px}.hero-science .membrane-zoom{margin:8px 0 14px}.hero-science .atlas-key{margin-top:8px}
#studio{padding-top:66px}
@media(min-width:901px) and (max-height:680px){.hero{padding-top:12px;padding-bottom:12px}.hero h1{font-size:38px;margin-block:10px 12px}.hero-sub{font-size:14px;margin-bottom:16px}.hero-stats{margin-top:18px;padding-top:14px}.hero-purpose{margin-top:10px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding:24px 24px 28px;gap:22px}.hero-content,.hero-visual{max-width:660px}.hero h1{font-size:36px}.hero-canvas-wrap{height:330px;min-height:0}.hero-content .hero-stats>div:last-child{grid-column:auto}}
@media(max-width:520px){.hero{padding:18px 20px 24px;gap:18px}.hero h1{font-size:32px;margin:10px 0 12px}.hero-kicker{font-size:9px;letter-spacing:.22em}.hero-sub{font-size:13px;line-height:1.65;margin-bottom:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions .btn-lg{font-size:11px;min-height:44px;padding:10px 6px}.hero-stats{margin-top:18px;padding-top:13px;gap:10px}.hero-stats b{font-size:15px}.hero-stats span{font-size:10px;line-height:1.45}.hero-purpose{font-size:10px;margin-top:9px}.hero-canvas-wrap{height:280px}.hero-route-note{font-size:11px;min-height:36px}.hero-source-proof{font-size:10px;line-height:1.6}.hero-science summary{min-height:36px}#studio{padding-top:48px}}

/* Each lower step leads with its main task; supporting material is disclosed on demand. */
section[id],footer,#modTabs,#qcWorkbench{scroll-margin-top:16px}
.sec,#studio,#quality,#mechanism{padding:32px 0;contain-intrinsic-size:auto 650px}.sec-head{margin-bottom:18px;max-width:860px}.sec-head h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;margin:7px 0 9px}.sec-head p{font-size:13px;line-height:1.6}.sec-head .kicker{font-size:10px;line-height:1.4;margin:0}
.src-list{gap:10px}.src-card{padding:16px 18px}.src-card h3{font-size:16px}.src-card .check{top:12px;right:12px}.src-select{min-height:30px}.viz-panel{padding:18px;min-height:0}.viz-head{margin-bottom:8px;gap:10px}.viz-title{font-size:15px}.viz-badge{font-size:10px;padding:4px 8px}.viz-canvas-wrap{height:280px;min-height:280px;flex:none}.viz-canvas-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.composition-tags{gap:6px;margin-top:9px}.comp-tag{font-size:10px;padding:5px 9px}.source-description{padding:10px 0 0;margin-top:10px}.source-description summary{min-height:28px}
.engineering-flow{gap:8px;margin-bottom:14px}.flow-step{min-height:40px;padding:8px 10px;grid-template-columns:22px 1fr;gap:8px}.flow-step>span{width:22px;height:22px;font-size:10px;grid-row:auto}.flow-step small{display:none}.flow-step b{font-size:12px}
.builder-controls{padding:14px}.builder-controls .module-tabs{margin-bottom:12px}.builder-controls .mtab{padding:9px 6px;min-height:36px}.module-list{gap:10px}.cargo-category{min-height:56px;padding:12px 30px 12px 13px}.cargo-category b{font-size:13px}.cargo-category small{margin-top:4px;font-size:10px}.cargo-category-grid{gap:8px}.module-empty-note{font-size:11px;line-height:1.7;padding:8px 0}.cargo-breadcrumb{padding-bottom:8px}.mod-item.mod-choice{min-height:62px;padding:11px 27px 10px 11px}.choice-name{font-size:12px}.choice-tag{font-size:10px}.module-choice-grid{gap:8px}
.target-panel{gap:12px}.surface-target-picker{padding:12px 14px;border:1px solid #354853;background:#13232d;border-radius:12px}.surface-target-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:24px;font-size:12px;color:#a7c3cd}.surface-target-picker summary b{color:#e4c59d;font-size:13px}.surface-target-picker .organ-targets{margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.surface-target-picker .organ-target{min-height:44px;padding:8px}.surface-target-picker p{font-size:11px;line-height:1.7;color:#8ca8b4;margin-top:12px}.peptide-options{display:flex;gap:7px;flex-wrap:wrap}.peptide-options .peptide-select{width:auto;min-height:38px;padding:9px 12px;border:1px solid #354e5a;border-radius:8px;background:#101f29;color:#a7c8d1;font-size:12px}.peptide-options .selected{border-color:#88c4cf;color:#dbf5f5;background:#21444d}.peptide-list{gap:7px}.peptide-detail{font-size:11px;color:#8fafbb}.peptide-detail summary{padding:6px 0}.peptide-detail code{display:block;overflow-wrap:anywhere;white-space:normal;background:#0b171f;padding:9px 11px;border-radius:8px;color:#bedfe3}.peptide-detail a{display:inline-block;margin-top:7px;color:#d4bb99}.method-panel{padding:12px}.method-list{margin-top:10px}.method-explanation summary{font-size:11px;color:#91adb7;cursor:pointer;margin-top:10px}.method-desc{font-size:11px}.external-panel{padding:12px 14px}.external-panel>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#afcbd3}.external-panel>summary small{font-size:10px;color:#9cb2bc;max-width:65%;text-align:right;line-height:1.6}
.builder-grid>.build-stage{min-height:430px}.build-stage .stage-head{padding:12px 16px;gap:12px}.stage-title{font-size:14px!important}.stage-meta-details{font-size:11px;color:#9db8c4}.stage-meta-details summary{cursor:pointer;min-height:26px;line-height:26px}.stage-meta-details .stage-meta{margin:10px 0}.build-stage #builderCanvasWrap{height:280px;min-height:280px;flex:1}.stage-actions{gap:9px!important;padding:10px 14px!important}.stage-actions .btn{font-size:12px;padding:9px 12px;min-height:38px}.stage-plan-details{width:100%;font-size:11px;color:#9bb6c1}.stage-plan-details summary{cursor:pointer;line-height:24px}.stage-plan-details .plan-chips{margin:9px 0}.stage-process-details{border-top:1px solid #24333d;padding:0 14px;font-size:11px;color:#8da8b3}.stage-process-details>summary{padding:9px 0;cursor:pointer}.stage-process-details .stage-science-note{padding:4px 0 12px;border:0;background:none}
.loading-evidence-drawer{margin-top:14px;padding:14px 18px;border:1px solid #2f4955;background:#10212b;border-radius:12px}.loading-evidence-drawer>.loading-evidence-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px;color:#bfdfe4}.loading-evidence-drawer>.loading-evidence-heading small{font-size:11px;color:#95b2bd}.loading-evidence-drawer .loading-library{margin:15px 0 0;padding:18px}.loading-library h3{font-size:20px}
.qc-workbench{padding:20px;margin-bottom:0}.qc-lane{padding:15px}.qc-method-detail{font-size:12px;color:#a4c8d1;margin-top:15px}.qc-method-detail summary{cursor:pointer}.qc-methods{margin-top:15px}.tracking-warning{font-size:11px;line-height:1.7;padding:12px;margin-top:14px}
.mechanism-setup{padding:10px 15px;margin-bottom:14px;border:1px solid #304550;border-radius:10px;font-size:12px;color:#aac8d1;background:#13212b}.mechanism-setup>summary{cursor:pointer}.mechanism-setup .peptide-identity{margin:14px 0 0}.mech-steps{gap:8px;margin-bottom:15px}.mech-step-btn{font-size:12px;padding:9px 16px;min-height:36px}#mechCanvas{height:300px!important}.mech-caption{padding:12px 18px;min-height:0}.mech-caption h4{font-size:13px;margin-bottom:5px}.mech-caption summary{font-size:11px;color:#8fafbb;cursor:pointer}.mech-caption p{margin-top:10px;font-size:12px}.mol-legend{gap:18px;margin-top:14px}.mol-legend span{font-size:11px}
#valTabs{gap:12px;margin:0 0 16px}#valTabs .vtab{min-height:46px;padding:12px 18px;font-size:15px}.val-panel{padding:18px}.trace-panel-title{font-size:16px!important;margin:0 0 12px!important}.val-panel .val-grid{gap:24px}.val-panel #valCanvas{height:280px!important;margin-top:12px}.delivery-route{margin-top:0;gap:8px}.delivery-route select{padding:7px 22px 7px 9px}.sample-link{margin:10px 0;padding:8px 10px;gap:5px;font-size:11px}.sample-link>span,.sample-link>small{display:none}.animal-views{margin:10px 0;gap:6px}.animal-views button{font-size:11px;padding:7px 10px}.timeline-slider{margin:12px 0 0}.trace-playback{margin-bottom:8px;gap:8px}.trace-playback button{min-height:32px;padding:7px 11px;font-size:11px}.trace-playback small{font-size:9px}.tl-labels{font-size:10px}.val-scope-note{font-size:10px;line-height:1.65;margin:9px 0 0}.val-metrics{gap:10px}.output-heading{font-size:13px;margin-bottom:4px}.val-panel details.metric-card{display:block;padding:13px 14px}.metric-card>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none}.metric-card>summary::-webkit-details-marker{display:none}.metric-card>summary .lbl{font-size:12px}.val-panel .metric-card>summary .val{font-size:11px;flex-basis:85px}.metric-card .metric-note{font-size:11px;line-height:1.8;margin:12px 0 0}.data-delivery{margin:0;font-size:12px;color:#a7c6ce}.data-delivery summary,.scene-description summary{cursor:pointer;padding:9px 0}.data-delivery>div span{display:inline-block;padding:5px 8px;background:#172f3a;border-radius:6px;font-size:10px;margin:4px}.scene-description{font-size:11px;color:#95b1bc;line-height:1.8}.tracking-interpretation{border-top:1px solid #293c48;margin-top:14px;padding-top:12px;font-size:12px;color:#a3c3cc}.tracking-interpretation>summary{cursor:pointer}.tracking-preparation{margin:13px 0 0;padding:13px 18px;font-size:12px}.tracking-preparation .validation-plan{margin:14px 0}.validation-evidence{margin-top:12px}.route-readouts{margin-top:14px}
.path-card{padding:17px}.path-number{margin-bottom:10px;padding-bottom:6px;font-size:11px}.path-card h3{font-size:17px;margin:0 0 8px}.path-card details summary{font-size:11px;color:#c6b191;cursor:pointer}.path-card p{font-size:12px;line-height:1.8}.project-path-grid{gap:12px}.study-design{padding:15px 19px;margin-top:16px}.study-design>summary{font-size:13px;color:#abcdd3;cursor:pointer}.study-design-title{margin-top:20px}.path-boundary{font-size:11px;margin-top:13px}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ev-card{padding:18px;min-height:0}.ev-card h4{font-size:15px;line-height:1.55;margin:9px 0 12px}.ev-card details{font-size:11px;color:#8db2bf;margin-top:12px}.ev-card details summary{cursor:pointer}.ev-card p{font-size:12px;line-height:1.8;margin-top:12px}.more-evidence{font-size:13px;margin-top:16px;color:#b8d7de}.more-evidence>summary{cursor:pointer;padding:12px 0}.more-evidence .evidence-grid{margin-top:14px}.science-bounds{margin-top:16px;padding:14px 18px;font-size:12px}.science-bounds>summary{cursor:pointer;color:#d4bd9b}.science-bounds .bounds-grid{margin-top:15px}
@media(max-width:1020px){.builder-grid>.build-stage{min-height:0}.build-stage #builderCanvasWrap{height:300px;min-height:300px;flex:none}.stage-meta-details{width:100%}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sec,#studio,#quality,#mechanism{padding:30px 0}.sec-head h2{font-size:26px}.sec-head p{font-size:12px}.src-list{position:static}.viz-canvas-wrap{height:280px}.val-panel .val-grid{grid-template-columns:1fr}.val-metrics{gap:8px}.tracking-preparation{padding:13px 15px}.loading-evidence-drawer>.loading-evidence-heading{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-width:520px){.container{padding-inline:20px}.sec-head h2{font-size:25px}.sec-head p{line-height:1.7}.engineering-flow{gap:7px}.flow-step{min-height:42px;padding:9px}.builder-controls{padding:12px}.module-choice-grid{gap:7px}.mod-item.mod-choice{min-height:68px}.cargo-category{min-height:62px}.surface-target-picker .organ-targets{grid-template-columns:1fr 1fr}.source-description{font-size:11px}.composition-tags{gap:5px}.comp-tag{font-size:10px;padding:4px 7px}.mech-step-btn{font-size:11px;padding:8px 10px}#mechCanvas{height:280px!important}.mech-caption{padding:11px 14px}.mol-legend{gap:10px}.mol-legend span{font-size:10px}.val-panel{padding:14px}.trace-playback small{width:auto;margin-left:0}.trace-playback{gap:8px}#valTabs .vtab{font-size:13px;padding:11px}.evidence-grid{grid-template-columns:1fr}.project-path-grid{grid-template-columns:1fr 1fr}.path-card h3{font-size:15px}.path-card{padding:14px}.study-design{padding:13px 15px}.viz-head{flex-wrap:wrap}}
.more-loading{font-size:12px;color:#a1c1cb}.more-loading summary{cursor:pointer;padding:7px 0}.more-loading .module-choice-grid{margin-top:10px}

@media(min-width:1021px){#builder{padding-block:28px}#builder .sec-head{margin-bottom:14px}.build-stage #builderCanvasWrap{flex:none;height:280px;min-height:280px}.build-stage #builderCanvas{position:absolute;inset:0;width:100%!important;height:100%!important}.stage-actions>.stage-plan-details{width:auto;margin-right:auto}.stage-actions>.stage-plan-details[open]{width:100%}}

.val-panel .trace-panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important;padding:0!important}.trace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.trace-toolbar .delivery-route,.trace-toolbar .animal-views{margin:0}.trace-toolbar .delivery-route>span{display:none}.val-panel .sample-link{margin:8px 0 0;padding:6px 10px}.val-panel .sample-link b{font-size:10px}.val-panel .timeline-slider{margin-top:9px}.tracking-interpretation{margin-top:10px;padding-top:10px}.tracking-interpretation .val-scope-note{margin:8px 0 12px}.val-panel{position:relative}#validation{padding-block:24px}#validation .sec-head{margin-bottom:14px}#validation .tracking-preparation{margin-top:10px}.val-panel .trace-playback button{min-height:30px;padding:6px 10px}.val-panel .trace-playback{margin-bottom:7px}@media(max-width:640px){.trace-toolbar{gap:9px}.trace-toolbar .animal-views{width:100%}.val-panel .sample-link b{font-size:10px}}

.tracing-controls-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:14px}.tracing-controls-bar #valTabs{margin:0}.tracing-controls-bar .tracking-preparation{margin:0!important;padding:12px 14px;max-width:300px}.tracing-controls-bar:has(.tracking-preparation[open]){grid-template-columns:1fr}.tracing-controls-bar .tracking-preparation[open]{max-width:none}.val-panel .timeline-slider input[type=range]{display:block;margin:6px 0 4px;height:4px}.val-panel .trace-playback{margin-bottom:2px}.val-panel .sample-link{margin-top:6px}.val-panel{padding:16px}#validation{padding-block:20px}@media(min-width:901px){.val-panel #valCanvas{height:260px!important}}@media(max-width:900px){.tracing-controls-bar{grid-template-columns:1fr}.tracing-controls-bar .tracking-preparation{max-width:none}.val-panel{padding:14px}.trace-playback button,.animal-views button,.peptide-options .peptide-select,.method-chip,.mech-step-btn,.subtype-chip{min-height:40px}}

/* Source choices remain visible; match the desktop preview to the full list. */
@media(min-width:1021px){#studio .viz-canvas-wrap{flex:1;height:auto;min-height:280px}#studio .studio-layout{align-items:stretch}#studio .src-list{height:100%}}

/* Review round: compact optional planning; all expanded detail remains in normal flow. */
.plan-console{margin:0 0 16px;border:1px solid #30434b;border-radius:13px;background:#101a20;padding:13px 16px;font-size:12px}.plan-toolbar,.plan-overview{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plan-toolbar button,.preview-switch button,.plan-fields>button{border:1px solid #42515a;border-radius:8px;background:#17242c;color:#c1d6dd;padding:8px 10px;font:inherit;cursor:pointer}.plan-toolbar button:first-child{border-color:#c67b39;color:#ffc486}.plan-overview{margin-top:10px;color:#c9d6db;justify-content:space-between}.plan-overview>span,.plan-note{color:#98aeb7}.plan-settings{margin-top:10px}.plan-settings summary,.process-drawer summary,.derived-controls summary{cursor:pointer;color:#adced6;padding:7px 0}.plan-settings summary span{margin-left:15px;font-size:11px;color:#e7b17d}.plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.plan-fields label,.plan-decisions label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:#a7c0ca}.plan-fields input:not([type=checkbox]),.plan-fields select,.plan-decisions select{width:100%;min-width:0;background:#0b1217;color:#d4e0e4;border:1px solid #384b54;border-radius:7px;padding:8px;font:inherit}.plan-fields input[type=checkbox]{accent-color:#ff8d30}.plan-note{font-size:11px;line-height:1.8}.plan-decisions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.preview-switch{display:flex;gap:6px;padding:8px 16px}.preview-switch button{font-size:11px}.preview-switch button[aria-pressed=true]{border-color:#f58b37;color:#ffbb80;background:#2f231c}.process-drawer{padding:6px 18px;border-top:1px solid #283941;font-size:12px}.process-drawer ol{display:grid;gap:8px;padding-left:20px}.process-drawer li{padding:7px;border-radius:6px}.process-drawer li.current{background:#18343d}.process-drawer li span,.process-drawer li small{display:block;color:#95aab2;font-size:11px;margin-top:5px}.derived-controls{margin:15px 0;font-size:12px;line-height:1.8}.derived-controls ul{padding-left:20px}.derived-controls #planWarnings{color:#eabb81}.signal-config{margin:12px 0}.observation-context{color:#a9c9ce;font-size:12px;line-height:1.8;margin:0 0 13px}.label-toggle:disabled{opacity:.5;cursor:default}.vesicle-callouts[hidden]{display:none!important}#engineeringFlow{display:flex;gap:10px}#engineeringFlow>.flow-step{flex:1}#engineeringFlow>i{display:none}#engineeringFlow>.flow-step[hidden]{display:none}#dynamicQC{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#dynamicQC .qc-lane{padding:12px}#dynamicQC .qc-lane p{font-size:11px}#exampleBadge{color:#ffc486}#applyMechanism{margin-top:12px;padding:9px 12px;color:#ffd0a4;background:#382b20;border:1px solid #a56a3d;border-radius:7px;cursor:pointer}@media(max-width:640px){.plan-fields{grid-template-columns:1fr}.plan-console{padding:12px}.plan-toolbar{gap:7px}.plan-toolbar button{min-height:40px;font-size:11px}.preview-switch{flex-wrap:wrap}#dynamicQC{grid-template-columns:1fr}.plan-decisions{grid-template-columns:1fr 1fr}.plan-overview{font-size:11px}}

#planAlert:empty{display:none}#planAlert{color:#f3be84;font-size:12px;line-height:1.7;margin:8px 0 0}.plan-toolbar button:focus-visible,.preview-switch button:focus-visible{outline:2px solid #85cfd8;outline-offset:3px}.plan-decisions select{min-height:38px}.plan-settings summary{padding-block:4px}

.mech-mobile-note{display:none;color:#d7b18c;font-size:12px;line-height:1.5;margin:8px 14px}
@media(max-width:520px){.mech-mobile-note:not([hidden]){display:block}}

/* Source explanation: readable inset, with natural wrapping on smaller screens. */
#studio .source-description{padding:12px 0 0;margin-top:12px;position:relative}
#studio .source-description summary{min-height:28px;line-height:1.6;font-size:12px;padding:0 0 6px}
#studio .source-description .note-strip{margin:0;padding:12px 14px;border:1px solid rgba(125,183,191,.13);border-radius:10px;background:rgba(83,139,151,.075);font-size:12px;line-height:1.9;color:#b8cbd2;overflow-wrap:anywhere}
@media(max-width:520px){#studio .source-description .note-strip{padding:11px 12px;font-size:12px;line-height:1.85}}

#builder .sec-head{position:relative;max-width:none;padding-bottom:42px} .builder-header-actions{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:12px;font-size:11px;z-index:4}.builder-header-actions>#traceOnly{padding:8px 12px;border:1px solid #785333;border-radius:8px;background:rgba(255,141,48,.06);color:#e8b785;font:inherit;cursor:pointer;min-height:34px}.builder-header-actions>#traceOnly:hover{background:rgba(255,141,48,.13)}.builder-header-actions>#traceOnly:focus-visible{outline:2px solid #85cfd8;outline-offset:3px}.compact-plan-settings>summary{cursor:pointer;color:#94adb8;padding:8px 0}.compact-plan-settings>.plan-console{position:absolute;right:0;top:100%;width:min(600px,calc(100vw - 40px));max-height:65vh;overflow:auto;box-shadow:0 14px 40px #0009;margin-top:8px}.compact-plan-settings .plan-toolbar button:first-child{border-color:#42515a;color:#c1d6dd}#builder>#planAlert{margin-bottom:10px}@media(max-width:640px){#builder .sec-head{padding-bottom:48px}.builder-header-actions{gap:10px}.builder-header-actions>#traceOnly{font-size:10px;min-height:40px;padding:7px 9px}.compact-plan-settings>.plan-console{width:calc(100vw - 40px)}}
/* Two independent engineering modules; configuration navigation is not an operation sequence. */
#builder #engineeringFlow{gap:10px;align-items:stretch}#builder #engineeringFlow .flow-step{min-height:52px;border-radius:12px;text-align:left}#builder #engineeringFlow .flow-step[data-flow="cargo"],#builder #engineeringFlow .flow-step[data-flow="surface"]{flex:1}#builder #engineeringFlow .flow-step b{font-size:14px}#builder #engineeringFlow .flow-step.active{box-shadow:none}#builder .builder-controls{padding:18px}.module-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #293a43;margin-bottom:16px;padding-bottom:12px;font-size:11px;line-height:1.6;color:#9bb3bd}.module-context>span{flex:1 1 100%}.module-context button{color:#b4c9d0;background:transparent;border:1px solid #3a4c55;padding:5px 9px;border-radius:6px;font-size:10px;cursor:pointer}.module-context button:hover{border-color:#c18a53;color:#ffd1a4}.surface-selection-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:13px}.surface-selection-head>span{font-size:10px;color:#90a8b3}#targetPanel #externalList{display:grid;grid-template-columns:1fr 1fr;gap:8px}#targetPanel .external-item{min-height:58px;border-radius:9px;padding:11px;cursor:pointer}#targetPanel .external-item b{font-size:12px}#targetPanel .external-item small{font-size:10px;line-height:1.5}#targetPanel .external-item[aria-pressed="true"]{border-color:#d48f4e;background:rgba(231,147,72,.09)}#targetPanel .external-item:focus-visible{outline:2px solid #80cdd7;outline-offset:2px}#targetPanel .external-notes{grid-column:1/-1;font-size:11px}#peptideConfiguration{margin-top:16px;padding-top:14px;border-top:1px solid #31424a}#peptideConfiguration[hidden]{display:none}.inline-loading{border-top:1px solid #30414b;padding-top:13px;margin-top:14px}.inline-loading-options{display:flex;flex-wrap:wrap;gap:7px}.inline-loading-options button{padding:8px 10px;border:1px solid #3a4c56;border-radius:7px;background:#142129;color:#b4cbd3;cursor:pointer;font-size:11px;min-height:34px}.inline-loading-options button[aria-pressed="true"]{color:#ffca99;background:#35291f;border-color:#b47c46}.inline-loading-options button:focus-visible{outline:2px solid #80cdd7;outline-offset:2px}.inline-loading .more-loading p{line-height:1.8;font-size:11px;color:#98b1bc}.module-choice-grid{gap:8px}#builder .cargo-category{min-height:62px}#builder .cargo-category-grid{gap:8px}#builder .loading-evidence-drawer{margin-top:14px}@media(max-width:640px){#builder #engineeringFlow{flex-wrap:wrap;gap:7px}#builder #engineeringFlow .flow-step{padding:10px;min-height:48px}#builder #engineeringFlow .flow-step b{font-size:12px}#builder .builder-controls{padding:14px}.surface-selection-head{flex-wrap:wrap}#targetPanel .external-item{min-height:64px}}

#builder #targetPanel{gap:0}#builder .surface-selection-head{margin-bottom:10px}#builder #targetPanel #externalList{margin-top:0}#builder #targetPanel .external-item{text-align:left;color:inherit;box-shadow:none;font-family:inherit}#builder .more-surface{grid-column:1/-1;color:#9cb8c4;font-size:11px}.more-surface>summary{cursor:pointer;padding:9px 0}.more-surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#peptideConfiguration .peptide-panel-head{margin-top:12px}.module-context>span{font-size:11px}.module-context{position:relative}#builder .cargo-category{padding:12px 14px}#builder .cargo-category small{font-size:11px}#builder .cargo-category b{font-size:13px}

#builder .module-context{margin-bottom:12px;padding-bottom:10px}#builder .module-context>span{flex:1 1 180px}#builder .module-context button{padding:4px 7px}#builder .surface-selection-head{margin-bottom:8px}#builder #targetPanel .external-item{min-height:48px;padding:9px 10px}#builder #peptideConfiguration{margin-top:10px;padding-top:10px}#builder #peptideConfiguration .surface-target-picker{padding:8px 11px}#builder #peptideConfiguration .peptide-panel-head{margin-top:9px;margin-bottom:7px}#builder #peptideConfiguration .method-panel{margin-top:9px}#builder #peptideConfiguration .method-chip{padding:7px 9px;min-height:32px}#builder .surface-selection-head b{font-size:12px}#builder .peptide-options .peptide-select{min-height:32px;padding:6px 10px}#builder .module-list{gap:10px}@media(min-width:1021px){#builder .builder-grid>.build-stage{min-height:0}}

#builder #engineeringFlow>.flow-step{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center}



#builder #engineeringFlow{display:grid;grid-template-columns:1fr 1fr}#builder #engineeringFlow>.flow-step{font-size:14px;font-weight:700;justify-content:center;min-height:48px}#builder #engineeringFlow>.flow-step:focus-visible{outline:2px solid #88d0dc;outline-offset:3px}
/* Ten literature-backed drug choices in a balanced two-column grid. */
#builder .small-drug-list .module-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#builder .small-drug-list .mod-choice{min-height:59px;padding:10px 12px;gap:4px}#builder .small-drug-list .choice-name{font-size:12px;line-height:1.4}#builder .small-drug-list .choice-tag{font-size:10px;line-height:1.5}#builder .small-drug-list .module-empty-note{font-size:11px;padding:6px 0}.drug-reference{padding:11px 12px;border:1px solid #30444e;border-radius:9px;background:rgba(21,43,53,.4);min-width:0}.drug-reference a{color:#9ed4dd;display:block;font-size:12px;line-height:1.7;text-decoration:none}.drug-reference a:hover{text-decoration:underline}.drug-reference small{display:block;color:#b7a68a;font-size:10px;line-height:1.7;margin-top:4px}.drug-reference p{color:#91aab6;font-size:11px;line-height:1.8;margin:6px 0 0}.drug-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.drug-literature{margin:16px 0}.drug-literature h4{font-size:15px;color:#d1e1e5;margin-bottom:7px}.drug-reference-scope{font-size:12px;color:#a1b8c2;line-height:1.8;margin-bottom:12px}@media(max-width:640px){.drug-reference-grid{grid-template-columns:1fr}#builder .small-drug-list .mod-choice{min-height:66px;padding:9px 10px}#builder .small-drug-list .choice-name{font-size:11px}}

.loading-evidence-heading h3{margin:0;font-size:14px;font-weight:600}.loading-evidence-drawer .loading-library{border:0;background:none;padding:0}.loading-evidence-drawer .library-context{font-size:11px}.loading-evidence-drawer .drug-literature{margin-top:14px}

.loading-evidence-drawer>summary.loading-evidence-heading{cursor:pointer}.loading-evidence-drawer>summary.loading-evidence-heading>span:first-child::before{content:"▸ ";color:#8fbbc8}.loading-evidence-drawer[open]>summary.loading-evidence-heading>span:first-child::before{content:"▾ "}
/* Selected-drug detail replaces the picker; methods continue beneath the same identity card. */
.drug-identity{border:1px solid #65503b;border-radius:12px;padding:15px;background:linear-gradient(130deg,rgba(255,159,79,.075),rgba(22,37,46,.35))}.drug-identity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.drug-identity-heading h3{margin:0;color:#f4d3b2;font-size:17px;line-height:1.4}.drug-identity-heading>span{font-size:10px;color:#e2b386}.drug-class{font-size:11px;color:#9bb2bd;margin:5px 0 12px}.drug-properties{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin:0;padding:11px 0;border-top:1px solid #485050;border-bottom:1px solid #485050}.drug-properties>div{min-width:0}.drug-properties dt{font-size:10px;color:#96adb7;margin-bottom:4px}.drug-properties dd{font-size:14px;color:#d8e7e9;margin:0;line-height:1.5}.drug-properties dd small{font-size:10px;color:#a6c0c9}.drug-form{font-size:10px;line-height:1.6;color:#9fb6bf;margin:9px 0 0}.drug-loading-focus{font-size:11px;color:#b8cbd2;line-height:1.8;margin:7px 0 0}.drug-property-source{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px}.drug-property-source a{font-size:10px;line-height:1.6;color:#8ec4cf;text-decoration:none}.drug-property-source a:hover{text-decoration:underline}#builder .inline-loading-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#builder .inline-loading-options .loading-method-card{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:68px;padding:11px 12px;text-align:left;border-radius:10px}#builder .loading-method-name{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;font-weight:600;font-size:12px}#builder .loading-method-name i{font-style:normal;color:#7895a1}#builder .loading-method-card small{font-size:10px;line-height:1.6;color:#8faab5}#builder .loading-method-card[aria-pressed=true] small{color:#c4b69f}#builder .drug-detail-view .inline-loading{margin-top:14px;padding-top:13px}#builder .drug-detail-view .module-selection-heading{gap:10px;flex-wrap:wrap}#builder .drug-detail-view .module-selection-heading b{font-size:12px}#builder .drug-detail-view .module-selection-heading>span{font-size:10px}@media(max-width:520px){.drug-identity{padding:12px}.drug-identity-heading h3{font-size:16px}.drug-properties dd{font-size:13px}#builder .inline-loading-options .loading-method-card{min-height:74px;padding:10px}.drug-property-source a{min-height:30px;display:inline-flex;align-items:center}}

.loading-choice-status{font-size:11px;color:#e2bc95;line-height:1.7;margin:0 0 10px;padding:9px 11px;border-left:2px solid #bd8751;background:rgba(227,156,85,.05)}.loading-choice-status small{display:block;font-size:10px;color:#91aab7;margin-top:3px}#builder .loading-method-card[aria-pressed="true"]{border-color:#eaa45e;box-shadow:inset 0 0 0 1px rgba(234,164,94,.22)}#builder .loading-method-card[aria-pressed="true"] .loading-method-name i{color:#ffc18b}

#builder .module-list:not(.small-drug-list) .mod-choice{min-height:100px;padding:13px}.choice-description{font-size:11px;line-height:1.7;color:#94aeb9;grid-column:1/-1}#builder .drug-detail-view .drug-properties dd{font-size:12px;line-height:1.75}

/* Surface selection uses the same category > candidate > detail hierarchy as cargo. */
#builder #targetPanel #externalList{display:block;margin-top:0}#builder #targetPanel #externalList.surface-type-list{display:grid;grid-template-columns:1fr;gap:8px}#builder #targetPanel .surface-category{width:100%;min-height:52px;padding:10px 14px;border-radius:10px}#builder #targetPanel .surface-category b{font-size:13px}#builder #targetPanel .surface-category small{font-size:11px}#builder .surface-selection-head{margin-bottom:12px}#builder #targetPanel .surface-category:focus-visible,.surface-back:focus-visible,.surface-apply:focus-visible{outline:2px solid #80cdd7;outline-offset:3px}.surface-back{border:0;background:none;color:#a8cbd6;font:inherit;font-size:11px;cursor:pointer;padding:3px 0}.surface-apply{width:100%;margin-top:14px;min-height:42px;border:1px solid #be884c;border-radius:9px;background:rgba(207,141,71,.1);color:#efc08f;font:inherit;font-size:12px;cursor:pointer}.surface-peptide-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.surface-peptide-options .peptide-select{min-height:74px;width:100%;padding:12px;border:1px solid #354e5a;border-radius:10px;background:#13232d}.surface-peptide-options .choice-name{font-size:13px}.surface-peptide-options .choice-tag{font-size:11px;line-height:1.7;color:#93afbb}.surface-peptide-options .selected{border-color:#d69c5f;background:#30251c}.drug-identity .peptide-detail{margin-top:10px}.drug-identity .peptide-detail code{display:block;overflow-wrap:anywhere;white-space:normal;line-height:1.8;font-size:11px}#builder #peptideConfiguration .method-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}#builder #peptideConfiguration .method-chip{min-height:64px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:5px;justify-content:center;border-radius:10px}#builder #peptideConfiguration .method-chip small{font-size:10px;color:#91adb8}.surface-type-list .cargo-category[aria-pressed=true]{border-color:#bf8a55}@media(max-width:520px){#builder #targetPanel .surface-category{min-height:60px}.surface-back{min-height:36px}.surface-peptide-options .peptide-select{min-height:80px}}

#builder #peptideConfiguration{border-top:0;margin-top:0;padding-top:0}#builder #peptideConfiguration .method-panel{margin-top:12px}#builder #peptideList{margin-top:10px}#builder #externalList .module-selection-heading{margin:0 0 3px}#builder .surface-type-list .module-selection-heading{grid-column:1/-1}
.peptide-sequence{margin-top:12px;padding-top:12px;border-top:1px solid #3f5059}.peptide-sequence>span{font-size:11px;color:#9ebdc7}.peptide-sequence code{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-all;padding:10px 0;color:#e9c99e;font:13px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;user-select:text}.peptide-sequence small{display:block;color:#95adb7;font-size:10px;line-height:1.8}.peptide-candidate-meta{font-size:10px;color:#a2b8c1;line-height:1.7;grid-column:1/-1}#builder .surface-peptide-options .peptide-select{min-height:100px;gap:6px}#builder .surface-peptide-options .peptide-select:disabled{opacity:.5;cursor:not-allowed}.surface-item-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.surface-item-options .mod-choice{min-height:88px;padding:12px;text-align:left}.surface-item-options .choice-name{font-size:12px}.surface-item-options .choice-tag{font-size:10px;line-height:1.7}.surface-evidence{margin:14px 0 20px}.surface-evidence>h3{font-size:16px;color:#bcd9e1}.surface-evidence-item{margin-top:16px;padding-top:12px;border-top:1px solid #31434d}.surface-evidence-item h4{font-size:14px;color:#edc7a1;margin-bottom:8px}.reference-doi{overflow-wrap:anywhere}#builder .surface-item-options .mod-choice:focus-visible{outline:2px solid #83cdda;outline-offset:3px}@media(max-width:520px){.surface-item-options .mod-choice{min-height:100px;padding:10px}.peptide-sequence code{font-size:12px}#builder .surface-peptide-options .peptide-select{min-height:108px}}
/* Step 3: default-open detection cards above a full-width separation/comparison scene. */
#quality .qc-workbench{padding:0;border:1px solid #30434e;background:linear-gradient(145deg,#121d25,#0b1219);border-radius:20px;margin:0;overflow:hidden}
#quality .qc-grid{display:block}
.qc-method-panel{padding:16px 20px;min-width:0;border-bottom:1px solid #30434e}
.qc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.qc-panel-head h3{font-size:15px;line-height:1.4;color:#e7e2d8;margin:0}
.qc-panel-head>p{font-size:11px;line-height:1.6;color:#96afba;margin:0}
.qc-method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.qc-method-card{padding:11px 12px;min-height:96px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:#0c151d;border:1px solid #30434e;border-radius:10px;color:#d9e6e9;font:inherit;cursor:pointer;transition:border-color .18s,background .18s}
.qc-method-card b{font-size:12px;line-height:1.5}.qc-method-card small{font-size:10px;line-height:1.7;color:#9aafbb}.qc-method-tag{font-size:9px;color:#7eb5c4}
.qc-method-card[aria-pressed=true]{border-color:#d28b45;background:rgba(200,123,53,.10)}.qc-method-card[aria-pressed=true] .qc-method-tag{color:#e9ba88}.qc-method-card:hover{border-color:#8aacb8}
.qc-method-card:focus-visible,.qc-mode-tabs button:focus-visible,.qc-route-buttons button:focus-visible,.qc-playback button:focus-visible{outline:2px solid #83ced8;outline-offset:3px}
.qc-method-insight{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:6px 20px;margin-top:12px;padding-top:11px;border-top:1px solid #293d48;align-items:center}
.qc-method-insight h4{font-size:12px;line-height:1.6;color:#d2e1e5;margin:0}#qcMethodOutputs{display:flex;gap:6px;flex-wrap:wrap}#qcMethodOutputs>span{display:inline-block;background:#172a34;border:1px solid #2e4753;border-radius:6px;padding:3px 7px;font-size:10px;line-height:1.65;color:#a8c6d0}#qcMethodBoundary{grid-column:1/-1;font-size:10px;line-height:1.7;color:#9bb1bb;margin:0}
#quality #mechanism.qc-stage{padding:0;min-width:0;display:flex;flex-direction:column;scroll-margin-top:80px;contain-intrinsic-size:none}
.qc-stage-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;border-bottom:1px solid #293b45;background:rgba(255,255,255,.018)}
.qc-mode-tabs{display:flex;gap:8px;flex-shrink:0}.qc-mode-tabs button{min-height:38px;min-width:150px;border:1px solid #3c505c;border-radius:8px;background:#14222b;color:#a9c0c9;font:600 12px/1.4 sans-serif;cursor:pointer;padding:8px 16px}.qc-mode-tabs button[aria-pressed=true]{background:#34271d;border-color:#c38b52;color:#ffc896}
.qc-plan-context{font-size:10px;line-height:1.7;color:#93adb9;text-align:right;margin:0;max-width:56%;overflow-wrap:anywhere}
.qc-wash-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 20px 0}.qc-route-buttons{display:flex;gap:6px}.qc-route-buttons button{padding:6px 17px;min-height:33px;border:1px solid #354e5b;border-radius:7px;color:#9dbbc8;background:#10202a;font:11px/1.5 sans-serif;cursor:pointer}.qc-route-buttons button[aria-pressed=true]{border-color:#5a939f;color:#aee4e7;background:#17313a}
.qc-wash-controls label{display:flex;align-items:center;gap:7px;font-size:10px;color:#99b3be}.qc-wash-controls select{max-width:180px;background:#0d1c25;color:#bad0d8;border:1px solid #365361;border-radius:6px;min-height:33px;font:11px/1.5 sans-serif;padding:4px 7px}
.qc-canvas-wrap{position:relative;height:clamp(310px,40vh,400px);min-height:310px;margin-top:4px}.qc-canvas-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}.qc-stage[data-view=compare] .qc-canvas-wrap{height:clamp(350px,43vh,420px);min-height:350px}
/* Paired data stays attached to the two enlarged EV models; each example owns its provenance. */
.qc-compare-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px 0}.qc-compare-controls label{display:flex;align-items:center;gap:9px;font-size:11px;color:#a8c4ce;min-width:0}.qc-compare-controls select{min-width:0;max-width:340px;border:1px solid #3e5866;border-radius:7px;padding:7px 9px;background:#12232d;color:#c4d8df;font:11px/1.5 sans-serif}.qc-compare-controls>span{max-width:48%;font-size:10px;line-height:1.6;color:#8eafbd;text-align:right}
.qc-model-labels{position:absolute;left:2%;right:2%;bottom:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));pointer-events:none;text-align:center}.qc-model-labels>div{min-width:0;padding:3px 8px}.qc-model-labels h4{font-size:12px;line-height:1.6;font-weight:500;color:#c6dce0;margin:0}.qc-model-labels strong{display:block;font-size:20px;line-height:1.7;color:#d6e6e7}.qc-model-labels span{display:block;font-size:13px;line-height:1.7;color:#99c8d3}.qc-model-labels>div:last-child strong{color:#f2c18e}.qc-model-labels>div:last-child span{color:#e5b690}
#qcDataNote{font-size:10px;line-height:1.75;color:#93adb8;margin:8px 0 0}
.qc-legend{display:flex;gap:8px 17px;justify-content:center;flex-wrap:wrap;padding:5px 20px 12px;font-size:10px;color:#a8c0ca;line-height:1.5}.qc-legend span{display:inline-flex;align-items:center;gap:5px}.qc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.qc-dot.ev{background:#cf9d66;box-shadow:0 0 4px #bf945c}.qc-dot.cargo{background:#f0b572}.qc-dot.ligand{background:#80d2d3}.qc-dot.marker{background:#e98db0}.qc-dot.large{background:#9da5b5}
.qc-playback{padding:9px 20px 10px;border-top:1px solid #273b45;display:grid;grid-template-columns:auto minmax(100px,1fr);gap:5px 18px;align-items:center}.qc-playback>div{display:flex;align-items:center;gap:7px}.qc-playback button{font-size:10px;min-height:30px;padding:5px 10px;background:#152833;border:1px solid #365160;border-radius:6px;color:#bad0d9;cursor:pointer}#qcProgressLabel{margin-left:6px;color:#98b1bd;font-size:10px;white-space:nowrap}#qcProgress{width:100%;height:20px;accent-color:#e6a367;cursor:pointer;margin:0}#qcPhase{grid-column:1/-1;font-size:10px;color:#93acb9;line-height:1.6;display:block}
.qc-scene-caption{padding:11px 20px;border-top:1px solid #2b3c46;background:rgba(9,19,27,.35)}.qc-scene-caption h4{font-size:12px;line-height:1.7;color:#b5d0d7;margin:0 0 3px}.qc-scene-caption p{font-size:10px;line-height:1.8;color:#93acb8;margin:0}
.qc-comparison{padding:8px 20px 12px}.qc-comparison table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.7;text-align:left;table-layout:fixed}.qc-comparison th,.qc-comparison td{border-top:1px solid #2e434d;padding:7px 10px;overflow-wrap:anywhere;color:#adc2cc;font-weight:400}.qc-comparison tr:first-child th{color:#d3e2e6;background:#15252e}.qc-comparison tr td:last-child{color:#e5bd92}.qc-literature-source{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:#91a9b6;margin-top:10px}.qc-literature-source a,.qc-footnote a{color:#8ec6d0;text-decoration:none}.qc-literature-source a:hover,.qc-footnote a:hover{text-decoration:underline}
.qc-plan-details{border-top:1px solid #2e4958;background:#10202a;padding:11px 20px;font-size:12px;color:#abc7d2}.qc-plan-details>summary{cursor:pointer;line-height:1.6}.qc-plan-details>summary small{color:#8ba8b7;font-size:10px;margin-left:14px}#quality #dynamicQC{margin-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#quality #dynamicQC .qc-lane{padding:10px;border-radius:8px;font-size:11px}#quality #dynamicQC .qc-lane b{font-size:11px}#quality #dynamicQC .qc-lane p{font-size:10px;line-height:1.7}.qc-plan-details .derived-controls{font-size:11px;margin:12px 0 0}.qc-plan-details .derived-controls h4{font-size:12px}.qc-footnote{font-size:10px;color:#8da6b2;line-height:1.8;margin:0;padding:10px 20px;border-top:1px solid #263d49}.qc-footnote a{margin-left:10px}#quality [hidden]{display:none!important}
@media(max-width:900px){.qc-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qc-method-insight{grid-template-columns:1fr}.qc-method-card{min-height:98px}.qc-stage-head{align-items:flex-start}.qc-plan-context{max-width:48%}#quality #dynamicQC{grid-template-columns:1fr 1fr}.qc-mode-tabs button{min-width:120px}}
@media(max-width:600px){.qc-method-panel{padding:14px}.qc-panel-head{align-items:flex-start;gap:9px}.qc-panel-head>p{font-size:10px;max-width:46%;text-align:right}.qc-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qc-method-card{padding:10px;min-height:109px}.qc-method-card:last-child{grid-column:1/-1;min-height:88px}.qc-method-card b{font-size:11px}.qc-method-insight{gap:7px}.qc-stage-head{padding:12px 14px;display:block}.qc-mode-tabs{width:100%;gap:7px}.qc-mode-tabs button{min-width:0;min-height:42px;flex:1;padding:8px;font-size:12px}.qc-plan-context{max-width:none;text-align:left;margin-top:8px}.qc-wash-controls{padding:11px 14px 0}.qc-route-buttons{width:100%}.qc-route-buttons button{flex:1 1 auto;min-height:38px;padding:6px 5px}.qc-wash-controls label{width:100%;justify-content:space-between}.qc-wash-controls select{max-width:65%;min-height:36px}.qc-canvas-wrap{height:280px;min-height:280px}.qc-stage[data-view=compare] .qc-canvas-wrap{height:300px;min-height:300px}.qc-compare-controls{display:block;padding:11px 14px 0}.qc-compare-controls label{display:block}.qc-compare-controls select{width:100%;max-width:100%;margin-top:6px;min-height:38px}.qc-compare-controls>span{display:block;max-width:none;text-align:left;margin-top:6px}.qc-model-labels strong{font-size:13px}.qc-model-labels h4,.qc-model-labels span{font-size:10px}.qc-model-labels>div{padding-inline:4px}.qc-legend{font-size:9px;gap:6px 10px;justify-content:flex-start;padding-inline:14px}.qc-playback{padding-inline:14px;display:block}.qc-playback button{min-height:38px}#qcProgressLabel{margin-left:auto}#qcProgress{height:26px;margin:6px 0 2px}.qc-scene-caption{padding:11px 14px}.qc-plan-details{padding:11px 14px}.qc-plan-details>summary small{display:block;margin:5px 0 0}#quality #dynamicQC{grid-template-columns:1fr}.qc-comparison{padding-inline:10px}.qc-comparison th,.qc-comparison td{font-size:10px;padding:6px 5px}.qc-footnote{padding:10px 14px}}