#thesisPanel {box-sizing:border-box;width:350px;min-width:350px;padding:22px;overflow-y:auto;background:#fff;color:#23354a;border-left:1px solid #d6dee6;font:15px/1.5 system-ui;}
#thesisPanel[hidden], #thesisLoading[hidden] {display:none;}
#thesisPanel h1 {font:600 25px/1.2 system-ui;margin:12px 0;}
#thesisPanel a, #thesisReturn {color:#165f9c;}
#thesisPanel label {display:block;font-weight:600;}
#thesisPanel button, #thesisPanel select {font:inherit;min-height:44px;border:1px solid #bdcad6;border-radius:6px;background:#f3f7fa;color:#23354a;padding:8px 10px;cursor:pointer;}
#thesisPanel select {width:100%;}
#thesisPanel button:disabled {opacity:.5;cursor:default;}
#thesisPanel summary {cursor:pointer;padding:10px 0;}
#thesisPanel img {width:100%;height:auto;}
#thesisPanel .thesis-kicker {font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#5b6c7d;}
#thesisPanel .thesis-help {font-size:12px;color:#566777;}
#thesisPanel .thesis-buttons {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
#thesisStatus {border-left:3px solid #2679ab;padding-left:10px;}
#thesisEvent {min-height:1.5em;font-weight:600;}
#thesisEvent:empty, #thesisEvents:empty {display:none;}
#thesisFull {margin-top:16px;}
.thesis-mode #controls, .thesis-mode #depthLegend, .thesis-mode #info {display:none !important;}
#thesisPanel #fourDTimeGroup {margin-top:12px;}
#thesisPanel #timeSliceSlider {height:32px;margin:0;}
#thesisPanel #fourDMovieBtn {display:none !important;}
.thesis-pending #canvas-container, .thesis-pending #movieViewport {visibility:hidden;}
#thesisLoading {position:fixed;inset:0;background:#f5f8fb;z-index:2000;padding:15vh 8vw;font:18px/1.6 system-ui;}
#thesisReturn {position:fixed;top:8px;left:8px;z-index:1000;background:white;padding:9px;border:1px solid #bcd;border-radius:6px;}
.thesis-mode .movie-transport button {min-width:44px;min-height:44px;}
.thesis-mode .movie-frame {min-width:74px;}
@media(max-width:900px) {
  .thesis-mode #app-layout {flex-direction:column;}
  .thesis-mode #thesisPanel {order:-1;width:100%;min-width:0;max-height:40dvh;flex-shrink:0;border-left:0;border-bottom:1px solid #ccd6e0;padding:12px 16px;}
  .thesis-mode #thesisPanel h1 {font-size:20px;margin:4px 0;}
  .thesis-mode #thesisPanel .thesis-kicker {display:none;}
  .thesis-mode #thesisEvents {flex-wrap:nowrap;overflow-x:auto;}
  .thesis-mode #thesisEvents button {white-space:nowrap;}
  .thesis-mode #viewport-panel {min-height:0;height:auto;}
  .thesis-mode .movie-topbar, .thesis-mode .movie-legend {font-size:10px;}
  .thesis-mode .movie-legend {display:none;}
  .thesis-mode .movie-strip {max-height:92px;}
  .thesis-mode .movie-transport {flex-wrap:wrap;}
  .thesis-mode .movie-transport label {font-size:11px;}
}