.mechanism-page .topbar{gap:32px}.mechanism-page .tabs{gap:22px}.mechanism-page .tab{gap:10px}.m-pathway{display:flex;gap:9px;align-items:center;justify-content:center;padding:12px 16px;background:#f3f7f0;font-size:12px;flex-wrap:wrap}.m-pathway b{color:#899f8d}.m-field{position:relative;flex:1;min-height:340px;background:#0b292e}.m-field canvas,.m-trace canvas{position:absolute;display:block;width:100%;height:100%}.m-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:15px 17px 9px;gap:9px}.m-inventory span{display:block;color:var(--muted);font-size:12px}.m-inventory strong{font:22px/1.6 var(--mono)}.m-inventory>div:nth-child(3) strong{color:#966d29}.m-inventory>div:nth-child(4) strong{color:#7b6ba8}.m-field-note{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 17px 8px;font-size:11px;color:var(--muted)}#m-ledger{color:var(--teal);font-family:var(--mono)}.m-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 16px}.m-controls label{font-size:14px;display:block;font-weight:500}.m-controls small{font-size:11px;color:var(--muted);display:block;margin:3px 0 6px;min-height:17px}.m-controls input,.m-controls select{width:100%;border:1px solid #d2dfd8;background:#fcfdfb;border-radius:5px;padding:9px;font:13px var(--mono);color:var(--ink)}.m-controls input[type=range]{accent-color:var(--teal);padding:0;margin:12px 0 0}.m-controls h4{grid-column:1/-1;font:11px var(--mono);letter-spacing:1px;color:#5a7461;border-top:1px solid var(--line);padding-top:15px;margin:6px 0 0}.m-controls h4:first-child{border:0;margin:0;padding:0}.m-controls .m-wide{grid-column:1/-1}.m-controls .m-wide{display:grid;grid-template-columns:1fr auto;align-items:baseline}.m-controls .m-wide small,.m-controls .m-wide input,.m-controls .m-wide select{grid-column:1/-1}.m-controls output{color:var(--teal);font:13px var(--mono)}.m-apply{width:100%;margin:6px 0}.m-probe-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:15px 17px 5px;gap:8px}.m-probe-metrics span{font-size:11px;color:var(--muted);display:block}.m-probe-metrics strong{font:15px var(--mono);display:block;margin-top:7px}.m-trace{position:relative;flex:1;min-height:160px;margin:5px}.m-trace-key{display:flex;gap:8px 15px;flex-wrap:wrap;font-size:11px;padding:0 18px}.m-trace-key span{display:flex;align-items:center;gap:6px}.m-trace-key i{display:inline-block;width:13px;height:3px}.m-caption{font-size:12px;color:var(--muted);padding:0 18px 12px;margin:9px 0 0;line-height:1.5}.m-result-controls{display:flex;gap:12px 24px;flex-wrap:wrap;margin:10px 0 15px;font-size:13px}.m-result-controls label{display:flex;align-items:center;gap:10px}.m-result-controls select{max-width:280px;font-size:13px}.mechanism-page #m-workspace .card{min-width:270px}.mechanism-page .t-study-card .card-content{padding:22px}
.m-apply-bar{position:sticky;bottom:-18px;z-index:1;margin:10px -18px -18px;padding:10px 18px 2px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -9px 14px -13px rgba(32,59,60,.45)}.m-apply-bar .m-apply{margin-top:0}.m-apply-bar .t-hint{margin-bottom:10px}
.mechanism-page [data-mcard=study]{scroll-margin-top:14px}@keyframes m-flash{from{box-shadow:0 0 0 3px #36b7a2}to{box-shadow:0 0 0 3px rgba(54,183,162,0)}}.mechanism-page .card.m-flash{animation:m-flash 1.5s ease-out}@media(prefers-reduced-motion:reduce){.mechanism-page .card.m-flash{animation:none}}
@media(max-width:1250px){.mechanism-page .topbar{gap:22px}.mechanism-page .tabs{gap:15px}.mechanism-page .tab{gap:6px}.m-inventory strong{font-size:17px}.m-probe-metrics{grid-template-columns:1fr 1fr;row-gap:12px}.m-pathway{font-size:11px}.m-inventory span{font-size:11px}}
@media(max-width:1000px){#m-studies{display:flex;overflow:auto;gap:5px}.mechanism-page #m-workspace{display:flex;flex-direction:column}.mechanism-page #m-workspace .card{position:relative!important;width:auto!important;left:auto!important;top:auto!important;height:auto!important;min-width:0}.mechanism-page [data-mcard=field]{min-height:650px}.mechanism-page [data-mcard=readout]{min-height:430px;order:1}.mechanism-page [data-mcard=parameters]{order:2}.mechanism-page [data-mcard=study]{order:3}.m-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.m-controls h4,.m-controls .m-wide{grid-column:1/-1}}
@media(max-width:650px){.mechanism-page .topbar{gap:6px 12px}.mechanism-page .tabs{gap:8px;justify-content:space-between}.mechanism-page .tab{font-size:13px;gap:5px;padding:0 2px}.mechanism-page .tab span{font-size:10px}.mechanism-page .workspace-heading h2{font-size:25px}.m-controls{grid-template-columns:1fr 1fr;gap:14px 12px}.m-inventory{grid-template-columns:1fr 1fr;gap:12px}.m-inventory strong{font-size:21px}.m-pathway{font-size:11px;gap:5px}.mechanism-page [data-mcard=field]{min-height:730px}.m-field{min-height:380px}.m-result-controls{display:block}.m-result-controls label{display:block;margin-bottom:12px}.m-result-controls select{display:block;width:100%;max-width:none;margin-top:5px}.mechanism-page .t-study-card .card-content{padding:17px}.m-probe-metrics strong{font-size:16px}.mechanism-page .workspace-footer a{font-size:12px}}
.m-signal-table{margin:4px 0 14px}.m-signal-table th,.m-signal-table td{padding:9px 8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.m-signal-table td:nth-child(2),.m-signal-table td:nth-child(3){white-space:nowrap;font-family:var(--mono);font-size:12px}
@media(max-width:600px){.m-signal-table th,.m-signal-table td{padding:8px 5px;font-size:12px}.m-signal-table td:nth-child(2),.m-signal-table td:nth-child(3){white-space:normal;font-size:11px}}
.m-lanes-box{margin:4px 0 18px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#0b292e}.m-lanes-head{display:flex;justify-content:space-between;align-items:center;gap:8px 18px;flex-wrap:wrap;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line)}.m-lanes-head h4{margin:0;font-size:14px;font-weight:550}.m-lanes-controls{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font-size:13px}.m-lanes-controls label{display:flex;align-items:center;gap:8px}.m-lanes-controls input[type=range]{width:min(260px,40vw);height:24px;margin:0;accent-color:var(--teal)}.m-lanes-controls output{font:12px var(--mono);min-width:52px}.m-lanes-controls .secondary{width:auto;min-width:104px;min-height:30px;margin:0;padding:4px 12px}.m-lanes{position:relative;height:300px}.m-lanes canvas{position:absolute;display:block;width:100%;height:100%}.m-lanes-key{margin:0;padding:8px 14px 10px;background:#fff;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.5}