.emt-window-lab {
  display: grid;
  gap: 18px;
  padding: 20px;
  border: 1px solid rgba(85, 214, 190, 0.32);
  border-radius: 10px;
  background: linear-gradient(148deg, rgba(85, 214, 190, 0.09), transparent 43%), #101c28;
  color: var(--text);
}
.emt-window-lab [hidden] { display: none !important; }
.emt-window-head { display: grid; justify-items: start; gap: 7px; }
.emt-window-head h3 { margin: 0; font-size: 1.17rem; }
.emt-window-head p,
.emt-window-guide,
.emt-window-timeline-key,
.emt-window-assessment > p,
.emt-window-capture-section > p,
.emt-window-handoff > p,
.emt-window-safety,
.emt-window-sources { margin: 0; color: #c4d3dd; line-height: 1.5; }
.emt-window-head p { max-width: 86ch; }
.emt-window-guide { padding: 10px 13px; border-left: 3px solid #6fb6ff; background: rgba(111, 182, 255, 0.08); font-size: 0.8rem; }
.emt-window-time-controls {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  background: rgba(4, 13, 22, 0.36);
}
.emt-window-field { display: grid; gap: 7px; font-size: 0.78rem; font-weight: 750; }
.emt-window-field input[type="range"] { width: 100%; accent-color: #55d6be; }
.emt-window-field output { color: #85ecdb; font-size: 0.75rem; }
.emt-window-step-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.emt-window-lab button { min-height: 36px; }
.emt-window-lab :is(button, input):focus-visible { outline: 2px solid #a8eaff; outline-offset: 3px; }
.emt-window-lab button:disabled { opacity: 0.5; cursor: not-allowed; }

.emt-window-timeline,
.emt-window-assessment,
.emt-window-capture-section,
.emt-window-handoff { display: grid; gap: 10px; }
.emt-window-timeline h4,
.emt-window-assessment h4,
.emt-window-capture-section h4,
.emt-window-handoff h4 { margin: 0; font-size: 0.95rem; }
.emt-window-timeline-key,
.emt-window-assessment > p,
.emt-window-capture-section > p,
.emt-window-handoff > p { font-size: 0.77rem; }
.emt-window-track { padding: 21px 15px 7px; border: 1px solid rgba(111, 182, 255, 0.28); border-radius: 8px; background: #0a1723; }
.emt-window-axis { position: relative; height: 39px; margin: 0 9px; border-top: 4px solid #456476; }
.emt-window-pin {
  position: absolute;
  top: -10px;
  z-index: 2;
  width: 15px;
  height: 15px;
  transform: translateX(-50%);
  border: 2px solid #0a1723;
  border-radius: 50%;
  background: #77c5f2;
}
.emt-window-pin-reported { background: #e5b47b; }
.emt-window-pin-known { background: #77c5f2; }
.emt-window-overlay { position: absolute; top: 9px; height: 19px; border: 1px solid #63d7c2; border-radius: 4px; background: rgba(85, 214, 190, 0.37); }
.emt-window-overlay-second { border-color: #77c5f2; background: rgba(111, 182, 255, 0.3); }
.emt-window-playhead { position: absolute; top: -16px; z-index: 3; height: 46px; width: 2px; background: #f0f5f6; box-shadow: 0 0 6px #f0f5f6; }
.emt-window-axis-labels { display: flex; justify-content: space-between; color: #a8c0cb; font-size: 0.66rem; font-weight: 700; }
.emt-window-event-list { display: grid; gap: 7px; margin: 0; padding-left: 22px; }
.emt-window-event { padding: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; color: #d5e2e7; background: rgba(4, 13, 22, 0.44); font-size: 0.77rem; line-height: 1.45; }
.emt-window-event strong { display: block; margin-bottom: 3px; color: #f0c292; font-size: 0.71rem; }
.emt-window-event-known strong { color: #92d5f3; }
.emt-window-event span { display: block; }

.emt-window-assessment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.emt-window-assessment-card {
  display: grid;
  grid-template-rows: auto auto minmax(110px, 1fr) auto;
  gap: 7px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  background: rgba(4, 13, 22, 0.48);
}
.emt-window-kicker { color: #97b9c6; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.02em; }
.emt-window-assessment-card h5 { margin: 0; font-size: 0.84rem; }
.emt-window-assessment-value { margin: 0; color: #adbec8; font-size: 0.76rem; line-height: 1.45; }
.emt-window-assessment-value[data-recorded="true"] { color: #e0edf0; }
.emt-window-assessment-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.emt-window-assessment-actions button { min-height: 31px; padding: 5px 8px; font-size: 0.71rem; }
.emt-window-remove { opacity: 0.82; }

.emt-window-capture-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.emt-window-capture-card {
  display: grid;
  align-content: start;
  gap: 11px;
  padding: 15px;
  border: 1px solid rgba(85, 214, 190, 0.24);
  border-radius: 8px;
  background: rgba(4, 13, 22, 0.48);
}
.emt-window-capture-card h5 { margin: 0; font-size: 0.88rem; }
.emt-window-checkbox { display: flex; align-items: center; gap: 8px; color: #d4e5e9; font-size: 0.75rem; font-weight: 650; }
.emt-window-checkbox input { accent-color: #55d6be; }
.emt-window-trace { min-height: 68px; padding: 8px; border: 1px solid rgba(85, 214, 190, 0.24); border-radius: 6px; background: repeating-linear-gradient(90deg, rgba(85, 214, 190, 0.04) 0 1px, transparent 1px 20px), #091924; }
.emt-window-trace svg { display: block; width: 100%; height: 52px; }
.emt-window-trace path { fill: none; stroke: #55d6be; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.emt-window-capture-result { min-height: 57px; margin: 0; color: #e3f1f2; font-size: 0.78rem; line-height: 1.45; }
.emt-window-coverage { margin: 0; color: #a5bcc8; font-size: 0.74rem; line-height: 1.45; }

.emt-window-handoff { padding: 14px; border: 1px solid rgba(111, 182, 255, 0.26); border-radius: 8px; background: rgba(111, 182, 255, 0.06); }
.emt-window-handoff-list { display: grid; gap: 7px; margin: 0; padding-left: 20px; }
.emt-window-handoff-list li { padding-left: 3px; color: #d7e5e9; font-size: 0.76rem; line-height: 1.45; }
.emt-window-handoff-list strong { display: block; color: #94e5d5; font-size: 0.7rem; }
.emt-window-handoff-list span { display: block; }
.emt-window-unknown { padding: 9px 11px; border-left: 3px solid #e5b47b; background: rgba(229, 180, 123, 0.08); color: #eed8bd !important; }
.emt-window-safety { font-size: 0.78rem; }
.emt-window-sources { font-size: 0.72rem; }
.emt-window-sources a { color: #96e8dc; }
.emt-window-live-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 900px) {
  .emt-window-assessment-grid { grid-template-columns: 1fr; }
  .emt-window-assessment-card { grid-template-rows: none; }
}
@media (max-width: 680px) {
  .emt-window-lab { padding: 14px; }
  .emt-window-time-controls, .emt-window-capture-grid { grid-template-columns: 1fr; }
  .emt-window-axis-labels { font-size: 0.58rem; }
}