/* English labels need room; the embedded workspace keeps all five views. */
.brand strong { font-size: 15px; letter-spacing: 0; }
.brand small { font-size: 8px; }
.shot-picker select { font-size: 11px; }
.panel-head h2 { font-size: 11px; }
.panel-head h2 > span { margin-right: 7px; }
.style-card span { font-size: 8px; }
.style-options button { font-size: 8px; }
.style-options label { font-size: 8px; }
.brand strong span { display: none; }
.embedded-mode .topbar { height: 54px; padding: 8px 13px; gap: 15px; }
.embedded-mode .brand-mark { height: 29px; width: 29px; font-size: 19px; }
.embedded-mode .brand strong { font-size: 13px; }
.embedded-mode .brand small { font-size: 7px; letter-spacing: 1px; }
.embedded-mode .workspace { height: calc(100dvh - 130px); min-height: 350px; padding: 8px; gap: 8px; }
.embedded-mode .panel-head { height: 32px; min-height: 32px; }
.embedded-mode .panel-head button { font-size: 9px; min-height: 24px; }
.embedded-mode .transport { height: 76px; padding: 9px 12px; }
.embedded-mode .transport-meta { margin-top: 6px; font-size: 8px; }
.embedded-mode .loading { inset: 54px 0 76px; }
.embedded-mode .style-options label { display: none; }
.embedded-mode .render-caption span { max-width: 350px; }
.embedded-mode .left-deck, .embedded-mode .right-deck { gap: 8px; min-height: 0; }
.embedded-mode .panel-tools .badge { display: none; }
.style-cards .style-card { min-width: 113px; }
@media (min-width: 761px) {
  .embedded-mode .workspace { grid-template-columns: minmax(245px, .86fr) minmax(0, 2.14fr); }
  .embedded-mode .left-deck { grid-template-rows: 1.08fr 1fr; }
  .embedded-mode .right-deck { grid-template-rows: minmax(155px, 1fr) minmax(200px, 1.25fr); }
  .embedded-mode .style-carousel { padding: 4px; }
  .embedded-mode .style-card { min-height: 33px; min-width: 100px; gap: 5px; }
  .embedded-mode .style-card img { height: 25px; width: 28px; }
  .embedded-mode .style-arrow { min-height: 32px; }
  .embedded-mode .style-options { min-height: 26px; padding: 3px 6px; }
  .embedded-mode .style-options select { font-size: 9px; min-height: 22px; }
  .embedded-mode .style-caption { padding: 20px 9px 7px; }
  .embedded-mode .style-caption strong { font-size: 10px; }
  .embedded-mode .style-caption small { font-size: 7px; }
  .embedded-mode .compare-controls { font-size: 8px; min-height: 28px; padding: 3px 8px; }
  .embedded-mode .compare-controls button { font-size: 8px; }
  .embedded-mode .map-legend { font-size: 8px; gap: 6px; }
  .embedded-mode .mode-switch button { font-size: 10px; }
  .embedded-mode .sync-status { font-size: 9px; }
}
@media (max-width: 760px) {
  .embedded-mode { overflow: auto; }
  .embedded-mode .topbar { height: auto; min-height: 94px; }
  .embedded-mode .workspace { height: auto; min-height: 0; display: flex; }
  .embedded-mode .transport { height: auto; min-height: 100px; }
  .embedded-mode .left-deck { grid-template-rows: 310px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .embedded-mode .left-deck .panel { min-width: 0; }
  .embedded-mode .left-deck .panel-head { flex-wrap: wrap; align-content: center; height: 50px; min-height: 50px; gap: 3px; padding: 4px 7px; }
  .embedded-mode .left-deck .panel-tools { margin-left: auto; }
  .embedded-mode .map-panel .panel-head h2 > span { display: none; }
  .embedded-mode .map-panel .panel-tools select { width: 82px; font-size: 8px; min-height: 21px; }
  .embedded-mode .loading { inset: 0; }
  .embedded-mode .brand { min-width: 120px; }
  .embedded-mode .brand small { font-size: 6px; }
  .embedded-mode .brand strong { font-size: 12px; }
  .embedded-mode .brand-mark { display: none; }
  .embedded-mode .mode-switch button { font-size: 9px; }
  .panel-head h2 { font-size: 9px; }
  .overview-panel .panel-head h2 { font-size: 8px; }
  .overview-panel .panel-head h2 > span { display: none; }
  .embedded-mode .panel-head button { font-size: 8px; padding-inline: 4px; }
  .embedded-mode .transport-line { gap: 4px; }
  .embedded-mode .play-controls button { font-size: 9px; padding: 4px 6px; }
  .embedded-mode .play-controls .primary { min-width: 85px; }
  .embedded-mode .timecode { font-size: 9px; }
}