.advanced-lab-modality-host { margin-top: 10px; min-width: 0; }
.advanced-modality-workbench { display: grid; gap: 11px; min-width: 0; padding: 12px; border: 1px solid rgba(116, 221, 202, .36); border-radius: 10px; color: #dcecef; background: linear-gradient(145deg, #08262e, #0b1d29); }
.advanced-modality-workbench * { box-sizing: border-box; }
.advanced-modality-header { display: grid; gap: 4px; }
.advanced-modality-header h5 { margin: 0; color: #baf3e6; font-size: .91rem; }
.advanced-modality-header p { margin: 0; color: #c5d9dd; font-size: .75rem; line-height: 1.42; }
.advanced-modality-time-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; min-width: 0; }
.advanced-modality-workbench button { min-height: 35px; padding: 7px 9px; border: 1px solid rgba(143, 200, 244, .36); border-radius: 6px; color: #dfedef; background: #153744; font: inherit; font-size: .71rem; font-weight: 720; cursor: pointer; }
.advanced-modality-workbench button:hover { border-color: #86e4d0; background: #1b4750; }
.advanced-modality-workbench button:focus-visible, .advanced-modality-workbench select:focus-visible { outline: 2px solid #f3c681; outline-offset: 2px; }
.advanced-modality-workbench button[aria-pressed="true"] { border-color: #7de2cf; color: #082b30; background: #afe9da; }
.advanced-modality-time-button { display: grid; align-content: center; gap: 3px; min-width: 0; text-align: left; }
.advanced-modality-time-button strong { font-size: .73rem; }
.advanced-modality-time-button small { font-size: .62rem; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.advanced-modality-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.advanced-modality-select { display: grid; gap: 4px; min-width: 0; color: #bedddc; font-size: .69rem; font-weight: 760; }
.advanced-modality-select select { width: 100%; min-width: 0; min-height: 36px; padding: 6px 8px; border: 1px solid rgba(143, 200, 244, .42); border-radius: 6px; color: #e4f1f0; background: #123341; font: inherit; font-size: .72rem; }
.advanced-modality-lane-picker { display: flex; flex-wrap: wrap; gap: 5px; }
.advanced-modality-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; min-width: 0; }
.advanced-modality-panel { display: grid; align-content: start; gap: 7px; min-width: 0; padding: 9px; border: 1px solid rgba(147, 196, 227, .27); border-radius: 8px; background: #081d27; }
.advanced-modality-panel > h6 { margin: 0; color: #b8efe2; font-size: .78rem; }
.advanced-modality-panel-scene { margin: -3px 0 0; color: #b9d0d4; font-size: .68rem; }
.advanced-modality-lane { display: grid; gap: 5px; min-width: 0; padding: 7px; border: 1px solid rgba(143, 200, 244, .22); border-radius: 6px; background: #102b36; }
.advanced-modality-lane > h6 { margin: 0; color: #c7e7e5; font-size: .72rem; }
.advanced-modality-event { display: grid; gap: 4px; min-width: 0; padding: 7px; border-left: 3px solid #75d9c6; border-radius: 5px; background: #183844; }
.advanced-modality-event[data-status="pending"], .advanced-modality-event[data-status="planned"] { border-left-color: #e9bf7d; background: #3a342d; }
.advanced-modality-event[data-status="unavailable"] { border-left-color: #b7a7ad; background: #302d37; }
.advanced-modality-event[data-current="false"] { opacity: .84; }
.advanced-modality-event-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 4px; }
.advanced-modality-event-heading strong { color: #e8f5f3; font-size: .71rem; line-height: 1.25; }
.advanced-modality-event-status { padding: 3px 5px; border-radius: 4px; color: #def3ec; background: rgba(105, 215, 192, .16); font-size: .6rem; font-weight: 800; line-height: 1.15; }
.advanced-modality-event[data-status="pending"] .advanced-modality-event-status, .advanced-modality-event[data-status="planned"] .advanced-modality-event-status { color: #ffdfac; background: rgba(245, 190, 109, .13); }
.advanced-modality-event[data-status="unavailable"] .advanced-modality-event-status { color: #e4d5db; background: rgba(218, 175, 191, .12); }
.advanced-modality-event p { margin: 0; color: #d3e0e4; font-size: .67rem; line-height: 1.38; overflow-wrap: anywhere; }
.advanced-modality-event .advanced-modality-event-time { color: #b4cfce; font-weight: 760; }
.advanced-modality-event .advanced-modality-event-quality { color: #f3d7a6; }
.advanced-modality-gap { margin: 0; color: #c0d0d7; font-size: .68rem; line-height: 1.35; }
.advanced-modality-boundary { margin: 0; color: #b9ced3; font-size: .68rem; line-height: 1.4; }
@media (max-width: 560px) {
  .advanced-modality-workbench { padding: 9px; }
  .advanced-modality-comparison, .advanced-modality-controls { grid-template-columns: 1fr; }
  .advanced-modality-time-rail { gap: 4px; }
  .advanced-modality-time-button { padding: 6px; }
  .advanced-modality-time-button small { font-size: .58rem; }
}
@media (prefers-reduced-motion: reduce) {
  .advanced-modality-workbench *, .advanced-modality-workbench *::before, .advanced-modality-workbench *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}