@font-face{font-family:Archivo;src:url("/brand/archivo-latin.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root {
  --ink: #242624;
  --paper: #f5f0e7;
  --line: #dedad2;
  --muted: #62675f;
  --signal: #f0642c;
  --signal-dark: #a83b12;
  --cec-surface: #fff;
  --cec-inverse-muted: #d3d6cc;
  --cec-positive: #1f6b45;
  --cec-negative: #a22828;
  font-family:
    Archivo,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: var(--ink);
  background: #fcfaf6;
  font-size: 16px;
  font-synthesis: none;
  line-height: 1.5;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select {
  font: inherit;
}
button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 38px;
  padding: 0.45rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--ink);
  background: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}
button:hover:not(:disabled):where(:not([aria-pressed="true"],.timeline-event,.screen-choice,.media-tile,.text-action,.selected,nav button)),
.button:hover:not(:has(input:disabled)) {
  background: var(--paper);
}
button:disabled {
  color: #747970;
  background: #f0f1ee;
  border-color: #dce0d8;
  cursor: not-allowed;
}
button.primary,
.button.primary,
button.signal,
.button.signal {
  background: var(--signal);
  color: var(--ink);
  border-color: var(--signal);
  font-weight: 700;
}
button.primary:hover:not(:disabled),.button.primary:hover:not(:has(input:disabled)),
button.signal:hover:not(:disabled),.button.signal:hover:not(:has(input:disabled)) {
  background: #f8804e;
  color: var(--ink);
}
button.primary:disabled,button.signal:disabled,.button.primary:has(input:disabled),.button.signal:has(input:disabled) { background:#e5ded3; color:var(--muted); border-color:var(--line); cursor:not-allowed; }
button.danger { color:#a22828; background:#fff4f2; border-color:#c55a50; font-weight:650; }
button.danger:hover:not(:disabled),button.danger-confirm:not(:disabled) { color:#fff; background:#a22828; border-color:#a22828; }
button.danger-confirm:hover:not(:disabled) { background:#801f1f; border-color:#801f1f; }
button.danger:focus-visible { outline-color:#a22828; }
button.danger:disabled { color:#747970; background:#f0f1ee; border-color:#dce0d8; }
button[aria-busy="true"] { cursor: progress; }
button:active:not(:disabled),.button:active:not(:has(input:disabled)) { transform: translateY(1px); }
.button:has(input:disabled) { color: #747970; background: #f0f1ee; cursor: not-allowed; }
button.text-action:hover:not(:disabled) { background:none; text-decoration-thickness:2px; }
button.text-action.danger { color:#a22828; }
button.text-action:disabled { color:#747970; background:none; text-decoration:none; }
.customer-list td:last-child button + button { margin-left: 8px; }
.calendar-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.calendar-toolbar .field { font-size: .75rem; }
.calendar-toolbar h2 { font-size: 1rem; margin-left: 8px; }
.calendar-help { color: var(--muted); font-size: .8125rem; margin: 10px 0; }
.schedule-edit-grid { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 20px; align-items: start; }
.schedule-slot-list,.schedule-slot-editor { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.schedule-slot-list > button { flex-direction: column; align-items: start; text-align: left; white-space: normal; }
.schedule-slot-list > button[aria-pressed="true"] { border-color: var(--signal); background: var(--paper); }
.schedule-slot-list strong { overflow-wrap: anywhere; }
.schedule-slot-editor > button { align-self: start; }
.schedule-slot-editor p { font-size: .75rem; margin: 0; }
.schedule-slot-editor .campaign-dates { margin:0; padding:0; border:0; min-width:0; }
.campaign-dates legend { margin-bottom:10px; }
.campaign-dates .form-grid { margin-bottom:10px; }
.schedule-editor footer { align-items: center; flex-wrap: wrap; }
.schedule-editor footer span { font-size: .75rem; }
.day-choices { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.day-choices label { position: relative; cursor: pointer; }
.day-choices input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.day-choices input + span { display: block; padding: 8px; border: 1px solid var(--line); border-radius: 4px; font-size: .75rem; }
.day-choices input:hover:not(:disabled) + span { border-color:var(--signal-dark); }
.day-choices input:checked + span { background: var(--ink); color: white; border-color: var(--ink); }
.day-choices input:focus-visible + span { outline: 2px solid var(--signal); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.player-schedule .calendar-toolbar h2 { margin-left: 0; }
.player-schedule .actions { flex-wrap: wrap; }
.settings-panel form { max-width: 520px; margin-bottom: 28px; }
.settings-panel form > button { align-self: start; }
@media(max-width:760px) {
  .calendar-toolbar .actions { flex-wrap: wrap; }
  .calendar-scroll { max-height: 520px; }
  .schedule-edit-grid { grid-template-columns: 1fr; }
  .schedule-slot-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline: 3px solid var(--signal-dark);
  outline-offset: 2px;
}
input,
select {
  min-height: 39px;
  padding: 0.45rem 0.6rem;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: white;
  color: var(--ink);
  font-size: 0.875rem;
  max-width: 100%;
}
input:not([type="checkbox"]):not([type="radio"]):hover:not(:disabled),select:hover:not(:disabled) { border-color:#9a9f94; }
input:disabled,select:disabled { color:var(--muted); background:#f0f1ee; cursor:not-allowed; }
input[type="checkbox"] {
  min-height: auto;
  width: 17px;
  height: 17px;
}
h1,
h2,
h3,
p {
  margin: 0;
}
h1 {
  font-size: 2.2rem;
  font-weight: 780;
  line-height: 1.2;
  letter-spacing: -0.045em;
}
h2 {
  font-size: 1.125rem;
  font-weight: 650;
  letter-spacing: -0.025em;
}
h3 {
  font-size: 1rem;
  font-weight: 650;
  margin-bottom: 0.55rem;
}
small {
  display: block;
  color: var(--muted);
  font-size: 0.8125rem;
  line-height: 1.6;
}
strong {
  font-weight: 600;
}
.shell {
  display: grid;
  grid-template-columns: 196px 1fr;
  min-height: 100vh;
}
.shell > aside {
  position: fixed;
  inset: 0 auto 0 0;
  width: 196px;
  border-right: 1px solid var(--line);
  background: var(--ink);
  color: var(--paper);
  padding: 22px 0;
}
.brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 14px 24px;
  font-size: 1.5rem;
  font-weight: 750;
  letter-spacing: -0.05em;
  text-decoration: none;
  color: var(--ink);
}
.shell > aside > nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: calc(100% - 90px);
}
.shell > aside > nav button {
  color: var(--paper);
  border-radius: 0;
  justify-content: flex-start;
  gap: 15px;
  border: 0;
  background: transparent;
  font-weight: 500;
  padding: 14px 24px;
  min-height: 43px;
}
.shell > aside > nav button.active {
  background: #343733;
  box-shadow: inset 4px 0 var(--signal);
  color: #ff905a;
  font-weight: 600;
}
.shell > aside > nav button.active svg { color: #ff905a; }
.shell > aside > nav button:hover:not(:disabled):not(.active) { background: #2d302c; color: var(--paper); }
.shell > aside > nav button:disabled { background:transparent; color:var(--paper); opacity:.45; }
.shell > aside > nav button.active:disabled { background:#343733; color:#ff905a; }
.shell > aside > nav button:active:not(:disabled),button[aria-pressed]:active:not(:disabled),button.timeline-event:active:not(:disabled) { transform:none; }
.shell > aside > nav button:focus-visible { outline-color: #ff905a; outline-offset: -4px; }
.settings-link {
  margin-top: auto;
}
.shell > main {
  grid-column: 2;
  min-width: 0;
  padding: 20px 34px 44px;
}
.breadcrumb {
  display: flex;
  gap: 14px;
  align-items: center;
  color: var(--muted);
  font-size: 0.875rem;
  min-height: 25px;
  margin-bottom: 10px;
}
.breadcrumb button {
  padding: 0;
  border: 0;
  min-height: 0;
  color: var(--muted);
}
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 22px;
}
.page-header p {
  color: var(--muted);
  margin-top: 5px;
}
.actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.counts {
  display: flex;
  gap: 15px;
  align-items: center;
  margin: 12px 0 28px;
  font-size: 0.9rem;
}
.counts b {
  margin-left: -9px;
  margin-right: 18px;
  font-weight: 500;
}
.status {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
  font-size: 0.875rem;
}
.status i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: currentColor;
}
.status.green {
  color: #159953;
}
.status.amber {
  color: #bb7b00;
}
.status.red {
  color: #cf333b;
}
.green {
  color: #159953;
}
.amber {
  color: #b77a00;
}
.red,
.danger {
  color: #b72c35;
}
.status.stale,
.muted {
  color: var(--muted);
}
.muted {
  font-size: 0.875rem;
}
.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 20px 0 14px;
}
.pill {
  font-size: 0.75rem;
  border-radius: 20px;
  background: var(--paper);
  color: var(--muted);
  padding: 2px 10px;
  font-weight: 400;
  white-space: nowrap;
}
.filters {
  display: flex;
  gap: 12px;
}
.search {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 0 9px;
  color: var(--muted);
}
.search input {
  border: 0;
  padding-left: 0;
  min-width: 120px;
  width: 200px;
}
.table-wrap {
  position:relative;
  border: 1px solid var(--line);
  border-radius: 5px;
  overflow: auto;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.875rem;
  text-align: left;
}
th {
  font-weight: 500;
  font-size: 0.8125rem;
  color: var(--muted);
  background: var(--paper);
  padding: 9px 12px;
  white-space: nowrap;
}
td {
  padding: 9px 12px;
  border-top: 1px solid var(--line);
  vertical-align: middle;
}
td small {
  font-size: 0.75rem;
}
tr:hover td {
  background: var(--paper);
}
.player-cell {
  border: 0;
  padding: 0;
  gap: 18px;
  background: transparent;
  text-align: left;
  justify-content: flex-start;
  white-space: nowrap;
}
.preview {
  position: relative;
  background: var(--paper);
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 54px;
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 0.75rem;
}
.preview img,
.preview video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preview.large {
  width: 100%;
  height: auto;
  aspect-ratio: 16/7;
  max-height: 430px;
  background: var(--paper);
}
.preview.large img,
.preview.large video {
  object-fit: contain;
}
.empty {
  padding: 64px 24px;
  text-align: center;
  color: var(--muted);
}
.empty svg {
  margin-bottom: 10px;
}
.empty p {
  max-width: 480px;
  margin: auto;
  font-size: 0.9rem;
}
.activity {
  margin-top: 34px;
  border-top: 1px solid var(--line);
  padding-top: 20px;
}
.activity > h2 {
  margin-bottom: 12px;
}
.activity > div {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.875rem;
}
.activity > div > span { min-width:0; overflow-wrap:anywhere; }
.activity > div > svg { flex-shrink:0; }
.activity time {
  color: var(--muted);
  min-width: 60px;
}
.activity > p {
  padding: 20px 0;
}
.banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 4px;
  margin-bottom: 16px;
  font-size: 0.875rem;
}
.banner.error {
  background: #fff4ed;
  border: 1px solid #f4c99d;
  color: #913c13;
}
.banner.success {
  background: #eff8f2;
  border: 1px solid #c9e7d3;
  color: #276344;
}
.banner button {
  margin-left: auto;
  min-height: 26px;
  padding: 2px 6px;
  background: transparent;
  border: 0;
}
.connection {
  display: flex;
  gap: 18px;
  align-items: center;
  font-size: 0.875rem;
  margin-bottom: 20px;
}
.detail-tabs {
  margin-bottom: 16px;
}
/* Player detail: one canvas per screen, with operational state in the header. */
.player-detail-header {align-items:flex-start;gap:24px;margin-bottom:22px}
.player-health-summary {display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:.875rem;color:var(--muted)}
.player-health-summary>div {display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.player-health-summary small {text-align:right}
.player-detail-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.player-detail-toolbar .detail-tabs {margin:0}
.player-detail-toolbar .actions {gap:8px;flex-wrap:wrap}
.screens-heading,.screens-heading>div,.screen-title {display:flex;align-items:center;justify-content:space-between;gap:18px}
.screens-heading {margin-bottom:16px;flex-wrap:wrap}
.screens-heading h2,.screen-title h3 {margin:0}
.screens-heading span {font-size:.875rem;color:var(--muted)}
.screens-canvas {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:36px}
.screen-canvas {min-width:0;display:flex;flex-direction:column}
.screen-canvas:only-child {grid-column:1/-1}
.screen-canvas:nth-child(even) {position:relative}
.screen-canvas:nth-child(even)::before {content:"";position:absolute;left:-20px;top:0;bottom:0;border-left:1px solid var(--line)}
.screen-title {align-items:flex-start;gap:12px}
.screen-title p {margin:5px 0 0;color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}
.screen-title button {flex-shrink:0}
.screen-canvas .display-status {font-size:.8rem;color:var(--muted);margin:5px 0 6px;min-height:20px}
.screen-canvas .display-status p {margin:0}
.now-playing-heading {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;min-height:24px}
.now-playing-heading h4 {margin:0;font-size:1rem}
.now-playing-heading small {color:var(--muted);font-size:.75rem}
.override-label {background:#fff3d9;color:#805000;border-radius:3px;padding:3px 7px;font-size:.75rem}
.playback-scrubber {position:relative;overflow:hidden;border-radius:4px;background:var(--paper);width:100%;aspect-ratio:16/9;max-height:320px}
.playback-scrubber:focus-visible {outline:3px solid var(--signal-dark);outline-offset:3px}
.playback-scrubber .preview {width:100%;height:100%;border-radius:0;padding-bottom:32px}
.playback-scrubber .preview img,.playback-scrubber .preview video {width:100%;height:100%;object-fit:contain;pointer-events:none}
.playback-preview-caption {position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--ink);color:var(--paper);font-size:.75rem;min-height:32px}
.preview-item-name {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-item-markers {display:flex;gap:4px;width:82px;flex-shrink:0}
.preview-item-markers i {flex:1;height:5px;background:#969891;border-radius:3px}
.preview-item-markers i.selected {background:var(--signal)}
.playback-preview-help {display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:28px;margin-top:5px}
.playback-preview-help small {color:var(--muted);font-size:.75rem}
.peek-navigation {display:flex;gap:4px}
.peek-navigation button {min-height:28px;padding:4px}
.playback-loading {width:100%;aspect-ratio:16/9;max-height:320px;display:grid;place-items:center;background:var(--paper);color:var(--muted)}
.screen-playlist-summary,.screen-normal-playlist {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;margin:10px 0 18px;min-height:38px}
.screen-playlist-summary>div {min-width:0;overflow-wrap:anywhere}
.screen-playlist-summary>button {flex-shrink:0}
.screen-playlist-summary span {color:var(--muted)}
.screen-next {display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:16px 0 0;font-size:.8rem;margin-top:auto;flex-wrap:wrap}
.screen-next>div {flex:1;display:flex;flex-direction:column;gap:4px;min-width:100px}
.screen-next strong {font-weight:500;overflow-wrap:anywhere}
.screen-next span,.screen-next small {color:var(--muted)}
.screen-next .text-action {padding:4px;font-size:.8rem;white-space:nowrap}
.screen-next>button:not(.text-action) {font-size:.8rem;padding:8px}
.screen-overview-footer {margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}
.screen-override {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px;margin:0 0 14px;background:#fff3d9;border-left:3px solid #b56800;font-size:.8rem}
.screen-override>div {display:flex;flex-direction:column;gap:4px}
.screen-override p {margin:0;overflow-wrap:anywhere}
.screen-override small {color:var(--muted)}
.screen-override>button {padding:8px;font-size:.8rem}
.screen-normal-playlist {margin-top:0}
.last-capture-link {align-self:flex-start;margin-top:12px;font-size:.75rem}
.player-utility-dialog {width:min(850px,calc(100vw - 32px));max-width:850px}
.player-utility-dialog .settings-panel {border:0;padding:0;max-width:none}
.override-media-preview {display:flex;align-items:center;gap:14px;margin:16px 0;overflow-wrap:anywhere}
.override-form .modal-actions {display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.player-content-view .content-help {margin-bottom:24px}
@media(max-width:1200px){.screens-heading>div{flex-wrap:wrap;gap:10px}.screen-override{grid-template-columns:auto minmax(0,1fr)}.screen-override>button{grid-column:2;justify-self:start}}
@media(max-width:960px){.screens-canvas{grid-template-columns:1fr;gap:28px}.screen-canvas:nth-child(even)::before{display:none}.screen-canvas+.screen-canvas{border-top:1px solid var(--line);padding-top:24px}.player-health-summary{align-items:flex-start}.player-health-summary small{text-align:left}.player-detail-header{flex-wrap:wrap}}
@media(max-width:600px){.screens-heading{align-items:flex-start}.screens-heading>.actions{gap:8px}.screens-heading button{font-size:.8rem;padding:8px}.screen-title button{padding:8px;font-size:.75rem}.screen-overview-footer{flex-wrap:wrap}.player-detail-toolbar>.actions{justify-content:flex-start}.player-detail-toolbar>.actions button{font-size:.8rem;padding:8px}.screen-title h3{font-size:1.2rem}.screen-playlist-summary{flex-wrap:wrap}.preview-item-markers{width:55px}}
.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 16px;
}
.detail-grid > section,
.health > section,
.customer-list > section,
.settings-panel {
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 18px;
}
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}
.section-heading h2 {
  display: flex;
  gap: 12px;
  align-items: center;
}
.mode {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  margin-bottom: 20px;
}
.mode span {
  margin-right: 16px;
}
.mode button {
  flex: 1;
}
.mode button.selected {
  background: var(--paper);
}
.output {
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.metadata {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 0.75rem;
  color: var(--muted);
  margin: 7px 0 22px;
}
.now-playing {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 14px;
  font-size: 0.875rem;
}
.now-playing .status {
  margin-top: 8px;
}
.assignment {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
  padding: 18px 0;
  font-size: 0.875rem;
}
.assignment > div {
  flex: 1;
}
.output-actions {
  display: flex;
  gap: 8px;
}
.health {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.health h2 {
  margin-bottom: 16px;
}
.health p {
  margin-bottom: 16px;
}
.health small {
  overflow-wrap: anywhere;
}
.health .full {
  width: 100%;
  margin-top: 20px;
}
dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 0.875rem;
  gap: 0;
  margin: 16px 0;
}
dt,
dd {
  padding: 13px 0;
  margin: 0;
  border-top: 1px solid var(--line);
}
dd {
  overflow-wrap: anywhere;
}
.stack {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
  gap: 18px;
  margin-top: 24px;
}
.media-grid article {
  border: 1px solid var(--line);
  border-radius: 5px;
  overflow: hidden;
}
.media-grid article > div:last-child {
  padding: 14px;
}
.media-grid .preview.large {
  aspect-ratio: 16/9;
}
.media-grid .actions {
  margin-top: 14px;
}
.media-grid strong {
  display: block;
  overflow-wrap: anywhere;
}
.file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.upload-progress {
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 16px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
progress {
  accent-color: var(--signal-dark);
  width: 100%;
  height: 7px;
  border: 0;
  display: block;
}
.upload-progress progress {
  width: 100%;
}
.customer-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.settings-panel {
  max-width: 760px;
}
.settings-panel h3 {
  margin-top: 24px;
}
.settings-panel p,
.settings-panel ol {
  font-size: 0.9rem;
  color: var(--muted);
}
.settings-panel li {
  padding: 5px 0;
}
code {
  font-size: 0.85rem;
  overflow-wrap: anywhere;
}
.brand img { display: block; width: 148px; height: 50px; }
a { color: var(--signal-dark); }
input[type="checkbox"] { accent-color: var(--signal-dark); }
.app-splash {
  min-height: 100vh;
  background: var(--ink);
  color: var(--paper);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  padding: 32px;
  text-align: center;
}
.app-splash img { width: min(296px, 100%); height: auto; }
.app-splash p { max-width: 360px; color: var(--paper); }
.app-splash::after { content: ""; width: 28px; height: 28px; border: 3px solid #f5f0e733; border-top-color: var(--signal); border-radius: 50%; animation: spin 1s linear infinite; }
.app-splash-error::after { display: none; }
.preview-loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--signal-dark); background: linear-gradient(135deg, var(--paper), #e7e0d4); pointer-events: none; }
.preview[data-preview-state="loading"] > img,
.preview[data-preview-state="loading"] > video { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .app-splash::after { animation: none; } }

dialog {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 24px;
  width: min(720px, calc(100vw - 32px));
  max-height: 90vh;
  color: var(--ink);
  box-shadow: 0 18px 70px #24262422;
}
dialog::backdrop {
  background: #24262455;
}
/* Recovery is a standard right-edge drawer, independent of the overview grid. */
dialog.recovery-drawer {position:fixed;inset:0 0 0 auto;margin:0;width:min(800px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:#fcfaf6;overflow:hidden;box-shadow:-12px 0 40px #24262418}
dialog.recovery-drawer[open] {display:flex;flex-direction:column;animation:recovery-enter 180ms ease-out}
dialog.recovery-drawer::backdrop {background:#24262430}
dialog.recovery-drawer>header {flex-shrink:0;gap:16px;padding:24px 26px 12px;margin:0;align-items:flex-start}
.recovery-drawer>header h2 {font-size:1.4rem;line-height:1.3;margin:0}
.recovery-drawer>header button {flex-shrink:0}
.recovery-panel {display:flex;flex-direction:column;flex:1;min-height:0;font-size:.875rem}
.recovery-identity {margin:0 26px 20px;padding-bottom:20px;border-bottom:1px solid var(--line);display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;flex-shrink:0}
.recovery-identity strong {overflow-wrap:anywhere}
.recovery-identity strong>span {color:var(--muted);font-weight:500}
.recovery-identity>div {display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.8125rem}
.recovery-identity .status {gap:6px}
.recovery-scroll {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px 22px}
.recovery-columns {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px}
.recovery-columns>section {min-width:0}
.recovery-drawer h3 {font-size:1.1rem;line-height:1.35;margin:0 0 8px}
.recovery-drawer h4 {font-size:.875rem;margin:0 0 6px}
.recovery-drawer p {margin:0 0 8px;overflow-wrap:anywhere}
.recovery-drawer small {font-size:.75rem;color:var(--muted);line-height:1.5}
.recovery-issue {display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}
.recovery-issue>svg {color:#ae4b0d;flex-shrink:0;margin-top:1px}
.recovery-issue h3 {color:#a83b12}
.recovery-issue p {color:var(--muted);font-size:.8125rem}
.recovery-facts,.recovery-technical dl {display:block;margin:0}
.recovery-facts>div,.recovery-technical dl>div {display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.recovery-facts dt,.recovery-facts dd,.recovery-technical dt,.recovery-technical dd {padding:0;border:0}
.recovery-facts dt,.recovery-technical dt {font-weight:600}
.recovery-facts dd,.recovery-technical dd {margin:0;color:var(--muted);overflow-wrap:anywhere}
.recovery-details-link {padding:4px 0;min-height:32px;font-size:.75rem;margin-bottom:12px}
.recovery-output {padding-top:14px;border-top:1px solid var(--line);margin-top:10px}
.recovery-output p {font-size:.75rem;color:var(--muted)}
.recovery-output .actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.recovery-output button {padding:7px 10px;font-size:.8125rem}
.recovery-controls {padding-left:24px;border-left:1px solid var(--line)}
.recovery-controls>p {font-size:.8125rem;margin-bottom:18px}
.recovery-command-list {display:flex;flex-direction:column;gap:10px}
.recovery-command-list>button {justify-content:flex-start;min-height:42px;gap:14px;text-align:left;padding:10px 14px}
.recovery-command-list>button svg {flex-shrink:0}
.recovery-command-list>small {margin-top:-5px;padding-left:1px}
.recovery-command-list>.recovery-quit {margin-top:8px}
.recovery-reconnect {display:flex;width:100%;justify-content:flex-start;gap:14px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:24px;padding:18px 0 0;text-align:left}
.recovery-reconnect>span {display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.recovery-reconnect>svg {flex-shrink:0}
.recovery-reconnect strong {font-size:.875rem}
.recovery-footer {display:flex;justify-content:space-between;gap:12px;padding:16px 26px;border-top:1px solid var(--line);background:#fcfaf6;flex-shrink:0}
.recovery-footer>* {white-space:nowrap}
.recovery-technical>.text-action {padding:0;margin-bottom:18px}
.recovery-technical h4 {margin-top:20px}
.recovery-technical pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem;background:var(--paper);padding:14px;border-radius:4px}
.recovery-technical p {color:var(--muted);font-size:.8125rem}
.recovery-feedback {padding:12px;background:#fff4f2;border-left:3px solid #a22828}
@keyframes recovery-enter {from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){dialog.recovery-drawer[open]{animation:none}}
@media(max-width:620px){dialog.recovery-drawer{width:100vw;border:0}.recovery-drawer>header h2{font-size:1.2rem}dialog.recovery-drawer>header{padding:18px 18px 12px}.recovery-identity{margin:0 18px 16px;padding-bottom:16px}.recovery-scroll{padding:0 18px 18px}.recovery-columns{grid-template-columns:1fr;gap:24px}.recovery-controls{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.recovery-footer{padding:12px 18px;gap:8px;flex-wrap:wrap}.recovery-footer>*{flex:1;padding:9px;font-size:.8125rem}.recovery-facts>div{grid-template-columns:minmax(105px,.85fr) minmax(0,1fr)}.recovery-technical dl>div{grid-template-columns:1fr;gap:4px}.recovery-reconnect{margin-top:20px}}
dialog > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}
dialog > header button {
  border: 0;
  min-height: 30px;
  padding: 5px;
}
form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 0.875rem;
}
.field input,
.field select {
  width: 100%;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.checkbox {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 0.875rem;
}
form footer {
  display: flex;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
  margin-top: 6px;
}
form fieldset {
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 14px;
}
fieldset legend {
  font-size: 0.875rem;
  padding: 0 7px;
}
fieldset > button {
  margin-top: 12px;
}
.playlist-items {
  padding: 0;
  list-style: none;
  margin: 0;
}
.playlist-items li {
  display: flex;
  gap: 9px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 12px 0;
  font-size: 0.875rem;
}
.playlist-items .playlist-item-name {
  flex: 1;
  min-width: 0;
}
.playlist-items strong {
  display: block;
  overflow-wrap: anywhere;
}
.playlist-items input {
  width: 85px;
  min-height: 28px;
  margin: 5px;
}
.playlist-items .preview {
  width: 68px;
  height: 43px;
}
.playlist-items button {
  padding: 6px;
  min-height: 30px;
}
dialog p {
  font-size: 0.875rem;
}
dialog .toolbar {
  margin: 0;
}
.health .status {
  white-space: normal;
}
@media (max-width: 1100px) {
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .health {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .filters {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .shell > main {
    padding: 20px;
  }
  .page-header {
    flex-wrap: wrap;
  }
  .player-cell {
    gap: 10px;
  }
  .mode {
    flex-wrap: wrap;
  }
}
@media (max-width: 760px) {
  .shell {
    display: block;
  }
  .shell > aside {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    padding: 10px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .brand {
    display: flex;
    padding: 0 6px 8px;
  }
  .brand img { width: 106px; height: 36px; }
  .shell > aside > nav {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    overflow:visible;
    height:auto;
    gap:2px;
  }
  .shell > aside > nav button {
    flex-direction: column;
    gap: 3px;
    padding: 6px 10px;
    font-size: 0.75rem;
    min-width:0;
  }
  .shell > aside > nav button.active { box-shadow:inset 0 -3px var(--signal); }
  .settings-link {
    margin: 0;
  }
  .shell > main {
    padding: 18px 14px;
  }
  h1 {
    font-size: 1.9rem;
  }
  .toolbar {
    flex-wrap: wrap;
  }
  .filters {
    width: 100%;
    justify-content: flex-start;
  }
  .search {
    flex: 1;
  }
  .search input {
    width: 100%;
  }
  .health {
    display: flex;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .counts {
    gap: 8px;
    flex-wrap: wrap;
  }
  .counts b {
    margin-right: 8px;
  }
  .counts .status {
    gap: 5px;
  }
  .section-heading {
    flex-wrap: wrap;
  }
  .connection {
    flex-wrap: wrap;
  }
  .metadata {
    flex-wrap: wrap;
  }
  .page-header .actions {
    width: 100%;
  }
  .activity > div {
    gap: 10px;
  }
  .activity time {
    min-width: 45px;
  }
  .preview.large {
    aspect-ratio: 16/9;
  }
  .playlist-items .preview {
    display: none;
  }
  .mode span {
    width: 100%;
  }
  .output-actions {
    flex-wrap: wrap;
  }
  .detail-grid > section {
    padding: 12px;
  }
  dialog {
    padding: 18px;
  }
  .customer-list section {
    overflow: auto;
  }
}
/* First-run setup and installer downloads. */
/* Download actions stay in the same column for every platform. */
.downloads-page { max-width:1200px; }
.downloads-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin:8px 0 24px; }
.downloads-heading p { color:var(--muted); font-size:.875rem; margin-top:8px; }
.downloads-heading > .button { padding:10px 16px; flex-shrink:0; }
.release-publisher { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 20px; margin-bottom:24px; background:var(--paper); }
.release-publisher h3 { font-size:.875rem; margin:0 0 4px; }
.release-publisher p { font-size:.8rem; color:var(--muted); margin:0; }
.release-publisher .button { position:relative; flex-shrink:0; overflow:hidden; }
.release-publisher .button:focus-within { outline:3px solid var(--signal-dark); outline-offset:3px; }
.download-feedback { margin:16px 0; font-size:.875rem; overflow-wrap:anywhere; }
.download-list { border-top:1px solid var(--line); }
.download-entry { display:grid; grid-template-columns:104px minmax(0,1fr) 220px; align-items:center; gap:24px; min-height:126px; padding:18px 20px; border-bottom:1px solid var(--line); }
.download-logo { display:flex; align-items:center; justify-content:center; width:104px; height:56px; }
.download-logo img { width:104px; height:52px; object-fit:contain; }
.download-description { min-width:0; }
.download-description h3 { font-size:1rem; margin:0 0 6px; }
.download-description p { font-size:.85rem; color:var(--muted); margin:0 0 3px; }
.download-description small { font-size:.75rem; }
.download-actions { display:flex; flex-direction:column; align-items:stretch; gap:5px; text-align:center; }
.download-actions > .button { min-height:40px; white-space:nowrap; }
.download-actions > small { font-size:.75rem; }
.download-guide { display:inline-flex; justify-content:center; align-items:center; gap:3px; font-size:.8rem; text-underline-offset:3px; }
.downloads-connect { margin-top:22px; font-size:.85rem; color:var(--muted); max-width:850px; }
@media(max-width:1000px) {
  .download-entry { grid-template-columns:80px minmax(0,1fr) 190px; gap:18px; padding:18px 12px; }
  .download-logo,.download-logo img { width:80px; }
}
@media(max-width:600px) {
  .downloads-heading { align-items:flex-start; }
  .release-publisher { flex-wrap:wrap; padding:16px; gap:12px; }
  .download-entry { grid-template-columns:68px minmax(0,1fr); gap:14px 16px; padding:22px 0; }
  .download-logo,.download-logo img { width:68px; height:48px; }
  .download-actions { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; text-align:left; gap:8px 16px; }
  .download-actions > .button { grid-column:1 / -1; }
  .download-guide { justify-content:flex-end; }
}
.setup-guide code, .setup-guide pre { overflow-wrap: anywhere; white-space: pre-wrap; }
.setup-guide li { margin: 10px 0; }
.setup-guide details { margin: 18px 0; }
.setup-guide h3 { margin-top: 28px; }
.setup-code-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; }
.setup-code-row small { display: block; margin-top: 5px; }
textarea { max-width: 100%; box-sizing: border-box; }

.feedback { position: fixed; right: 24px; bottom: 20px; z-index: 20; width: min(540px, calc(100vw - 32px)); }
.feedback .banner { margin: 0; box-shadow: 0 4px 24px #24262424; }
.feedback .banner + .banner { margin-top: 8px; }
.banner.progress { background: var(--paper, #f5f0e7); border: 1px solid var(--line); }
.banner > svg { flex-shrink: 0; }
.publish-status { margin: 20px 0 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.publish-status p { font-size: .8rem; color: var(--muted); margin: 8px 0; }
.revision-details { margin-top: 16px; font-size: .75rem; overflow-wrap: anywhere; }
.revision-details summary { cursor: pointer; color: var(--muted); }
.spin { animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spin { animation: none; } }

.preview-unavailable { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px; text-align: center; font-size: .75rem; color: var(--muted); }

/* Assigned content stays in playback order; previews use the existing media endpoint. */
.content-help { margin-bottom: 22px; }
.content-help p, .next-step p { font-size: .875rem; line-height: 1.5; }
.assigned-content .section-heading { flex-wrap: wrap; margin: 4px 0 12px; }
.assigned-content h4 { margin: 0 0 4px; font-size: 1rem; overflow-wrap: anywhere; }
.content-current { border-left: 3px solid #527b51; background: #edf3eb; padding: 9px 12px; font-size: .8rem; }
.content-items { list-style: none; padding: 0; margin: 0; }
.content-items li { display: grid; grid-template-columns: 22px 96px minmax(0,1fr); align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.content-order { color: var(--muted); font-size: .8rem; text-align: center; }
button.content-thumbnail { display: block; border: 0; background: none; padding: 0; border-radius: 3px; }
.content-thumbnail:hover { outline: 2px solid var(--line); }
.content-thumbnail .preview img, .content-thumbnail .preview video { object-fit: contain; }
.content-item-name { min-width: 0; font-size: .875rem; }
.content-item-name strong { display: block; overflow-wrap: anywhere; }
.content-item-name small { margin-top: 5px; }
.content-reported { color: #527b51; }
.content-empty { padding: 14px; background: var(--paper); font-size: .875rem; line-height: 1.5; }
.content-empty p { margin-top: 0; }
.scheduled-content { margin-top:24px; padding-top:18px; border-top:1px solid var(--line); }
.next-step { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; background: var(--paper); margin: 12px 0; }
.next-step p { flex: 1 1 280px; margin: 0; }
button.text-action { background: none; border: 0; padding: 0; color: var(--signal-dark); text-align: left; text-decoration: underline; text-underline-offset: 3px; white-space: normal; }
@media(max-width:600px) {
  .content-items li { grid-template-columns: 18px 76px minmax(0,1fr); gap: 8px; }
  .content-thumbnail .preview { width: 76px; height: 48px; }
  .assigned-content .assignment { flex-wrap: wrap; }
}

/* Signal dashboard: one charcoal rail, visible choices and editors in context. */
.button:has(input:focus-visible) { outline:3px solid var(--signal-dark); outline-offset:3px; }
button[aria-pressed="true"]:not(:disabled):not(.screen-choice):not(.timeline-event):not(.media-tile):not(.le-editor button):not(.le-dialog button) { background:#fbe6d8; color:var(--ink); border-color:#d86636; }
.record-choice { position:relative; max-width:100%; }
.record-choice > button { max-width:100%; text-align:left; justify-content:space-between; }
.record-choice-popover { position:absolute; top:calc(100% + 6px); left:0; z-index:12; width:300px; max-width:calc(100vw - 40px); padding:12px; background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:0 8px 24px #24262420; }
.record-choice-popover .search input { width:100%; min-width:0; }
.record-choice-popover [role="group"] { max-height:280px; overflow:auto; margin-top:10px; display:flex; flex-direction:column; }
.record-choice-popover [role="group"] > button { justify-content:start; text-align:left; border:0; flex-shrink:0; }
.record-choice-popover p { padding:12px 4px; }
.collection-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); border-top:1px solid var(--line); min-height:65vh; }
.collection-list { padding:20px 18px 20px 0; border-right:1px solid var(--line); }
.collection-list .search { margin-bottom:14px; }
.collection-list .search input { width:100%; min-width:0; }
.collection-row { display:flex; width:100%; padding:14px 10px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; justify-content:flex-start; border-radius:3px; }
.collection-row > span { flex:1; min-width:0; }
.collection-row strong { display:block; overflow-wrap:anywhere; }
.collection-row .preview { width:66px; height:54px; }
.collection-detail { min-width:0; padding:24px 0 24px 24px; }
.collection-detail > .section-heading h2,.workspace-editor h2 { font-size:1.6rem; font-weight:750; }
.playlist-editor .playlist-items li { gap:12px; padding:14px 0; position:relative; }
.playlist-item-position { display:flex; flex-direction:column; align-items:center; flex-shrink:0; gap:2px; width:34px; }
.playlist-editor .playlist-items .playlist-drag-handle { border:0; background:transparent; color:var(--muted); cursor:grab; min-width:34px; min-height:34px; padding:6px; }
.playlist-editor .playlist-items .playlist-drag-handle:hover { background:var(--paper); color:var(--ink); }
.playlist-editor .playlist-items .playlist-drag-handle:active { cursor:grabbing; }
.playlist-editor .playlist-items .playlist-drag-handle:disabled { cursor:default; }
.playlist-item-dragging { opacity:.45; }
.playlist-drop-before::before,.playlist-drop-after::after { content:""; position:absolute; left:0; right:0; height:3px; background:var(--signal); pointer-events:none; }
.playlist-drop-before::before { top:0; }
.playlist-drop-after::after { bottom:0; }
.playlist-order-help { font-size:.8rem; margin:12px 0 4px; }
.playlist-editor .playlist-items .preview { width:126px; height:76px; }
.playlist-editor .playlist-item-name { flex:1; min-width:0; }
.playlist-editor .playlist-duration { width:128px; flex-shrink:0; }
.playlist-editor .playlist-duration input { width:68px; margin:0; min-height:38px; }
.playlist-editor .playlist-items .actions { flex-wrap:nowrap; }
.playlist-editor .playlist-items button { min-height:36px; min-width:34px; }
.media-picker .search input { width:100%; }
.media-picker-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; max-height:280px; overflow:auto; margin-top:12px; }
.media-picker-results > div { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--line); }
.media-picker-results > div > div:nth-child(2) { flex:1; min-width:0; }
.media-picker-results strong { font-size:.8rem; overflow-wrap:anywhere; }
.media-picker-results .preview { width:70px; height:48px; }
.editor-footer { display:flex; flex-wrap:wrap; align-items:center; background:#fcfaf6; padding:18px 0; }
.editor-footer > p { flex:1 1 240px; font-size:.8rem; }


.workspace-editor > footer { position:sticky; bottom:0; z-index:2; }
.collection-detail > .danger { margin-top:26px; }
.segmented,.tabs { display:flex; gap:0; max-width:100%; }
.tabs { width:fit-content; }
.segmented button,.tabs button { border-radius:0; white-space:nowrap; }
.segmented button + button,.tabs button + button { margin-left:-1px; }
.segmented button:first-child,.tabs button:first-child { border-radius:4px 0 0 4px; }
.segmented button:last-child,.tabs button:last-child { border-radius:0 4px 4px 0; }
.segmented button:only-child,.tabs button:only-child { border-radius:4px; }
.segmented button[aria-pressed="true"],.tabs button[aria-pressed="true"] { position:relative; z-index:1; }
.segmented button:focus-visible,.tabs button:focus-visible { position:relative; z-index:2; }
.media-format-help { font-size:.8rem; color:var(--muted); margin-bottom:16px; }
summary { cursor:pointer; min-height:38px; align-content:center; border-radius:4px; }
summary:hover { color:var(--signal-dark); }
.media-workspace { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; align-items:start; }
.media-workspace.with-inspector { grid-template-columns:minmax(0,1fr) 310px; }
.media-workspace .media-grid { margin:0; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:28px 20px; }
.media-workspace article { border:0; overflow:visible; background:none; }
.media-workspace article > strong { margin-top:10px; font-size:.875rem; }
.media-toolbar,.media-selection,.media-pagination { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.media-toolbar .search { flex:1 1 220px; }
.media-sort,.media-pagination label { display:flex; align-items:center; gap:8px; font-size:.8rem; }
.media-sort select,.media-pagination select { width:auto; }
.media-selection { min-height:56px; padding:12px 0; margin-bottom:16px; border-block:1px solid var(--line); font-size:.85rem; }
.media-selection > span { margin-right:auto; }
.media-bulk-picker,.media-bulk-result { padding:16px; margin-bottom:20px; background:var(--paper); border:1px solid var(--line); }
.media-bulk-picker .actions { flex-wrap:wrap; margin-top:12px; }
.media-bulk-result li { margin:8px 0; overflow-wrap:anywhere; }
.media-bulk-note { font-size:.85rem; margin:0 0 16px; }
.media-results { min-width:0; }
.media-workspace article.media-card { padding:10px; border:1px solid var(--line); border-radius:5px; }
.media-workspace article.media-card.selected,.media-list tr.selected { background:#fff2e9; border-color:var(--signal); }
.media-card-select { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; gap:8px; font-size:.7rem; color:var(--muted); }
button.media-name { display:block; width:100%; padding:12px 0 6px; border:0; background:none; text-align:left; white-space:normal; overflow-wrap:anywhere; font-weight:650; }
.media-list table { min-width:650px; width:100%; }
.media-list th,.media-list td { padding:12px; }
button.media-list-name { display:flex; align-items:center; gap:12px; padding:0; border:0; background:none; text-align:left; white-space:normal; }
.media-list-name strong { max-width:260px; overflow-wrap:anywhere; }
.media-list .preview { width:64px; height:44px; flex-shrink:0; }
.media-pagination { margin-top:24px; padding-top:16px; border-top:1px solid var(--line); font-size:.8rem; }
.media-pagination > span:first-child { margin-right:auto; }
.media-tile { display:block; width:100%; padding:0; border:2px solid transparent; background:none; border-radius:5px; }
.media-tile:hover:not(:disabled):not([aria-pressed="true"]) { border-color:#a7ada1; }
.media-tile[aria-pressed="true"] { border-color:var(--signal); outline:2px solid #f9d3bd; outline-offset:2px; }
.media-tile .preview { width:100%; height:auto; aspect-ratio:4/3; }
.media-tile .preview img,.media-tile .preview video { object-fit:contain; }
.media-inspector { padding-left:24px; border-left:1px solid var(--line); position:sticky; top:22px; min-width:0; }
.media-inspector h3 { overflow-wrap:anywhere; margin-top:18px; }
.media-inspector dl { margin:18px 0; }
.inspector-actions { margin:24px 0 16px; }
.inspector-delete { margin:32px 0; }
.group-table-heading,.group-row { display:grid; grid-template-columns:1.1fr 1fr 1fr 1fr; gap:16px; }
.group-table-heading { font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; padding:16px; color:var(--muted); }
button.group-row { width:100%; background:transparent; text-align:left; padding:20px 16px; border:0; border-bottom:1px solid var(--line); border-radius:0; }
.group-row > * { min-width:0; overflow-wrap:anywhere; }
.group-row strong { display:flex; align-items:center; gap:6px; }
.group-row strong svg { flex-shrink:0; }
.group-row[aria-expanded="true"] { background:#fbe6d8; }
.group-editor { border-bottom:1px solid var(--line); padding:20px 16px; background:#fffdfa; }
.group-editor > .field { max-width:340px; }
.group-fields { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px; }
.group-fields > * { min-width:0; }
.group-fields h3 { font-size:.85rem; }
.group-fields .playlist-choice-current { flex-wrap:wrap; }
.group-members > div { display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-top:1px solid var(--line); font-size:.875rem; }
.group-members h3 { margin-top:12px; }
.customer-delete { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.fleet-toolbar { flex-wrap:wrap; gap:16px; }
.fleet-filters { max-width:100%; }
.fleet-filters button { gap:8px; white-space:nowrap; }
.fleet-filters .pill { min-width:22px; padding:2px 6px; font-size:.7rem; }
.fleet-list-header { align-items:flex-start; margin-bottom:28px; }
.fleet-list-header > .actions { flex-direction:column; align-items:flex-end; gap:8px; }
.fleet-list-header .fleet-guide-button { font-weight:400; }
.fleet-table { container:players / inline-size; border:0; border-top:1px solid var(--line); border-radius:0; overflow:visible; }
.fleet-table table,.fleet-table tbody { display:block; }
.fleet-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.fleet-table .fleet-player { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto; grid-template-areas:"identity identity actions" "playback content content"; gap:16px 24px; padding:22px 0; border-bottom:1px solid var(--line); }
.fleet-table .fleet-player:hover,.fleet-table .fleet-player:focus-within { background:var(--paper); }
.fleet-table .fleet-player > td { display:block; padding:0; border:0; min-width:0; background:transparent; }
.fleet-table .fleet-player-identity { grid-area:identity; }
.fleet-table .fleet-player > .fleet-playback { grid-area:playback; padding-left:120px; }
.fleet-table .fleet-content { grid-area:content; overflow-wrap:anywhere; }
.fleet-table .fleet-player-actions { grid-area:actions; align-self:center; }
.fleet-table .fleet-last-seen { display:none!important; }
.fleet-table .fleet-player td[data-label]:not(.fleet-last-seen) { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px; align-items:start; }
.fleet-table td[data-label]::before { content:attr(data-label); display:block; font-size:.75rem; color:var(--muted); padding-top:2px; }
.fleet-table .player-cell { display:grid; grid-template-columns:104px minmax(0,1fr); align-items:start; white-space:normal; width:100%; min-width:0; gap:16px; font-weight:400; border-radius:0; }
.fleet-table .player-cell:hover:not(:disabled),.fleet-table .player-cell:active:not(:disabled) { background:transparent; box-shadow:none; transform:none; }
.fleet-table .player-identity { display:flex; flex-direction:column; align-items:stretch; gap:5px; min-width:0; overflow-wrap:anywhere; }
.fleet-table .player-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; }
.fleet-table .player-title > strong { font-size:1rem; line-height:1.4; }
.fleet-table .player-customer { font-size:.875rem; color:var(--muted); line-height:1.5; }
.fleet-table .player-identity > small { font-size:.8rem; line-height:1.5; }
.fleet-table .player-meta { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px; }
.fleet-table .player-meta > span + span::before { content:"·"; margin-right:8px; }
.fleet-table .preview { width:104px; height:78px; }
.fleet-thumbnail { display:flex; flex-direction:column; gap:5px; }
.fleet-thumbnail > span { font-size:.7rem; color:var(--muted); text-align:center; line-height:1.3; }
.fleet-content { font-size:.875rem; }
.fleet-table .status { white-space:normal; font-size:.875rem; }
.fleet-table .player-title .status { white-space:nowrap; font-size:.8rem; gap:6px; line-height:1.4; }
.fleet-table .player-title .status i { width:7px; height:7px; }
.fleet-table .status i { flex-shrink:0; }
.fleet-actions { flex-wrap:nowrap; justify-content:flex-end; gap:8px; }
.fleet-actions > button { white-space:nowrap; padding:10px 14px; min-height:42px; }
.fleet-player-menu { position:relative; flex-shrink:0; }
.fleet-player-menu summary { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:10px 12px; border:1px solid var(--line); border-radius:4px; background:#fff; list-style:none; cursor:pointer; white-space:nowrap; font-size:.875rem; }
.fleet-player-menu summary::-webkit-details-marker { display:none; }
.fleet-player-menu summary:hover { background:var(--paper); }
.fleet-menu-options { position:absolute; z-index:5; right:0; top:calc(100% + 6px); width:215px; max-width:calc(100vw - 40px); padding:6px; background:#fff; border:1px solid var(--line); border-radius:5px; box-shadow:0 10px 24px #24262422; }
.fleet-menu-options > button { width:100%; border:0; justify-content:flex-start; padding:12px; background:transparent; text-align:left; white-space:nowrap; }
.fleet-issue { display:block; }
.fleet-issue td { display:block; padding:0 0 16px; border:0; }
.fleet-issue td > div { display:flex; align-items:center; flex-wrap:wrap; gap:12px; background:#fff1e5; padding:14px; }
.fleet-issue p { flex:1 1 200px; overflow-wrap:anywhere; }
.recent-activity { margin-top:32px; font-size:.875rem; }
.fleet-activity { border-top:1px solid var(--line); padding-top:24px; }
.fleet-activity > header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.fleet-activity h2 { font-size:1.5rem; }
.fleet-activity > header label { display:flex; align-items:center; gap:12px; font-size:.875rem; }
.fleet-activity select { min-width:190px; }
.fleet-activity-day + .fleet-activity-day { margin-top:24px; }
.fleet-activity-day h3 { font-size:.8125rem; font-weight:500; color:var(--muted); margin:0 0 10px; }
.fleet-activity-entry { border:1px solid var(--line); border-radius:4px; margin-top:8px; background:transparent; overflow:hidden; }
.fleet-activity-entry > summary,.fleet-activity-simple { display:grid; grid-template-columns:48px 18px minmax(0,1fr) auto; align-items:start; gap:12px; padding:16px; }
.fleet-activity-entry > summary { list-style:none; cursor:pointer; }
.fleet-activity-entry > summary::-webkit-details-marker { display:none; }
.fleet-activity-entry > summary:hover { background:var(--paper); }
.fleet-activity-entry > summary:focus-visible { outline-offset:-3px; }
.fleet-activity-entry time { color:var(--muted); font-size:.8rem; padding-top:2px; }
.fleet-activity-description { display:flex; gap:6px 14px; flex-wrap:wrap; overflow-wrap:anywhere; min-width:0; line-height:1.5; }
.fleet-activity-description > strong { font-weight:600; }
.fleet-activity-severity { display:flex; padding-top:2px; }
.fleet-activity-expand { display:flex; align-items:center; gap:6px; font-size:.75rem; line-height:1.75; color:var(--muted); }
.fleet-activity-entry[open] .fleet-activity-expand svg { transform:rotate(90deg); }
.fleet-activity-details { border-top:1px solid var(--line); padding:16px; background:var(--paper); }
.fleet-activity-details > strong { font-size:.75rem; font-weight:500; }
.fleet-activity-details pre { font-size:.8rem; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0 0; max-height:260px; overflow:auto; }
@media(max-width:600px) {
  .fleet-list-header { gap:18px; }
  .fleet-list-header > .actions { align-items:flex-start; }
  .fleet-activity > header label { width:100%; }
  .fleet-activity select { flex:1; min-width:0; }
  .fleet-activity-entry > summary,.fleet-activity-simple { grid-template-columns:42px 16px minmax(0,1fr); gap:8px; padding:12px; }
  .fleet-activity-description { flex-direction:column; gap:2px; }
  .fleet-activity-expand { grid-column:3; }
}
.setup-code-history,.automation-activity { margin-top:24px; }
.recent-activity .activity { margin-top:16px; }
/* Horizontal schedule: the data determines the displayed time range. */
.screen-selector-heading { font-size:1rem; margin:24px 0 14px; }
.screen-selector { display:flex; gap:24px; overflow-x:auto; padding:4px 3px 24px; border-bottom:1px solid var(--line); }
button.screen-choice { display:flex; flex-direction:column; align-items:start; width:210px; flex-shrink:0; background:transparent; border:0; padding:0; text-align:left; }
.screen-choice .preview { width:100%; height:126px; border:2px solid transparent; }
.screen-choice:hover:not(:disabled):not([aria-pressed="true"]) .preview { border-color:#a7ada1; }
.screen-choice[aria-pressed="true"] .preview { border-color:var(--signal); outline:2px solid #f9d3bd; outline-offset:2px; }
.screen-choice small { font-size:.7rem; }
.screen-choice:disabled { opacity:.65; }
.schedule-heading { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin:24px 0 0; }
.schedule-heading > span { font-size:.8rem; color:var(--muted); }
.schedule-heading .text-action { font-size:.8rem; }
.timeline-toolbar { display:flex; justify-content:space-between; gap:18px; align-items:center; flex-wrap:wrap; margin:12px 0 16px; }
.timeline-toolbar .actions { gap:12px; font-size:.875rem; }
.timeline-toolbar .actions > button { padding:6px 10px; }
.timeline-options { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.75rem; color:var(--muted); margin-bottom:14px; }
.timeline-options button,.timeline-options input,.timeline-options select { font-size:.75rem; min-height:32px; }
.timeline-date { display:flex; align-items:center; gap:8px; }
.timeline-scroll { overflow-x:auto; padding:0 8px 4px 0; }
.timeline-grid { min-width:820px; }
.timeline-axis,.timeline-row { display:grid; grid-template-columns:140px minmax(0,1fr); }
.timeline-axis { height:36px; font-size:.75rem; color:var(--muted); }
.timeline-axis > div { position:relative; margin:0 4px; }
.timeline-axis > div > span { position:absolute; transform:translateX(-50%); }
.timeline-axis > div > span:first-child { transform:none; }
.timeline-axis > div > span:last-child { transform:translateX(-100%); }
.timeline-row { border-top:1px solid var(--line); min-height:64px; }
.timeline-day { display:flex; align-items:center; gap:6px; padding-right:10px; font-size:.8rem; }
.timeline-day small { font-size:.65rem; background:var(--signal); color:var(--ink); border-radius:10px; padding:1px 5px; }
.timeline-track { position:relative; min-height:64px; }
.timeline-hour { position:absolute; top:0; bottom:0; border:0; border-right:1px solid #eee9e1; background:none; padding:0; border-radius:0; min-height:0; }
button.timeline-event { position:absolute; top:6px; height:51px; min-width:0; min-height:0; padding:5px 10px; display:flex; flex-direction:column; align-items:start; justify-content:center; gap:1px; text-align:left; font-size:.75rem; line-height:1.3; border:2px solid #fcfaf6; border-radius:5px; overflow:hidden; }
.timeline-event strong,.timeline-event span { max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-shrink:0; }
.timeline-event.default { background:#eeece7; color:var(--muted); }
.timeline-event.tone-0 { background:#e2eadc; }
.timeline-event.tone-1 { background:#f8d8c0; }
.timeline-event.tone-2 { background:#ede2cc; }
button.timeline-event.selected { background:var(--signal); color:var(--ink); border-color:var(--ink); }
.timeline-event:hover:not(:disabled):not(.selected) { border-color:#9f7358; }
.timeline-event:focus-visible { z-index:2; }
.timeline-inline { border:1px solid var(--line); background:#fffdfa; padding:20px; margin:4px 0 16px; }
.inline-slot-editor .schedule-edit-grid { display:block; }
.inline-slot-editor .schedule-slot-editor { display:grid; grid-template-columns:1.3fr 1fr; gap:18px 24px; }
.inline-slot-editor .playlist-choice { grid-column:1; grid-row:1 / span 2; }
.inline-slot-editor .repeat-days { grid-column:2; grid-row:2; padding:0; border:0; }
.inline-slot-editor .repeat-days .actions { display:none; }
.inline-slot-editor .day-choices { flex-wrap:nowrap; gap:4px; margin:0; }
.inline-slot-editor .day-choices input + span { padding:8px 7px; }
.inline-slot-editor .form-grid { grid-column:2; grid-row:1; }
.inline-slot-editor .schedule-slot-editor > p { grid-column:2; }
.inline-slot-editor .campaign-dates { grid-column:1; }
.inline-slot-editor .schedule-slot-editor > button { grid-column:2; justify-self:start; }
.inline-slot-editor footer { justify-content:flex-end; }
.inline-slot-editor footer > span { flex:1; max-width:580px; }
.day-choices input:checked + span { color:var(--ink); background:var(--signal); border-color:var(--signal); }
/* Consistent visual playlist selection in screen, group and schedule forms. */
.playlist-choice { min-width:0; }
.playlist-choice-current { display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff; }
.playlist-choice-selection { flex:1;min-width:0; }
.playlist-choice-label { display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px; }
.playlist-choice-current > button { flex-shrink:0; }
.playlist-choice-cover { position:relative;flex-shrink:0;width:112px;aspect-ratio:16/9;overflow:hidden;background:var(--paper);border-radius:4px; }
.playlist-choice-cover .preview { width:100%;height:100%;margin:0; }
.playlist-choice-count { position:absolute;right:4px;bottom:4px;background:#242624df;color:white;font-size:.65rem;line-height:1.4;padding:1px 5px;border-radius:3px;pointer-events:none; }
.playlist-choice-empty { display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted); }
.playlist-choice-empty small { font-size:.65rem; }
.playlist-choice-identity { display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:5px; }
.playlist-choice-identity > strong { font-size:.9rem;overflow-wrap:anywhere;text-align:left; }
.playlist-choice-identity > small { font-size:.7rem;color:var(--muted); }
.playlist-choice-identity .customer-identity { font-size:.72rem;gap:6px; }
.playlist-choice-identity .customer-identity strong { font-weight:400; }
.playlist-choice-identity .customer-identity img,.playlist-choice-identity .customer-initial { width:20px;height:20px;min-width:20px; }
.playlist-choice-list { margin-top:12px; }
.playlist-choice-toolbar { display:flex;align-items:center;flex-wrap:wrap;gap:8px; }
.playlist-choice-toolbar .search { flex:1;min-width:140px; }
.playlist-choice-toolbar .search input { width:100%;min-width:0; }
.playlist-choice-toolbar .segmented button { padding:8px; }
.playlist-choice-hint { display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:.7rem;color:var(--muted);margin:12px 0 8px; }
.playlist-choice-results { display:grid;gap:8px;max-height:360px;overflow:auto;padding:2px; }
button.playlist-choice-option { display:flex;align-items:center;gap:12px;width:100%;text-align:left;justify-content:flex-start;padding:10px;box-shadow:none; }
button.playlist-choice-option:hover:not(:disabled) { background:#f5f0e7;border-color:#bfb4a7;box-shadow:none; }
button.playlist-choice-option[aria-pressed="true"] { border-color:var(--signal);background:#fff2e8; }
.playlist-choice-selected { display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--signal-dark);margin-left:auto; }
.playlist-choice-results.cards { grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); }
.playlist-choice-results.cards .playlist-choice-option { flex-direction:column;align-items:stretch; }
.playlist-choice-results.cards .playlist-choice-cover { width:100%; }
.playlist-choice-results.cards .playlist-choice-selected { margin-left:0; }
button.playlist-choice-inherit { margin-top:10px;display:flex;width:100%;text-align:left;justify-content:space-between; }
.playlist-choice-inherit > span { display:grid;gap:3px; }
.playlist-choice-inherit strong { font-size:.8rem; }
.playlist-choice-inherit small { font-size:.7rem;color:var(--muted); }
.playlist-choice-inherit[aria-pressed="true"] { border-color:var(--signal);background:#fff2e8; }
.playlist-choice-pages { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:.75rem; }
.screen-playlist-field { margin:18px 0;min-width:0; }
.screen-playlist-field h3 { margin:0 0 8px; }
.screen-playlist-field > p { margin:8px 0 0;font-size:.75rem; }
.playlist-editor-identity { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px; }
.playlist-editor-identity .customer-identity { font-size:.8rem; }
.playlist-editor-identity .customer-identity img,.playlist-editor-identity .customer-initial { width:24px;height:24px;min-width:24px; }
@media(max-width:540px){
  .playlist-choice-current { display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px; }
  .playlist-choice-current .playlist-choice-cover { width:88px; }
  .playlist-choice-current > button { grid-column:1 / -1;width:100%; }
  .playlist-choice-option .playlist-choice-cover { width:88px; }
  .playlist-choice-selected { font-size:0;gap:0; }
  .playlist-choice-toolbar .search { flex-basis:100%; }
}
.timeline-footer { display:flex; align-items:center; flex-wrap:wrap; gap:16px; border-top:1px solid var(--line); padding:16px 0; margin-top:12px; }
.timeline-footer p { display:flex; align-items:center; flex-wrap:wrap; gap:6px; flex:1; font-size:.75rem; color:var(--muted); }
.schedule-browser { display:flex; flex-direction:column; gap:14px; margin-bottom:24px; }
.schedule-browser > .search { width:280px; }
.schedule-choices { display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; }
.schedule-choices > button { display:flex; flex-direction:column; align-items:start; flex-shrink:0; min-width:170px; text-align:left; }
@media(max-width:1200px) {
  .collection-workspace { grid-template-columns:215px minmax(0,1fr); }
  .collection-detail { padding-left:18px; }
  .playlist-editor .playlist-items .preview { width:88px; height:58px; }
  .playlist-editor .playlist-duration { width:100px; }
  .media-picker-results { grid-template-columns:1fr; }
  .group-fields { grid-template-columns:1fr 1fr; }
  .group-fields > :last-child { grid-column:1 / -1; }
  .group-table-heading,.group-row { grid-template-columns:1fr 1fr; }
  .group-table-heading { display:none; }
}
@media(max-width:960px) {
  .media-workspace.with-inspector { grid-template-columns:1fr; }
  .media-inspector { position:static; border-left:0; border-top:1px solid var(--line); padding:24px 0 0; }
  .media-inspector .media-tile { max-width:400px; }
  .collection-workspace { grid-template-columns:1fr; }
  .collection-list { border-right:0; border-bottom:1px solid var(--line); max-height:280px; overflow:auto; padding-right:0; }
  .collection-detail { padding-left:0; }
}
@media(max-width:760px) {
  .shell > aside { background:var(--ink); }
  .timeline-inline { padding:14px; }
  .screen-choice .preview { height:105px; }
  button.screen-choice { width:175px; }
  .timeline-grid { min-width:760px; }
  .timeline-axis,.timeline-row { grid-template-columns:115px minmax(0,1fr); }
  .timeline-day { flex-wrap:wrap; align-content:center; }
  .timeline-toolbar strong { font-size:.8rem; }
  .playlist-editor .playlist-items .preview { display:flex; width:64px; height:48px; }
  .playlist-editor .playlist-items li { display:grid; grid-template-columns:34px 64px minmax(0,1fr); gap:10px; }
  .playlist-editor .playlist-duration { grid-column:2; width:auto; }
  .playlist-editor .playlist-items .actions { grid-column:3; justify-content:flex-end; }
  .playlist-editor .playlist-duration input { width:52px; }
  .group-fields { grid-template-columns:1fr; }
  .group-table-heading,.group-row { grid-template-columns:1fr; gap:8px; }
  .group-row > span { padding-left:24px; font-size:.8rem; }
  .group-editor { padding:16px 10px; }
  .editor-footer { position:static; }
  .media-workspace .media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; }
  .media-grid article > strong { font-size:.8rem; }
  .media-grid article > small { font-size:.7rem; }
  .record-choice-popover { left:auto; right:0; }
}
.playlist-editor .preview img,.playlist-editor .preview video { object-fit:contain; }
@media(max-width:760px) {
  .timeline-inline { width:calc(100vw - 44px); position:sticky; left:0; }
  .inline-slot-editor .schedule-slot-editor { display:flex; flex-direction:column; }
  .inline-slot-editor footer > span { flex-basis:100%; }
}

.integration-heading,.integration-connection {display:flex;justify-content:space-between;align-items:start;gap:20px;}
.integration-heading p {color:#62675F;}
.integration-catalog {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #DEDAD2;margin:18px 0 24px;background:#fff;}
.integration-catalog article {padding:22px;border-bottom:1px solid #DEDAD2;}
.integration-catalog article:nth-child(odd){border-right:1px solid #DEDAD2;}
.integration-catalog h3 {margin:0 0 12px;font-size:16px;}
.integration-catalog p {font-size:14px;line-height:1.55;}
.integration-status {display:block;font-size:12px;font-weight:500;color:#62675F;margin-top:6px;}
.integration-connection {padding:18px 0;border-top:1px solid #DEDAD2;overflow-wrap:anywhere;}
.integration-connection p {margin:5px 0;}
.integration-secret {padding:18px;border:1px solid #A83B12;margin-bottom:20px;background:#F5F0E7;}
.integration-workspace pre {white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:13px;}
.integration-workspace details {margin-top:10px;}
@media(max-width:760px){.integration-catalog{grid-template-columns:1fr}.integration-catalog article:nth-child(odd){border-right:0}.integration-connection{flex-direction:column}.integration-connection .actions{flex-wrap:wrap}}

.canva-consent{max-width:580px;margin:8vh auto;}
.integration-planned{margin:18px 0}.integration-planned>summary{cursor:pointer;padding:10px 0}.integration-planned .integration-catalog{margin-top:10px}

.canva-guide h3{margin-top:0}.canva-guide p,.canva-guide li{font-size:14px;line-height:1.6}
.canva-guide-flow{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.canva-guide-flow span{flex:1;min-width:180px;padding:14px;background:#F5F0E7;border-left:3px solid #F0642C;font-size:14px;font-weight:650}
.canva-guide details{border-top:1px solid #DEDAD2;margin-top:0}.canva-guide summary{padding:16px 0;cursor:pointer;font-weight:650}.canva-guide-badge{display:inline-block;margin-left:8px;font-size:12px;font-weight:500;color:#62675F}
.canva-guide-body{max-width:850px;padding:0 0 14px}.canva-guide-body ol{padding-left:22px}.canva-guide-body li{padding:5px 0}.canva-guide-note{padding:14px 16px;background:#F5F0E7;margin-bottom:0}

/* Signal email sign-in: two-thirds brand, one-third form. */
.auth-body{margin:0;background:#f5f0e7;color:#242624}.auth-layout{min-height:100vh;display:grid;grid-template-columns:2fr 1fr}.auth-brand{position:relative;overflow:hidden;background:#242624;color:#f5f0e7;display:flex;flex-direction:column;justify-content:space-between;padding:64px;min-height:680px}.auth-brand>a,.auth-brand>div{z-index:1}.auth-brand h1{font:600 clamp(44px,5vw,88px)/1.02 Archivo,Arial,sans-serif;letter-spacing:-.045em;margin:24px 0}.auth-brand p{font-size:18px;max-width:420px;line-height:1.5}.auth-eyebrow{text-transform:uppercase;letter-spacing:.14em!important;font-size:11px!important;font-weight:700}.auth-symbol{position:absolute;width:55%;height:70%;object-fit:contain;right:-22%;top:14%;opacity:.9;transform:rotate(-8deg)}.auth-form{display:flex;align-items:center;padding:48px 32px}.auth-form>div{max-width:400px;width:100%;margin:auto}.auth-form h2{font-size:30px;letter-spacing:-.035em;line-height:1.1;margin:16px 0}.auth-form form{margin-top:32px}.auth-form .primary{width:100%;min-height:48px}.auth-alternate{display:block;width:100%;border:0;background:transparent;text-decoration:underline;margin-top:18px;padding:8px;font:inherit;color:#242624;cursor:pointer}.auth-note,.auth-legacy{font-size:12px;line-height:1.6}.auth-note{margin-top:32px}.auth-legacy{color:#555952}.auth-form input{background:white;min-height:46px}.auth-form [hidden]{display:none!important}#login-status{font-size:14px;line-height:1.5;min-height:20px}.auth-form input:focus-visible,.auth-form button:focus-visible{outline:2px solid #242624;outline-offset:3px}@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:240px;padding:28px}.auth-brand>a img{width:180px;height:auto}.auth-brand h1{font-size:38px;margin:20px 0}.auth-brand>div>p:last-child{display:none}.auth-brand .auth-eyebrow{display:none}.auth-symbol{right:-8%;width:32%;top:18%;height:90%}.auth-form{padding:36px 24px}}

.collection-detail > .settings-panel {max-width:none; margin:20px 0;}
.collection-detail > .settings-panel > h3:first-child {margin-top:0;}

/* Match the player’s existing pairing artwork without adding another setup step. */
.pairing-intro { display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:center; margin-bottom:22px; }
.pairing-intro figure { margin:0; }
.pairing-example { position:relative; border-radius:4px; overflow:hidden; background:var(--ink); }
.pairing-example img { display:block; width:100%; }
.pairing-example span { position:absolute; top:45%; left:6.5%; color:var(--signal); font-size:24px; font-weight:750; letter-spacing:.12em; }
.pairing-intro figcaption { color:var(--muted); font-size:.75rem; margin-top:4px; }
.pairing-intro h3 { margin:0 0 8px; font-size:1.2rem; }
.pairing-intro p { margin:0 0 10px; }
.pairing-intro a { font-size:.85rem; }
.pairing-form .pairing-code { font-size:1.7rem; letter-spacing:.22em; font-weight:650; text-transform:uppercase; }
.pairing-form #pairing-code-help { margin-top:-10px; font-size:.8rem; }
.pairing-form .pairing-actions { align-items:center; justify-content:space-between; gap:20px; }
.pairing-actions .primary { margin-left:auto; white-space:nowrap; }
.pairing-actions .text-action { font-size:.85rem; }
@media(max-width:600px) { .pairing-intro { grid-template-columns:1fr; gap:12px; } .pairing-intro figure { width:180px; } .pairing-example span { font-size:20px; } .pairing-form .pairing-actions { flex-wrap:wrap; } }

.customer-identity { display:inline-flex; align-items:center; gap:9px; vertical-align:middle; min-width:0; text-align:left; }
.customer-identity img,.customer-initial { width:32px; height:32px; object-fit:contain; flex-shrink:0; border-radius:4px; background:#fff; }
.customer-initial { display:inline-flex; align-items:center; justify-content:center; color:var(--signal-dark); background:var(--paper); font-weight:700; }
.customer-identity strong { font-size:inherit; font-weight:600; }
.customer-identity small { display:block; font-size:.75rem; color:var(--muted); }
.customer-address { white-space:pre-line; font-size:.875rem; color:var(--muted); margin:10px 0; }
.customer-image-editor { display:flex; gap:16px; align-items:center; }
.customer-image-editor > img { width:90px; height:90px; object-fit:contain; border:1px solid var(--line); border-radius:4px; }
.customer-image-editor > div { min-width:0; }
.customer-image-editor input { max-width:100%; }
.customer-image-editor small { display:block; color:var(--muted); margin:8px 0; }
.workspace-account { display:block; color:var(--paper); text-decoration:none; border-top:1px solid #55584f; margin:12px 16px; padding-top:12px; overflow-wrap:anywhere; }
.workspace-account > small { display:block; font-size:.7rem; margin:5px 0; color:#d1d3ca; }
.workspace-account .customer-identity { font-size:.8rem; }
.workspace-account .customer-identity small { color:#d1d3ca; }
.breadcrumb { flex-wrap:wrap; }
.pairing-form { gap:12px; }
.pairing-intro { grid-template-columns:180px 1fr; margin-bottom:18px; }
.pairing-example span { font-size:20px; }
@media(max-width:600px) { .pairing-intro { grid-template-columns:1fr; } .workspace-account { display:none; } .customer-image-editor { flex-wrap:wrap; } }

@media(min-width:761px) { .shell > aside { display:flex; flex-direction:column; } .shell > aside > nav { height:auto; flex:1; min-height:0; overflow-y:auto; } .workspace-account { flex-shrink:0; } }

.canva-screen-action h4 {margin:4px 0 8px;}
.canva-action-current {border-left:4px solid #F0642C;padding-left:16px;}
.canva-action-status {font-weight:700;}
.canva-action-controls {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px;flex-shrink:0;}
@media(max-width:760px){.canva-action-controls{justify-content:flex-start;max-width:100%;}}

.screen-sizing { margin:20px 0; padding:18px; border:1px solid #d8d6d0; border-radius:8px; }
.screen-sizing legend { padding:0 6px; font-weight:600; }
.screen-sizing>label:first-of-type { display:flex; gap:8px; align-items:flex-start; }
.screen-sizing p,.display-status p { font-size:13px; line-height:1.5; }
.display-status { margin:8px 0 16px; }

/* A bounded library workspace keeps bulk actions visible at any library size. */
dialog.playlist-picker-dialog { width:min(1220px,calc(100vw - 32px)); height:min(880px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; }
.playlist-picker-dialog[open] { display:flex; flex-direction:column; }
.playlist-picker-dialog > header { padding:22px 24px 12px; margin:0; gap:16px; flex-shrink:0; }
.playlist-picker-dialog h2 { font-size:1.3rem; overflow-wrap:anywhere; margin:0; }
.playlist-picker-dialog header p { margin:6px 0 0; color:var(--muted); }
.picker-tabs { align-self:flex-start; margin:0 24px 16px; flex-shrink:0; }
.picker-create-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:0 24px 16px; flex-shrink:0; }
.picker-document-import { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.picker-document-import small { flex-basis:100%; color:var(--muted); }
.le-dialog .picker-create-actions { padding:12px 0; }
.picker-library { display:flex; flex-direction:column; min-height:0; flex:1; }
.picker-library[hidden],.picker-upload[hidden] { display:none; }
.picker-toolbar { padding:0 24px 14px; flex-shrink:0; }
.picker-toolbar .search { flex:1; min-width:180px; }
.picker-toolbar .search input { width:100%; min-width:0; }
.picker-selection { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; padding:12px 24px; background:var(--paper); border-block:1px solid var(--line); flex-shrink:0; }
.picker-selection .checkbox { margin:0; }
.picker-selection small { color:var(--muted); }
.playlist-picker-dialog input[type="checkbox"] { width:18px; height:18px; min-height:18px; flex-shrink:0; margin:0; accent-color:var(--signal); }
.picker-results { overflow:auto; min-height:0; flex:1; padding:20px 24px; }
.picker-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; }
.picker-card { display:flex; flex-direction:column; gap:10px; border:1px solid var(--line); padding:12px; border-radius:5px; cursor:pointer; min-width:0; }
.picker-card:hover { border-color:var(--muted); }
.picker-card:focus-within { outline:2px solid #a83b12; outline-offset:2px; }
.picker-card .preview { width:100%; height:124px; }
.picker-card strong { font-size:.85rem; overflow-wrap:anywhere; }
.picker-card small { font-size:.75rem; color:var(--muted); }
.picker-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:.7rem; color:var(--muted); }
.picker-card.selected,.picker-list tr.selected { background:#fff2e9; border-color:var(--signal); }
.picker-card.already-added,.picker-list tr.already-added { background:#efefec; color:#62675f; cursor:default; }
.already-added .preview { filter:grayscale(1); opacity:.5; }
.picker-list table { width:100%; min-width:560px; }
.picker-list th,.picker-list td { padding:12px; }
.picker-list-name { display:flex; align-items:center; gap:12px; text-align:left; border:0; padding:0; background:transparent; color:inherit; white-space:normal; }
.picker-list-name span { overflow-wrap:anywhere; max-width:360px; }
.picker-list-name .preview { width:72px; height:48px; flex-shrink:0; }
.playlist-picker-dialog .media-pagination { margin:0; padding:12px 24px; flex-shrink:0; }
.picker-upload { min-height:0; overflow:auto; flex:1; padding:8px 24px 24px; }
.picker-footer { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 24px; border-top:1px solid var(--line); background:white; flex-shrink:0; }
.picker-footer > div { flex:1; min-width:180px; }
.picker-footer small { display:block; color:var(--muted); margin-top:4px; font-size:.75rem; }
@media(max-width:650px) {
 dialog.playlist-picker-dialog { width:100vw; height:100dvh; max-height:100dvh; max-width:100vw; border:0; border-radius:0; }
 .playlist-picker-dialog > header { padding:16px 16px 12px; }
 .playlist-picker-dialog h2 { font-size:1.1rem; }
 .picker-tabs { margin-inline:16px; margin-bottom:12px; }
 .picker-toolbar { padding:0 16px 12px; gap:8px; }
 .picker-toolbar .search { flex-basis:100%; }
 .picker-selection { padding:10px 16px; gap:10px 16px; }
 .picker-selection small { display:none; }
 .picker-results { padding:12px 16px; }
 .picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .picker-card { padding:9px; }
 .picker-card .preview { height:88px; }
 .picker-card-top { align-items:start; }
 .playlist-picker-dialog .media-pagination { padding:10px 16px; gap:8px; }
 .playlist-picker-dialog .media-pagination label { display:none; }
 .picker-footer { padding:12px 16px; gap:8px; }
 .picker-footer > div { flex-basis:100%; }
 .picker-footer small { display:none; }
 .picker-footer button { flex:1; }
}

.playlist-library-toolbar { gap:12px; flex-wrap:wrap; align-items:center; }
.playlist-library-toolbar .search { flex:1 1 220px; }
.playlist-library-toolbar .search input { min-width:0; width:100%; }
.playlist-library-summary { display:flex; gap:16px; justify-content:space-between; flex-wrap:wrap; color:var(--muted); font-size:.875rem; margin:8px 0 20px; }
.playlist-library-summary [role="status"] { color:var(--ink); font-weight:650; }
.playlist-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.playlist-card { min-width:0; border:1px solid var(--line); border-radius:6px; overflow:hidden; background:#fff; }
.playlist-card .playlist-card-open { display:block; width:100%; padding:0; border:0; border-radius:0; background:transparent; text-align:left; white-space:normal; color:var(--ink); }
.playlist-card .playlist-card-open:hover { background:var(--paper); }
.playlist-card .playlist-card-open:focus-visible { outline-offset:-3px; }
.playlist-cover { position:relative; width:100%; aspect-ratio:16/9; background:var(--paper); display:flex; align-items:center; justify-content:center; }
.playlist-cover .preview { width:100%; height:100%; border-radius:0; }
.playlist-preview-count,.playlist-preview-caption { position:absolute; color:#fff; background:rgba(36,38,36,.88); pointer-events:none; font-size:.75rem; font-weight:500; line-height:1.5; }
.playlist-preview-count { top:10px; right:10px; padding:3px 8px; border-radius:4px; font-variant-numeric:tabular-nums; }
.playlist-preview-caption { bottom:0; left:0; right:0; padding:9px 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; visibility:hidden; }
.playlist-card-open:focus-visible .playlist-preview-caption { visibility:visible; }
@media(hover:hover) { .playlist-cover:hover .playlist-preview-caption { visibility:visible; } }
@media(hover:none) { .playlist-hover-hint { display:none; } }
.playlist-cover-empty { display:flex; flex-direction:column; align-items:center; gap:12px; color:var(--muted); font-size:.875rem; font-weight:400; }
.playlist-card-text { padding:18px 18px 14px; }
.playlist-card-text h2 { margin:0 0 6px; font-size:1.1rem; line-height:1.4; overflow-wrap:anywhere; }
.playlist-card-text small { display:block; color:var(--muted); font-weight:400; }
.playlist-card-customer { min-height:28px; color:var(--muted); font-size:.875rem; }
.playlist-card-customer .customer-identity { display:flex; }
.playlist-card-customer .customer-identity img,.playlist-card-customer .customer-initial { width:28px; height:28px; }
.playlist-card-customer .customer-identity strong { font-weight:400; overflow-wrap:anywhere; }
.playlist-card-text > span { display:flex; align-items:center; justify-content:space-between; margin-top:16px; font-size:.875rem; }
.playlist-card > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 18px; padding:10px 0; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }
.playlist-delete { min-width:34px; min-height:34px; padding:7px; }
.playlist-list .playlist-list-open { display:flex; align-items:center; gap:16px; padding:0; background:transparent; border:0; text-align:left; }
.playlist-list-open strong { max-width:300px; overflow-wrap:anywhere; }
.playlist-library-pages { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); font-size:.875rem; color:var(--muted); }
.playlist-library-pages label { display:flex; align-items:center; gap:8px; }
.playlist-library-pages label,.media-pagination label,.media-sort { position:relative; white-space:nowrap; }
.playlist-library-pages label::after,.media-pagination label::after,.media-sort::after {
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
}
.playlist-library-pages select,.media-pagination select,.media-sort select {
  appearance:none;
  -webkit-appearance:none;
  height:40px;
  flex-shrink:0;
  padding:0 36px 0 12px;
  line-height:20px;
  font-variant-numeric:tabular-nums;
  cursor:pointer;
}
.playlist-library-pages select,.media-pagination select { width:5rem; min-width:5rem; }
.playlist-library-pages .actions { align-items:center; }
dialog.playlist-editor-dialog { width:min(1080px,calc(100vw - 32px)); height:min(760px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; }
dialog.playlist-editor-dialog[open] { display:flex; flex-direction:column; }
.playlist-editor-dialog > header { flex-shrink:0; padding:20px 24px; margin:0; border-bottom:1px solid var(--line); }
.playlist-editor-dialog > header h2 { font-size:1.25rem; margin:0; }
.playlist-editor-dialog > .playlist-editor { flex:1; min-height:0; overflow:hidden; padding:20px 24px 0; }
.playlist-editor-dialog .section-heading { flex-wrap:wrap; gap:12px; flex-shrink:0; }
.playlist-editor-dialog .section-heading > div:first-child { flex:1; min-width:180px; }
.playlist-editor-dialog .playlist-items { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding-right:8px; }
.playlist-editor-dialog .editor-footer { position:static; flex-shrink:0; gap:12px; border-top:1px solid var(--line); margin:0; }
@media(max-width:1100px) { .playlist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .playlist-grid { grid-template-columns:1fr; gap:20px; }
  .playlist-library-toolbar .search { flex-basis:100%; }
  .playlist-library-toolbar .record-choice { flex:1; }
  .playlist-library-pages .actions { width:100%; justify-content:space-between; }
  .playlist-list table { min-width:620px; }
  dialog.playlist-editor-dialog { width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }
  .playlist-editor-dialog > header { padding:14px 16px; }
  .playlist-editor-dialog > .playlist-editor { padding:16px 16px 0; gap:12px; }
  .playlist-editor-dialog .section-heading h2 { font-size:1.15rem; }
  .playlist-editor-dialog .editor-footer { padding:12px 0; }
}
@media(max-height:650px) {
  .playlist-editor-dialog > .playlist-editor { overflow:auto; }
  .playlist-editor-dialog .playlist-items { flex:none; overflow:visible; }
}

/* Reflow against the list's width, including the space taken by navigation. */
@container players (max-width:700px) {
  .fleet-table .fleet-player { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"identity identity" "playback content" "actions actions"; gap:16px 18px; padding:18px 0; }
  .fleet-table .fleet-player > .fleet-playback { padding-left:0; }
  .fleet-table .fleet-player-actions { padding-top:12px; border-top:1px solid var(--line); }
}
@container players (max-width:480px) {
  .fleet-table .fleet-player { grid-template-columns:minmax(0,1fr); grid-template-areas:"identity" "playback" "content" "actions"; gap:12px; }
  .fleet-table .fleet-player td[data-label]:not(.fleet-last-seen) { display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:10px; align-items:start; }
  .fleet-table td[data-label]::before { margin:2px 0 0; }
  .fleet-table .player-cell { grid-template-columns:80px minmax(0,1fr); gap:12px; }
  .fleet-table .preview { width:80px; height:60px; }
  .fleet-table .fleet-actions > button { flex:1; justify-content:center; }
}
.fleet-toolbar .filters { flex:1 1 360px; flex-wrap:wrap; justify-content:flex-start; min-width:0; }
.fleet-toolbar .search { flex:2 1 180px; min-width:0; }
.fleet-toolbar .search input { width:100%; min-width:0; }
.fleet-toolbar .filters > .record-choice { flex:1 1 150px; min-width:0; }
.fleet-toolbar .record-choice > button { width:100%; }
.fleet-toolbar .record-choice-popover { left:auto; right:0; }
@media(max-width:600px) {
  .fleet-toolbar .filters { width:100%; justify-content:flex-start; }
  .fleet-toolbar .search { max-width:none; }
  .fleet-filters { width:100%; }
  .fleet-filters button { flex:1; padding:8px 6px; font-size:.75rem; gap:5px; }
  .fleet-filters .pill { min-width:18px; padding:1px 4px; font-size:.65rem; }
}

/* Compact fleet overview; details open only on demand in a right-edge drawer. */
.fleet-dashboard{font-size:.875rem;min-width:0}
.fleet-workspace{min-width:0}
.fleet-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 12px;color:var(--muted);font-size:.8rem}
.fleet-scope select{min-width:155px;max-width:230px;min-height:34px;padding-block:6px;font-size:.8125rem}
.fleet-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.fleet-health-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;gap:4px 12px;padding:12px 16px;min-height:78px;background:white;border:1px solid var(--line);border-radius:5px;font-weight:400;box-shadow:none!important;transform:none!important}
.fleet-health-card>span:first-child{font-size:.8125rem;font-weight:500}
.fleet-health-card strong{grid-column:2;grid-row:1;font-size:1.4rem;letter-spacing:-.03em;line-height:1.1;color:var(--ink);white-space:nowrap}
.fleet-health-card strong small{display:inline;margin:0;font-size:.875rem;font-weight:400;color:var(--muted)}
.fleet-health-card.selected{border-color:var(--signal);background:#fff4ec}
.fleet-health-card:hover:not(:disabled){background:#fcf8f1}
.fleet-health-detail{display:flex;align-items:center;gap:7px;min-width:0;font-size:.75rem;color:var(--muted)}
.fleet-health-arrow{justify-self:end;color:var(--muted)}
.fleet-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.fleet-tools .search{flex:1;min-width:210px;max-width:none;min-height:36px}
.fleet-tools .search input{width:100%;min-width:0;min-height:34px;padding-block:6px;font-size:.8125rem}
.fleet-tools button{white-space:nowrap;font-size:.8rem}
.fleet-tools .tabs{margin:0}
.fleet-tools .tabs button{font-size:.8rem;min-height:36px;padding:6px 12px}
.fleet-filter-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--muted);font-size:.8rem}
.fleet-column-head,.fleet-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:24px;align-items:center}
.fleet-column-head{color:var(--muted);background:#f2eee6;border-block:1px solid var(--line);padding:8px 10px;font-size:.75rem}
.fleet-tree,.fleet-children{list-style:none;margin:0;padding:0}
.fleet-row{border-bottom:1px solid var(--line);min-height:48px;padding:6px 10px;background:transparent}
.fleet-row:hover,.fleet-row:focus-within{background:#f2eee6}
.fleet-row.is-selected{background:#fbe9db;box-shadow:inset 3px 0 var(--signal)}
.fleet-group{min-height:44px}
.fleet-identity{min-width:0;display:flex;gap:9px;align-items:center;padding-left:calc(var(--depth,0)*16px)}
.fleet-identity>svg{flex-shrink:0}
.fleet-select{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;padding:0!important;min-height:34px;min-width:0;text-align:left;justify-content:center;display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:normal;color:var(--ink)}
.fleet-select strong{font-size:.875rem;overflow-wrap:anywhere;line-height:1.3}
.fleet-select small,.fleet-row small{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.35;margin:0;overflow-wrap:anywhere}
.fleet-select .customer-identity{gap:8px}
.fleet-select .customer-identity img,.fleet-select .customer-initial{width:24px;height:24px;font-size:.75rem}
.fleet-group .fleet-select{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:12px;row-gap:2px;min-height:30px}
.fleet-chevron{flex-shrink:0;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;min-width:24px;min-height:32px;width:24px;padding:0!important}
.fleet-chevron-space{width:24px;flex-shrink:0}
.fleet-light{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;border:1px solid #00000018}
.fleet-light.green{background:#27824b}.fleet-light.red{background:#d62d3b}.fleet-light.amber{background:#df8508}
.fleet-row-content{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}
.fleet-row-content strong{font-size:.8125rem}
.fleet-row-notes{display:flex;flex-wrap:wrap;gap:4px 12px}
.fleet-row-notes span,.fleet-inline-note{color:#9a5500}
.fleet-inline-note{display:inline-block;margin-left:9px}
.fleet-status-summary{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:.75rem}
.fleet-status-summary .status{gap:6px}.fleet-status-summary .status i{width:8px;height:8px}
.fleet-state-note{color:var(--muted)}
.fleet-tiny-preview{position:relative;width:56px;flex-shrink:0;aspect-ratio:16/10;overflow:hidden;border-radius:3px}
.fleet-tiny-preview .preview{width:100%;height:100%;aspect-ratio:inherit}
.fleet-tiny-preview .preview-unavailable span{display:none}
.fleet-tiny-preview small{position:absolute;right:0;bottom:0;background:var(--ink);color:white;padding:1px 4px;font-size:.65rem;opacity:0}
.fleet-tiny-preview:hover small,.fleet-tiny-preview:focus-within small{opacity:1}
.fleet-screen{min-height:54px}
.fleet-row-error{padding:12px;color:var(--muted)}
.fleet-more{padding:8px 6px;border-bottom:1px solid var(--line)}.fleet-more button{font-size:.8rem}
.fleet-list-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0}
.fleet-list-footer small{color:var(--muted);font-size:.75rem}
.fleet-list-footer button{white-space:nowrap;font-size:.8rem}

dialog.fleet-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:#fcfaf6;overflow:hidden;box-shadow:-10px 0 32px #24262418}
dialog.fleet-drawer[open]{display:flex;flex-direction:column;animation:recovery-enter 180ms ease-out}
dialog.fleet-drawer::backdrop{background:#24262424}
dialog.fleet-drawer>header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;margin:0;border-bottom:1px solid var(--line)}
dialog.fleet-drawer>header h2{font-size:1.125rem;line-height:1.3;margin:0;overflow-wrap:anywhere}
dialog.fleet-drawer>header button{min-width:34px;min-height:34px;padding:6px;flex-shrink:0}
.fleet-utility{overflow:auto;overscroll-behavior:contain;min-width:0;padding:16px 20px 24px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.fleet-utility:focus{outline:none}.fleet-utility-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.fleet-utility h2{font-size:1.35rem;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0}.fleet-utility-heading>button{border:0;padding:2px;min-height:26px;background:transparent}.fleet-utility p{margin:0;line-height:1.5}.fleet-utility h3{font-size:.875rem;margin:0 0 6px}.fleet-utility h3 small{display:inline;font-size:.75rem;color:var(--muted);font-weight:400;margin-left:6px}.fleet-utility small{color:var(--muted);font-size:.75rem;line-height:1.5}.fleet-utility-path{color:var(--muted);overflow-wrap:anywhere}.fleet-connection{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fleet-issue{padding:10px 0 10px 12px;border-left:3px solid #c64242;font-size:.8rem;color:var(--muted)}.fleet-utility .playback-canvas{margin:0}.fleet-utility .playback-scrubber>.preview{aspect-ratio:16/9;min-height:0}.fleet-utility .playback-preview-caption{font-size:.65rem;padding:5px 7px;gap:5px}.fleet-utility .preview-item-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fleet-utility .preview-item-markers{display:none}.fleet-utility .playback-preview-help{gap:6px;align-items:flex-start}.fleet-utility .playback-preview-help small{font-size:.68rem}.fleet-utility .peek-navigation button{padding:2px;min-height:28px;min-width:28px}.fleet-screen-actions{display:flex;flex-wrap:wrap;gap:8px}.fleet-screen-actions button{padding:7px 9px;font-size:.78rem}.fleet-action,.fleet-publish{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-block:1px solid var(--line);font-size:.8rem}.fleet-action{border-left:3px solid var(--signal);padding-left:12px}.fleet-publish ul{margin:0;padding-left:18px}.fleet-player-controls{padding-top:14px;border-top:1px solid var(--line)}.fleet-player-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 8px}.fleet-player-controls button{font-size:.73rem;padding:8px 5px;white-space:normal;min-width:0}.fleet-player-controls button svg{flex-shrink:0}.fleet-site-assignment{padding-top:14px;border-top:1px solid var(--line)}.fleet-site-assignment .field{margin-bottom:9px}.fleet-site-assignment .field>span{display:flex;align-items:center;gap:5px}.fleet-site-assignment button{font-size:.75rem}.fleet-utility .recovery-identity{margin:0 0 16px}.fleet-utility .recovery-scroll{padding:0;overflow:visible}.fleet-utility .recovery-columns{display:block}.fleet-utility .recovery-controls{border-left:0;padding:18px 0;border-top:1px solid var(--line);margin-top:18px}.fleet-utility .recovery-footer{padding:16px 0 0;flex-wrap:wrap}.fleet-utility .recovery-footer button{font-size:.75rem}.fleet-utility .recovery-facts>div{grid-template-columns:1fr 1fr}

.fleet-utility .fleet-issue{background:#fff6f2;border-radius:3px;padding:8px 10px}
.fleet-utility .playback-preview-help{align-items:center}
.fleet-utility .peek-navigation button{padding:5px;min-height:28px;min-width:28px}
.fleet-screen-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fleet-screen-actions button{font-size:.75rem;padding:8px 5px;min-width:0}
.fleet-now>p{font-weight:600}
@media(max-width:1100px){.fleet-identity{gap:7px;padding-left:calc(var(--depth,0)*12px)}.fleet-column-head,.fleet-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:16px}.fleet-tools .search{min-width:180px}.fleet-health-card{padding:12px}.fleet-health{gap:8px}.fleet-health-card>span:first-child{font-size:.75rem}}
@media(max-width:620px){.fleet-scope{flex-wrap:wrap}.fleet-scope label{width:100%}.fleet-scope select{max-width:100%;width:100%}.fleet-health{gap:6px}.fleet-health-card{padding:10px;grid-template-columns:1fr;gap:6px;align-content:start}.fleet-health-card strong{grid-column:1;grid-row:2;font-size:1.25rem}.fleet-health-card>span:first-child{font-size:.7rem;min-height:2.7em}.fleet-health-detail{font-size:.68rem;flex-wrap:wrap;gap:4px}.fleet-health-arrow{display:none}.fleet-tools .search{flex-basis:100%}.fleet-tools .tabs{flex:1}.fleet-tools .tabs button{flex:1;padding-inline:8px}.fleet-tools>.text-action{font-size:.75rem;padding-inline:0}.fleet-column-head{display:none}.fleet-row{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:8px}.fleet-row-content,.fleet-group>.fleet-status-summary{padding-left:calc(40px + var(--depth,0)*12px)}.fleet-row-content{font-size:.75rem}.fleet-screen .fleet-row-content{padding-left:calc(94px + var(--depth,0)*12px)}.fleet-list-footer{align-items:flex-start;flex-wrap:wrap}.fleet-list-footer>.actions{width:100%;justify-content:flex-end}dialog.fleet-drawer{border:0}.fleet-utility{padding:14px 16px 20px}dialog.fleet-drawer>header{padding:12px 16px}.fleet-player-controls button{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){dialog.fleet-drawer[open]{animation:none}}

.fleet-density{gap:6px;padding:4px 0;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;font-size:.75rem;font-weight:400;min-height:36px}.fleet-density[aria-checked="true"] svg{color:var(--signal-dark)}
.fleet-dashboard.is-comfortable .fleet-health-card{min-height:104px;padding:18px 20px;row-gap:12px}
.fleet-dashboard.is-comfortable .fleet-row{min-height:66px;padding-block:12px}
.fleet-dashboard.is-comfortable .fleet-screen{min-height:80px}
.fleet-dashboard.is-comfortable .fleet-tiny-preview{width:76px}
.fleet-dashboard.is-comfortable .fleet-select{gap:5px}
@media(max-width:620px){.fleet-tools .tabs{flex-basis:100%}.fleet-tools>.text-action{margin-left:auto}.fleet-dashboard.is-comfortable .fleet-health-card{padding:12px;row-gap:9px}.fleet-dashboard.is-comfortable .fleet-screen .fleet-row-content{padding-left:calc(114px + var(--depth,0)*12px)}}

/* Keep screen identity and Save visible while browsing playlist choices. */
dialog.screen-config-dialog { height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden; }
dialog.screen-config-dialog[open] { display:flex;flex-direction:column; }
.screen-config-dialog > header { flex-shrink:0;margin:0;padding:16px 24px;border-bottom:1px solid var(--line); }
.screen-config-dialog > header h2 { margin:0;font-size:1.25rem; }
.screen-config-dialog > form { flex:1;min-height:0;overflow:auto;padding:18px 24px 0;scroll-padding:16px 0 80px; }
.screen-config-dialog > form > footer { position:sticky;bottom:0;margin:18px -24px 0;padding:14px 24px;background:#fff;border-top:1px solid var(--line);z-index:2; }
@media(max-width:540px){
  .screen-config-dialog > header { padding:14px 18px; }
  .screen-config-dialog > form { padding:14px 18px 0; }
  .screen-config-dialog > form > footer { margin-left:-18px;margin-right:-18px;padding:12px 18px; }
}

.canva-connection{flex-wrap:wrap}.canva-connection>div{flex:1 1 180px;min-width:0}.canva-connection>button{flex-shrink:0;white-space:nowrap}

.ai-connection{max-width:850px;margin-top:20px}.ai-connection h3{margin-top:24px}.ai-connection>p{max-width:760px;line-height:1.5}.ai-connection form{max-width:580px}.ai-connection input{width:100%}.ai-connection .actions{margin-top:16px}.player-email-setting{margin:18px 0}.player-email-setting p{font-size:13px;line-height:1.5}

.player-email-setting .check{display:flex;align-items:center;gap:8px;margin:8px 0}.player-email-setting p{margin:8px 0}.player-offline-timings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.manual-releases{margin:24px 0 36px}.manual-releases>p{max-width:850px;line-height:1.5}.release-publisher select{margin-top:8px;padding:8px;max-width:100%}@media(max-width:600px){.player-offline-timings{grid-template-columns:1fr;gap:12px}}

.published-layout-preview{margin:0;min-width:0}.published-layout-preview>div{margin:auto;width:100%;overflow:hidden}.published-layout-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.published-layout-preview figcaption strong,.published-layout-preview figcaption small{display:block}.published-layout-preview figcaption small{color:var(--muted);font-size:12px;margin-top:4px}.fleet-tiny-preview:has(.le-render){aspect-ratio:auto}.fleet-tiny-preview .le-render{width:100%;pointer-events:none}.breadcrumb [aria-current=page]{color:var(--ink);font-weight:600}

.breadcrumb button:hover:not(:disabled){color:var(--signal-dark);background:transparent;text-decoration:underline}.breadcrumb button:focus-visible{outline-offset:4px}

.mcp-guide{max-width:1080px;margin:48px auto;padding:0 24px 64px;line-height:1.65}.mcp-guide h1,.mcp-guide h2,.mcp-guide h3{line-height:1.25;margin-top:1.8em}.mcp-guide pre{overflow:auto;background:#242624;color:#F5F0E7;padding:20px;border-radius:8px;font-size:13px;line-height:1.5}.mcp-guide details{padding:12px 0;border-bottom:1px solid #d8d5ce}.mcp-guide summary{cursor:pointer;overflow-wrap:anywhere}.mcp-guide code{overflow-wrap:anywhere}.mcp-guide a{color:#a83e14;text-decoration:underline}.mcp-guide table{border-collapse:collapse;width:100%}.mcp-guide td,.mcp-guide th{border-bottom:1px solid #d8d5ce;padding:8px;text-align:left}

/* Integrations: connection status first; content design stays in the editor. */
.integration-workspace{max-width:1100px;padding-bottom:32px}
.integration-workspace>[hidden]{display:none!important}
.integration-workspace>.integration-heading{margin:8px 0 22px}
.integration-workspace .integration-heading h2{font-size:1.55rem;letter-spacing:-.025em;margin:0 0 6px}
.integration-workspace .integration-heading p{margin:0;font-size:.875rem}
.integration-sections{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:30px;overflow-x:auto}
.integration-sections>button{flex:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:11px 0;background:transparent;white-space:nowrap;color:var(--muted)}
.integration-sections>button[aria-pressed=true]{border-bottom-color:var(--signal);color:var(--ink);font-weight:700;background:transparent}
.integration-workspace .settings-panel{max-width:none;border:0;border-radius:0;padding:0;margin:0 0 28px}
.integration-workspace .settings-panel h3{margin:0 0 10px}
.integration-workspace .settings-panel p{max-width:800px}
.integration-workspace .integration-connection{min-height:0;align-items:center;padding:18px 0;gap:20px}
.integration-workspace .integration-connection>.actions{flex:none}
.integration-help{border-top:1px solid var(--line);padding:16px 0;margin:0 0 16px!important}
.integration-help>summary{font-weight:650;cursor:pointer}
.integration-help[open]>summary{margin-bottom:20px}
.integration-workspace .automation-activity p{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.social-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}
.social-intro h3{font-size:1.2rem;margin:0 0 6px;letter-spacing:-.015em}
.social-intro p,.social-intro a{font-size:.875rem;margin:0;color:var(--muted)}
.social-intro a{flex:none;color:var(--signal-dark)}
.social-scope{display:flex;align-items:center;gap:20px;padding:14px 18px;background:var(--paper);margin-bottom:28px;border-left:3px solid var(--signal)}
.social-scope label{display:flex;gap:12px;align-items:center;font-size:.8125rem;font-weight:600;min-width:0}
.social-scope select{min-width:180px;max-width:320px}
.social-scope>span{font-size:.8125rem;color:var(--muted);flex:1}
.social-scope>.text-action{margin-left:auto;flex:none}
.social-list-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 8px}
.social-list-heading h4{font-size:.8125rem;font-weight:650;margin:0}
.social-list-heading>span{font-size:.75rem;color:var(--muted)}
.social-account-list{border-top:1px solid var(--line)}
.social-account-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.social-account-identity{min-width:0}
.social-provider-name{font-size:.75rem;color:var(--muted)}
.social-account-row h4{font-size:1.1rem;margin:3px 0 5px;overflow-wrap:anywhere}
.social-account-row p{font-size:.8125rem;color:var(--muted);margin:0}
.social-account-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}
.social-state{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:650;line-height:1.4;padding:5px 9px;border-radius:4px;background:var(--paper);white-space:nowrap}
.social-state.connected{color:#22543d;background:#e8f2e8}
.social-state.attention{color:#75451a;background:#fff0db}
.social-account-actions details{font-size:.75rem;text-align:right;margin:0}
.social-account-actions summary{cursor:pointer;color:var(--muted);padding:4px 0}
.social-account-actions details>div{display:flex;gap:10px;align-items:center;margin-top:10px}
.social-pending{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#fff5e8;border:1px solid #e6b787;padding:22px;margin:0 0 28px}
.social-pending h4{font-size:1.15rem;margin:10px 0 6px}
.social-pending p{font-size:.875rem;margin:0;max-width:560px}
.social-pending-actions{display:flex;flex-wrap:wrap;gap:8px}
.social-notice{display:flex;align-items:center;gap:10px;border-left:3px solid #33714b;background:#edf5ed;color:#22543d;padding:14px 16px;font-size:.875rem;margin:0 0 20px}
.social-notice svg{flex:none}
.social-empty{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:.875rem;padding:22px 0;border-bottom:1px solid var(--line)}
.social-empty p{margin:0}
.social-next{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);padding:20px 22px;margin:22px 0 32px}
.social-next h4,.social-linkedin h4{font-size:.95rem;margin:0 0 6px}
.social-next p,.social-linkedin p{font-size:.8125rem;color:var(--muted);margin:0;max-width:660px}
.social-next>.button{flex:none}
.social-provider-list{border-top:1px solid var(--line)}
.social-provider-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.social-provider-row h4{font-size:.9375rem;margin:0 0 5px}
.social-provider-row p{font-size:.8125rem;color:var(--muted);margin:0}
.social-provider-row>button{flex:none;min-width:104px}
.social-linkedin{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px;padding-top:4px}
.social-linkedin>.button{flex:none}
@media(max-width:760px){
 .integration-sections{gap:22px;margin-bottom:24px}.social-intro{gap:12px;flex-wrap:wrap}
 .social-scope{flex-wrap:wrap;gap:10px;padding:12px}.social-scope label{flex:1}.social-scope select{width:100%;min-width:0}.social-scope>span{flex-basis:100%;order:3}.social-scope>.text-action{padding:4px}
 .social-account-row,.social-pending,.social-next{align-items:flex-start;gap:16px}.social-pending,.social-next{flex-direction:column}.social-account-actions{max-width:45%}.social-account-actions details>div{flex-wrap:wrap;justify-content:flex-end}
 .social-provider-row,.social-linkedin{gap:18px}.social-linkedin{align-items:flex-start}.social-next{padding:18px}
 /* Keep narrow windows focused on the page, with one scrollable navigation row. */
 .shell:not(.editor-focused)>aside,.shell.nav-compact:not(.editor-focused)>aside{width:100%;padding:10px 12px 0}
 .shell:not(.editor-focused)>aside>.brand{width:120px;padding:0 0 8px}
 .shell:not(.editor-focused)>aside>.nav-collapse{display:none}
 .shell:not(.editor-focused)>aside>nav{display:flex;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;height:auto}
 .shell:not(.editor-focused)>aside>nav button,.shell.nav-compact:not(.editor-focused)>aside>nav button{flex:none;flex-direction:row;font-size:.75rem;gap:6px;padding:8px 10px;white-space:nowrap}
 .shell:not(.editor-focused)>aside>nav button svg{width:17px;height:17px}
 .shell:not(.editor-focused)>aside>.workspace-account{position:absolute;top:10px;right:16px;display:block;margin:0;padding:6px 0;border:0;font-size:.75rem}
 .shell:not(.editor-focused)>aside>.workspace-account>small{display:none}
 .shell:not(.editor-focused)>aside .guide-nav-link{flex:none;white-space:nowrap;padding:8px 10px;font-size:.75rem}
}
@media(max-width:480px){.social-account-row{flex-direction:column}.social-account-actions{max-width:none;width:100%;flex-direction:row;align-items:center;justify-content:space-between}.social-provider-row{gap:12px}.social-provider-row>button{min-width:90px;padding-inline:10px}.social-linkedin{flex-direction:column}}

/* Settings — approved Connection desk design, 10 October 2026. */
.settings-shell>main>.breadcrumb{display:none}
.settings-shell>main>.page-header{margin:0 0 18px;padding:0;min-height:0}
.settings-shell>main>.page-header h1{font-size:36px;line-height:1.2;letter-spacing:-.035em;margin:0}
.settings-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:28px}
.settings-tabs>button{border:0;border-bottom:4px solid transparent;border-radius:0;background:transparent;padding:14px 16px;font-size:16px;color:var(--ink)}
.settings-tabs>button[aria-pressed=true]{background:transparent!important;border-color:transparent!important;border-bottom-color:var(--signal)!important;font-weight:700}
.settings-workspace{display:grid;grid-template-columns:198px minmax(0,1fr);gap:38px;max-width:none;padding-bottom:32px;align-items:start}
.settings-section-nav,.integration-sections.settings-section-nav{display:flex;flex-direction:column;gap:4px;margin:0;border:0;border-right:1px solid var(--line);padding-right:10px;overflow:visible;align-self:stretch}
.settings-section-nav>button{border:0;border-left:4px solid transparent;border-radius:0;justify-content:flex-start;text-align:left;white-space:normal;padding:12px 14px;min-height:46px;font-size:15px;background:transparent;color:var(--ink)}
.settings-section-nav>button[aria-pressed=true]{border-color:transparent!important;border-left-color:var(--signal)!important;background:var(--paper)!important;font-weight:700}
.settings-content{min-width:0}
.settings-content>[hidden]{display:none!important}
.settings-intro{margin:4px 0 32px}
.settings-intro h2,.settings-content>.settings-panel>h3,.settings-content>.integration-heading h3{font-size:30px;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px;font-weight:750}
.settings-intro p{margin:0;color:var(--muted);font-size:15px;max-width:720px}
.settings-content .settings-panel{border:0;border-radius:0;padding:0;max-width:none;margin:0 0 30px}
.settings-content h3{font-size:19px;line-height:1.3;margin:0 0 12px}
.settings-content p{font-size:14px;line-height:1.55}
.settings-content small{font-size:12px;color:var(--muted);line-height:1.5}
.settings-content form{gap:22px;max-width:600px}
.settings-content .field{gap:8px;font-size:14px;font-weight:550}
.settings-content .field small{font-weight:400}
.settings-content input:not([type=checkbox]):not([type=radio]),.settings-content select{min-height:43px}
.settings-content form>button{align-self:flex-start}
.settings-content .actions{flex-wrap:wrap}
.settings-standby-preview{max-width:360px;aspect-ratio:16/9;overflow:hidden;border-radius:3px;border:1px solid var(--line)}
.settings-standby-preview>img{width:100%;height:100%;object-fit:contain;display:block}
.settings-standby-preview .preview{width:100%;height:100%;margin:0;max-height:none}
.settings-link-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.settings-link-row h3{margin:0 0 6px}.settings-link-row p{margin:0;color:var(--muted)}
.settings-link-row>button,.settings-link-row>.button{flex:none}
.settings-signout{margin-top:32px}
.settings-facts{display:block;margin:0}
.settings-facts>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}
.settings-facts dt{font-weight:550}.settings-facts dd{margin:0;color:var(--muted)}
.settings-help-block{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line);max-width:760px}
.settings-help-block p{color:var(--muted);max-width:680px}
.settings-content .offline-alert-settings{margin:0;max-width:660px}
.offline-alert-settings>h2{font-size:27px;letter-spacing:-.025em;margin:4px 0 0;line-height:1.2}
.offline-alert-settings>p{color:var(--muted);margin:0}
.settings-content .offline-alert-settings .field{max-width:560px}
.settings-content .integration-help{padding:20px 0}
.settings-content .integration-help form{padding-top:8px}
.settings-content .integration-connection{border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.settings-content .integration-heading{margin:4px 0 24px}
.settings-content .integration-heading p{margin:0}
.settings-content .integration-secret{margin:18px 0}
.settings-content code{overflow-wrap:anywhere}
.settings-content fieldset{border:1px solid var(--line);padding:18px;min-width:0}
.settings-content fieldset .field{padding:10px 0}
.settings-content .integration-planned{margin-bottom:24px}

/* Social connections: scope, connection state, then the editor handoff. */
.settings-content .social-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:4px 0 24px}
.settings-content .social-intro>div:first-child{flex:1;min-width:0}
.settings-content .social-intro h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;font-weight:750}
.settings-content .social-intro p{font-size:16px;line-height:1.5;max-width:480px}
.settings-content .social-scope{display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:none;max-width:340px;padding:0;border:0;background:none;margin:0}
.settings-content .social-scope label{font-size:15px;gap:16px}
.settings-content .social-scope select{font-size:16px;width:220px;min-width:0;max-width:100%}
.settings-content .social-scope>span{font-size:12px;align-self:flex-end;flex:auto;order:0}
.social-guide{display:flex;justify-content:flex-end;padding:0 0 22px;border-bottom:1px solid var(--line);font-size:14px}
.settings-content .social-list-heading{margin:22px 0 14px}
.settings-content .social-list-heading h3{font-size:19px;margin:0}
.settings-content .social-list-heading .text-action{font-size:12px;min-height:24px;padding:0}
.settings-content .social-account-list{border:0;display:flex;flex-direction:column;gap:12px}
.settings-content .social-account-row{display:grid;grid-template-columns:minmax(150px,1.05fr) auto minmax(130px,1fr) auto;gap:22px;padding:24px 22px;border:1px solid var(--line);border-radius:4px;background:#fff}
.social-provider-icon{width:36px;height:36px;object-fit:contain;flex:none;display:block}
.settings-content .social-account-identity,.social-provider-identity{display:flex;align-items:center;gap:18px;min-width:0}
.settings-content .social-account-identity .social-provider-icon{width:44px;height:44px}
.settings-content .social-account-row h4{font-size:16px;margin:0 0 4px}
.settings-content .social-account-row p{font-size:16px;margin:0;overflow-wrap:anywhere}
.settings-content .social-state.connected{background:transparent;color:#23614b;font-weight:500;padding:0;font-size:14px}
.social-account-sync{font-size:16px;color:var(--muted);min-width:0}
.social-account-sync small{display:block;margin-top:5px;font-size:12px}
.settings-content .social-account-actions{border-left:1px solid var(--line);padding-left:20px;max-width:none;min-width:0}
.settings-content .social-account-actions details{font-size:14px;margin:0;position:relative}
.settings-content .social-account-actions details>div{position:absolute;right:0;top:100%;z-index:5;min-width:150px;padding:12px;margin-top:8px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:stretch;border-radius:4px;box-shadow:0 6px 14px #24262412}
.settings-content .social-account-actions summary{white-space:nowrap}
.social-account-error{grid-column:1/-1}
.settings-content .social-next{padding:22px;margin:14px 0 24px;gap:24px;border-radius:4px}
.settings-content .social-next p{font-size:16px;color:var(--ink);margin:0}
.settings-content .social-next .button{font-size:16px;min-height:44px}
.settings-content .social-provider-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,1fr) auto;gap:24px;padding:22px 12px;align-items:center}
.settings-content .social-provider-row h4{font-size:16px;margin:0 0 4px}
.settings-content .social-provider-row p{font-size:13px;margin:0;color:var(--muted)}
.settings-content .social-provider-row>button{min-width:104px}
.social-add-another{margin:14px 0 0;padding:0;min-height:28px;font-size:14px}
.settings-content .social-linkedin{margin-top:22px;padding:24px 0 0;border-top:1px solid var(--line);gap:24px}
.settings-content .social-linkedin h3{font-size:19px;margin:0 0 14px}
.settings-content .social-linkedin p{font-size:13px}

/* OpenAI uses the same settings shell, with honest stored-key status. */
.settings-content.ai-connection{max-width:none;margin:0}
.ai-key-state{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:4px;background:#fff;margin-bottom:18px}
.ai-key-state>svg{flex:none}.ai-key-state>div{flex:1}.ai-key-state strong{font-size:16px}
.ai-key-state p{display:flex;align-items:center;gap:6px;margin:5px 0 0;color:#23614b}
.ai-key-editor{margin:0 0 32px;padding:0}
.ai-key-editor>summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--signal-dark);width:fit-content;padding:6px 0}
.ai-key-editor[open]>summary{margin-bottom:18px}
.ai-key-editor form{max-width:560px}
.ai-account-facts{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-block:1px solid var(--line);padding:28px 0;margin-top:28px}
.settings-content .ai-account-facts h3{font-size:17px;margin:0 0 10px}
.ai-account-facts p{color:var(--muted);margin:0}
.ai-privacy{display:flex;align-items:flex-start;gap:10px;padding-top:12px;max-width:680px}
.ai-privacy>svg{flex:none;margin-top:2px}
.ai-mcp-link{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
.ai-mcp-link a{margin-left:8px}
@media(min-width:761px){
 .settings-shell:not(.nav-compact){grid-template-columns:216px minmax(0,1fr)}
 .settings-shell:not(.nav-compact)>aside{width:216px}
 .settings-shell>main{padding-top:28px}
 .settings-shell>aside>.nav-collapse{position:absolute;bottom:20px;right:12px;margin:0;padding:4px;min-height:28px;border:0}
 .settings-shell>aside>.workspace-account{padding-right:34px}
 .settings-shell>aside>.workspace-account>small{display:none}
 .settings-shell>aside>.brand{padding-bottom:26px}
 .settings-shell>aside>nav button{font-size:16px;font-weight:500;min-height:54px}
 .settings-shell>aside>nav button.active{font-weight:600}
}
@media(max-width:1200px){
 .settings-workspace{grid-template-columns:170px minmax(0,1fr);gap:26px}
 .settings-content .social-intro{flex-direction:column;gap:18px}
 .settings-content .social-scope{max-width:100%;align-self:stretch}
 .settings-content .social-scope label{justify-content:space-between}
 .settings-content .social-account-row{grid-template-columns:1fr auto;gap:16px}
 .settings-content .social-account-actions{border:0;padding:0;align-items:flex-end}
 .settings-content .social-account-sync{padding-left:62px}
 .settings-content .social-provider-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 18px}
 .social-provider-availability{grid-column:1;grid-row:2;padding-left:54px}
 .settings-content .social-provider-row>button{grid-column:2;grid-row:1/3}
}
@media(max-width:900px){
 .settings-workspace{grid-template-columns:minmax(0,1fr);gap:26px}
 .settings-section-nav,.integration-sections.settings-section-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 6px;gap:8px;align-self:auto}
 .settings-section-nav>button{flex:none;white-space:nowrap;padding:10px 12px;border:0;border-bottom:3px solid transparent;min-height:40px;font-size:13px}
 .settings-section-nav>button[aria-pressed=true]{border-left-color:transparent!important;border-bottom-color:var(--signal)!important}
 .settings-content .social-intro{flex-direction:row}
 .settings-content .social-scope{max-width:300px}
}
@media(max-width:760px){
 .settings-shell>main>.page-header h1{font-size:30px}
 .settings-tabs{gap:12px;margin-bottom:20px}.settings-tabs>button{padding:12px;font-size:14px}
 .settings-content .social-intro{flex-direction:column}
 .settings-content .social-scope{max-width:none}
 .settings-content .social-scope select{width:240px}
 .settings-content .social-next{align-items:flex-start;flex-direction:column;padding:18px}
 .settings-content .social-account-row{padding:18px;gap:18px 12px}
 .settings-intro h2,.settings-content .social-intro h2{font-size:24px}
 .settings-link-row{align-items:flex-start;flex-direction:column;gap:14px}
}
@media(max-width:480px){
 .settings-content .social-account-row{grid-template-columns:minmax(0,1fr);gap:14px}
 .settings-content .social-account-sync{padding:0}
 .settings-content .social-account-actions{align-items:flex-start;width:auto;display:block}
 .settings-content .social-account-actions details{text-align:left}
 .settings-content .social-account-actions details>div{right:auto;left:0}
 .settings-content .social-state{justify-self:start}
 .settings-content .social-scope select{width:200px}
 .settings-content .social-linkedin{align-items:flex-start;flex-direction:column}
 .ai-account-facts{grid-template-columns:1fr;gap:24px}
 .ai-key-state{padding:18px;flex-wrap:wrap}
 .settings-facts>div{gap:12px}
}

/* Provider detail pages share the Social accounts visual language. */
.integration-page{min-width:0}
.integration-intro{display:flex;align-items:center;gap:20px;margin:4px 0 32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.integration-brand{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:none;background:white;border:1px solid var(--line);border-radius:8px;padding:12px}
.integration-brand img{width:100%;height:100%;object-fit:contain}.integration-brand svg{color:var(--ink)}
.settings-content .integration-intro h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0 0 9px}
.settings-content .integration-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;max-width:640px}
.integration-intro>div:nth-child(2){flex:1;min-width:0}
.integration-intro>.connection-status{align-self:flex-start;margin-top:4px}
.integration-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start;margin-bottom:32px}
.integration-columns>div,.integration-columns>form{min-width:0}
.settings-content .connection-section-title,.connection-section-heading h3{font-size:19px;margin:0;line-height:1.4}
.connection-section-title{margin-bottom:18px!important}
.connection-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}
.connection-section-heading>span{font-size:12px;color:var(--muted)}
.connection-records{display:grid;gap:14px;margin-bottom:20px}
.connection-record{padding:20px;border:1px solid var(--line);border-radius:5px;background:#fff;min-width:0}
.settings-content .connection-record.integration-connection{margin:14px 0;padding:20px}
.connection-record-main{display:flex;align-items:center;gap:14px;min-width:0}
.connection-record-main>div{flex:1;min-width:0}
.settings-content .connection-record h3{font-size:16px;margin:0 0 5px;overflow-wrap:anywhere}
.settings-content .connection-record p{font-size:13px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.connection-record-main>svg{flex:none}.connection-logo{height:40px;width:40px;object-fit:contain;flex:none}
.connection-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.4;white-space:nowrap;padding:5px 8px;border-radius:4px}
.connection-status.connected{color:#23614b;background:#edf5ef}.connection-status.neutral{color:var(--muted);background:var(--paper)}
.connection-status svg{flex:none}
.connection-record-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--muted);padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
.connection-manage{margin-top:14px;font-size:12px}
.connection-manage>summary{width:fit-content;color:var(--muted);font-weight:500;cursor:pointer}
.settings-content .connection-manage[open]>p{margin:12px 0}.connection-manage button{margin-top:12px}
.connection-next{background:var(--paper);padding:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}
.connection-next>div{flex:1;min-width:180px}.settings-content .connection-next h3{font-size:16px;margin:0 0 7px}
.settings-content .connection-next p{font-size:13px;color:var(--muted);margin:0}
.settings-content .integration-scope-note{color:var(--muted);font-size:13px;line-height:1.55;margin:20px 0 28px;max-width:750px}
.illustrated-guide{background:var(--paper);border-radius:5px;overflow:hidden;border:1px solid var(--line);min-width:0}
.illustrated-guide-image{display:block;width:100%;height:auto;max-height:290px;object-fit:contain;background:var(--ink)}
.illustrated-guide>div{padding:22px}
.settings-content .illustrated-guide h3{font-size:18px;line-height:1.3;margin:0 0 12px}
.settings-content .illustrated-guide p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 18px}
.illustrated-guide a{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-underline-offset:3px}
.settings-notes{padding:24px 0 0;border-top:1px solid var(--line);margin-top:28px}
.settings-content .settings-notes h3{font-size:16px;margin:0 0 10px}.settings-content .settings-notes p{font-size:14px;color:var(--muted);margin:0 0 24px;max-width:700px}
.settings-content .settings-notes .ai-privacy{font-size:12px;margin-bottom:0}
.integration-footnote{padding:22px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.settings-content .settings-disclosure{margin:20px 0;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0;overflow-wrap:anywhere}
.settings-disclosure>summary{padding:19px 22px;font-size:15px;font-weight:600;cursor:pointer;min-height:52px}
.settings-disclosure-body{padding:2px 22px 24px}
.settings-content .settings-disclosure-body form{max-width:660px;margin-bottom:0}
.settings-content .settings-disclosure-body>.settings-panel{margin:0}
.settings-content .settings-disclosure-body .integration-heading{margin:4px 0 18px}
.settings-content .settings-disclosure-body .integration-heading h3,.settings-content .settings-disclosure-body .activity h2{font-size:20px;margin:0}
.settings-content .settings-disclosure-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.settings-content .settings-disclosure-body .canva-guide{padding:4px 0}
.settings-content .settings-disclosure-body .canva-guide h3{font-size:20px}
.settings-content .settings-disclosure-body .canva-guide ol{padding-left:22px}
.settings-content .settings-disclosure-body .canva-guide li{margin-bottom:14px;font-size:14px;line-height:1.65}
.integration-client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.integration-client{display:flex;align-items:center;gap:16px;padding:22px 18px;text-decoration:none;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}
.integration-client>img,.integration-client>svg:first-child{width:36px;height:36px;object-fit:contain;flex:none}
.integration-client>div{flex:1;min-width:0}.integration-client>svg:last-child{flex:none;color:var(--muted)}
.settings-content .integration-client h3{font-size:16px;margin:0 0 6px}.settings-content .integration-client p{font-size:12px;color:var(--muted);margin:0}
.integration-client:hover{border-color:var(--signal);background:var(--paper)}
.integration-endpoints{border-block:1px solid var(--line);margin:0 0 18px}
.integration-endpoints>div{display:flex;align-items:center;gap:20px;padding:17px 0;min-width:0}
.integration-endpoints>div+div{border-top:1px solid var(--line)}
.integration-endpoints span{width:100px;flex:none;font-size:14px;font-weight:600}
.integration-endpoints code{font-size:13px;flex:1;overflow-wrap:anywhere;min-width:0}.integration-endpoints a{font-size:12px;flex:none}
.settings-content .settings-disclosure-body form.integration-form{max-width:none}
.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.settings-content fieldset.permission-picker{padding:0 0 8px;border:0;margin:0}
.permission-picker legend{font-size:15px;font-weight:600;margin-bottom:18px}
.permission-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.permission-picker label{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:4px;cursor:pointer}
.permission-picker input{margin-top:3px;flex:none}.permission-picker span{min-width:0}
.permission-picker strong{font-size:13px;overflow-wrap:anywhere}.settings-content .permission-picker small{display:block;font-size:12px;margin-top:6px}
.permission-summary{padding:0;list-style:none;margin:18px 0}.permission-summary li{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.integration-event-list article{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.integration-event-list article>div{flex:1;min-width:0}.integration-event-list p{margin:5px 0 0}.integration-event-list time{font-size:12px;color:var(--muted)}
.settings-empty{padding:26px;display:flex;align-items:center;gap:20px;background:var(--paper);border:1px dashed #c9c6bd;border-radius:4px}
.settings-empty>svg,.settings-empty>img{width:36px;height:36px;object-fit:contain;flex:none;color:var(--muted)}
.settings-content .settings-empty h3{font-size:16px;margin:0 0 6px}.settings-content .settings-empty p{font-size:13px;color:var(--muted);margin:0}
.webhook-directions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 28px}
.webhook-directions>div{display:grid;grid-template-columns:24px 1fr;gap:9px 14px;padding:20px;background:var(--paper);border-radius:4px}
.webhook-directions svg{grid-row:1/3}.webhook-directions strong{font-size:15px}.webhook-directions span{font-size:13px;color:var(--muted)}
.settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.settings-toolbar .tabs{margin:0}
.integration-planned .integration-catalog{padding:0 22px 22px;grid-template-columns:1fr 1fr;gap:24px}
.integration-planned article>img{height:34px;max-width:150px;object-fit:contain;object-position:left;margin:4px 0 20px}
.settings-content .integration-planned h3{font-size:17px}.settings-content .integration-planned p{font-size:13px}
.settings-standby-guide>.settings-standby-preview{max-width:none;padding:0;border:0;border-radius:0}
.settings-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.settings-facts>div{display:block;background:white;border:1px solid var(--line);padding:24px;border-radius:5px}
.settings-facts dt{font-size:13px;color:var(--muted)}.settings-facts dd{font-size:26px;color:var(--ink);margin-top:14px;font-weight:600}
.settings-content .offline-alert-settings .integration-intro{margin-bottom:0}.settings-content .offline-alert-settings>.settings-disclosure{margin:0}
.settings-content .integration-columns .offline-alert-settings{gap:22px}
@media(max-width:1250px){
 .integration-columns{grid-template-columns:minmax(0,1fr)}
 .illustrated-guide{display:grid;grid-template-columns:240px 1fr}.illustrated-guide-image{height:100%;max-height:260px;object-fit:contain}
 .integration-client-grid{grid-template-columns:1fr}.integration-client{padding:18px}
 .integration-intro>.connection-status{align-self:center}
}
@media(max-width:600px){
 .integration-intro{gap:14px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:24px}
 .integration-brand{width:48px;height:48px;padding:9px}.integration-brand svg{width:25px}
 .settings-content .integration-intro h2{font-size:24px}.settings-content .integration-intro p{font-size:13px}
 .integration-intro>div:nth-child(2){flex-basis:calc(100% - 62px)}
 .integration-intro>.connection-status{margin-left:62px}
 .illustrated-guide{display:block}.illustrated-guide-image{max-height:230px;width:100%;height:auto}
 .connection-record{padding:18px}.connection-record-main{display:grid;grid-template-columns:40px minmax(0,1fr)}.connection-record-main>.connection-status{grid-column:2;margin-left:0;justify-self:start}
 .connection-record-meta{display:grid;gap:8px}.connection-next{padding:18px}
 .connection-section-heading{align-items:flex-start;flex-direction:column;gap:5px}
 .settings-form-grid,.permission-picker>div,.webhook-directions,.integration-planned .integration-catalog,.settings-facts{grid-template-columns:1fr}
 .settings-content .settings-disclosure>summary{padding:17px}.settings-disclosure-body{padding:0 17px 20px}
 .integration-endpoints>div{flex-wrap:wrap;gap:8px}.integration-endpoints span{width:100%}.integration-endpoints code{flex-basis:100%}
 .permission-summary li{grid-template-columns:1fr;gap:5px}
 .settings-toolbar{align-items:flex-start;flex-direction:column}
 .integration-event-list article{flex-wrap:wrap}.integration-event-list time{flex-basis:100%}
 .settings-facts>div{padding:20px}.settings-facts dd{font-size:23px}
}

/* Page 08: keep player reports distinct from the browser content preview. */
.player-actions-disclosure{position:relative;flex-shrink:0}
.player-actions-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:.875rem;font-weight:500;cursor:pointer;list-style:none}
.player-actions-disclosure>summary::-webkit-details-marker{display:none}
.player-actions-disclosure>summary:hover,.player-actions-disclosure[open]>summary{background:var(--paper)}
.player-actions-disclosure>summary:focus-visible{outline:3px solid var(--signal-dark);outline-offset:3px}
.player-actions-popover{position:absolute;z-index:30;right:0;top:calc(100% + 6px);min-width:252px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:3px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 24px #24262420}
.player-detail-toolbar .player-actions-popover>button{justify-content:flex-start;min-height:44px;width:100%;border-color:transparent;padding:10px 12px;font-size:.875rem;text-align:left}
.player-overview .screens-canvas{grid-template-columns:minmax(0,1fr);gap:32px}
.player-overview .screen-canvas:nth-child(even)::before{display:none}
.player-overview .screen-canvas+.screen-canvas{padding-top:28px;border-top:1px solid var(--line)}
.player-overview .screen-title{margin-bottom:16px}
.player-overview .screen-title h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0;font-size:1.125rem}
.player-overview .screen-title h2>span{font-size:.875rem;font-weight:400;color:var(--muted);overflow-wrap:anywhere}
.screen-overview-grid{display:grid;grid-template-columns:minmax(270px,.58fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:20px}
.screen-status-panel,.screen-preview-panel{min-width:0;padding:22px;background:#fffdf9;border:1px solid var(--line);border-radius:4px}
.screen-status-panel{display:flex;flex-direction:column;align-items:stretch}
.screen-status-panel :is(h2,h3),.screen-preview-panel :is(h2,h3),.screen-assigned-content>:is(h2,h3){margin:0;font-size:1.25rem;line-height:1.35;letter-spacing:-.015em}
.screen-connection{display:flex;gap:12px;align-items:flex-start;margin:18px 0 20px;padding:16px;border-radius:4px}
.screen-connection.is-offline{background:#faf0ed;color:#a22828}
.screen-connection.is-online{background:#edf4ec;color:#286137}
.connection-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:currentColor;margin-top:6px}
.screen-connection strong{display:block;font-size:1.05rem}
.screen-connection p{margin:5px 0 0;color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere;line-height:1.5}
.screen-status-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 12px;font-size:.9375rem;line-height:1.5}
.screen-status-facts>div{display:grid;grid-template-columns:minmax(85px,.85fr) minmax(0,1fr);gap:16px}
.screen-status-facts dt,.screen-status-facts dd{padding:0;border:0}
.screen-status-facts dt{color:var(--muted)}
.screen-status-facts dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-weight:500}
.player-overview .screen-status-panel .display-status{margin:0;min-height:0;font-size:.8125rem}
.screen-status-panel .display-status>p,.screen-status-panel .display-status>button{margin:0 0 12px}
.screen-capture-state{display:flex;align-items:flex-start;gap:10px;margin-top:6px;padding:16px 0;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}
.screen-capture-state>svg{flex-shrink:0;margin-top:3px}
.screen-capture-state>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.screen-capture-state strong{font-weight:600;color:var(--ink)}
.screen-capture-state time{overflow-wrap:anywhere}
.screen-capture-state .text-action{justify-content:flex-start;padding:4px 0;font-size:.8125rem;min-height:36px}
.screen-status-panel .screen-configure{align-self:flex-start;min-height:40px;margin-top:auto}
.screen-preview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin-bottom:16px}
.screen-preview-heading>span:not(.override-label){color:var(--muted);font-size:.75rem}
.screen-preview-notice{display:flex;align-items:flex-start;gap:10px;background:var(--paper);padding:12px 14px;margin:18px 0 0;font-size:.875rem;border-radius:3px}
.screen-preview-notice>svg{flex-shrink:0;margin-top:2px}
.screen-preview-notice strong{font-weight:650}
.screen-preview-notice p{margin:3px 0 0;color:var(--muted);line-height:1.5}
.player-overview .playback-loading{max-height:none;min-height:200px;align-content:center;gap:12px;border:1px solid var(--line);border-radius:4px;font-size:.875rem}
 .screen-preview-surface{background:var(--paper);border-radius:3px;overflow:hidden}
.screen-preview-surface .published-preview-canvas{width:100%;margin:auto;overflow:hidden}
.screen-assigned-content{grid-column:1/-1;min-width:0}
.screen-assigned-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px;padding:16px 10px}
.screen-assigned-icon{display:grid;place-items:center;flex:0 0 70px;align-self:stretch;min-height:54px;background:var(--paper);border-radius:3px}
.screen-assigned-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}
.screen-assigned-caption>div{min-width:0;overflow-wrap:anywhere}
.screen-assigned-caption strong{display:block;font-size:1rem}
.screen-assigned-caption small{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}
.screen-assigned-caption>button{flex-shrink:0;min-height:40px}
.player-overview .screen-playlist-summary{margin-bottom:0;padding-top:16px;border-top:1px solid var(--line)}
.player-overview .screen-overview-footer{margin-top:8px;padding-top:16px}
@media(max-width:1100px){.screen-overview-grid{grid-template-columns:minmax(240px,.65fr) minmax(0,1fr)}.screen-status-panel,.screen-preview-panel{padding:18px}.screen-status-facts>div{gap:10px}}
@media(max-width:800px){.screen-overview-grid{grid-template-columns:minmax(0,1fr)}.screen-status-panel .screen-configure{margin-top:4px}.screen-status-facts>div{grid-template-columns:minmax(120px,.5fr) minmax(0,1fr)}.player-actions-popover{right:auto;left:0}}
@media(max-width:600px){.player-detail-toolbar .player-actions-disclosure>summary{font-size:.8rem;min-height:40px}.player-detail-toolbar>.actions>button{min-height:40px}.screen-status-panel,.screen-preview-panel{padding:16px}.screen-status-panel :is(h2,h3),.screen-preview-panel :is(h2,h3){font-size:1.0625rem}.screen-status-facts>div{grid-template-columns:minmax(95px,.75fr) minmax(0,1fr)}.screen-preview-notice{padding:12px}.player-overview .screen-overview-footer{align-items:flex-start;flex-direction:column}.player-overview .screen-overview-footer>button{min-height:44px}.player-overview .playback-preview-help{align-items:flex-start}}

.player-detail-toolbar .detail-tabs button{min-height:48px;padding:10px 20px;border-radius:0;background:transparent;font-size:.9375rem}
.player-detail-toolbar .detail-tabs button[aria-pressed="true"]{background:transparent;border-color:var(--line);color:var(--ink);box-shadow:inset 0 -3px 0 var(--signal);font-weight:700}
@media(max-width:600px){.player-detail-toolbar .detail-tabs{width:100%}.player-detail-toolbar .detail-tabs button{flex:1;padding:10px 8px;font-size:.8125rem}.screen-status-facts{font-size:.875rem}.screen-assigned-row{padding:14px 0;gap:12px}.screen-assigned-icon{flex-basis:48px;min-height:48px;align-self:flex-start}.screen-assigned-caption{align-items:flex-start;flex-wrap:wrap;gap:12px}.screen-assigned-caption strong{font-size:.9375rem}.screen-assigned-caption small{font-size:.8125rem}}

/* Shared narrow navigation: every destination is visible in the Menu disclosure. */
.mobile-nav-toggle { display:none; }
.fleet-empty-health { color:var(--muted); font-size:.8125rem; }
.fleet-group-status { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.fleet-group-status > .text-action { white-space:nowrap; padding:6px; font-size:.8125rem; }
@media(max-width:760px) {
 .shell:not(.editor-focused)>aside,.shell.nav-compact:not(.editor-focused)>aside { padding:12px 16px; }
 .shell:not(.editor-focused)>aside>.brand { padding:0; width:120px; }
 .shell:not(.editor-focused)>aside>.mobile-nav-toggle { position:absolute; right:16px; top:12px; display:flex; gap:8px; align-items:center; min-height:36px; padding:7px 10px; background:transparent; color:var(--paper); border-color:#62675f; }
 .shell:not(.editor-focused)>aside>nav { display:none; }
 .shell:not(.editor-focused)>aside.mobile-nav-open>nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:14px; overflow:visible; padding:0; max-height:calc(100dvh - 150px); overflow-y:auto; }
 .shell:not(.editor-focused)>aside>nav button,.shell.nav-compact:not(.editor-focused)>aside>nav button { justify-content:flex-start; min-height:44px; padding:10px; font-size:.875rem; white-space:normal; }
 .shell:not(.editor-focused)>aside>.workspace-account { display:none; }
 .shell:not(.editor-focused)>aside.mobile-nav-open>.workspace-account { display:block; position:static; margin-top:12px; padding:12px 10px 0; border-top:1px solid #62675f; font-size:.875rem; }
 .shell:not(.editor-focused)>aside.mobile-nav-open>.workspace-account>small { display:block; }
 .shell:not(.editor-focused)>aside .guide-nav-link { min-height:44px; display:flex; align-items:center; font-size:.875rem; padding:10px; }
}
@media(max-width:620px) {
 .fleet-group-status { padding-left:calc(40px + var(--depth,0)*12px); flex-wrap:wrap; }
 .fleet-group-status .fleet-status-summary { padding-left:0; }
}

/* Shared customer workspace sections, using the settings panel and form system. */
.customer-tabs { display:flex; flex-wrap:wrap; gap:6px 16px; border-bottom:1px solid var(--line); margin:24px 0; }
.customer-tabs > button { border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; padding:12px 4px; font-weight:400; font-size:.875rem; }
.customer-tabs > button[aria-pressed="true"] { border-bottom-color:var(--signal); color:var(--ink); font-weight:600; }
.customer-workspace .collection-detail > .section-heading { align-items:flex-start; }
.customer-workspace .collection-detail > .section-heading > .actions { flex-wrap:wrap; justify-content:flex-end; }
.customer-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.customer-summary-grid > button { display:grid; grid-template-columns:1fr auto; text-align:left; padding:20px; gap:8px; font-weight:400; }
.customer-summary-grid > button > svg:first-child { grid-column:1/-1; color:var(--muted); }
.customer-summary-grid strong { font-size:1.1rem; grid-column:1/-1; }
.customer-summary-grid span { color:var(--muted); font-size:.8125rem; }
.customer-player-list { margin-top:12px; }
.customer-player-list > button { display:flex; align-items:center; gap:14px; width:100%; padding:16px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; text-align:left; }
.customer-player-list > button > span:first-of-type { flex:1; display:flex; flex-direction:column; gap:4px; min-width:0; overflow-wrap:anywhere; }
.customer-player-list small { color:var(--muted); font-weight:400; }
.customer-player-list .status { font-size:.8rem; font-weight:400; }
.customer-site .section-heading h3 { display:flex; align-items:center; gap:8px; }
.customer-team-layout { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr); gap:20px; align-items:start; }
.customer-team-layout .settings-panel { margin:0; }
.customer-team-layout form { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:12px 16px; margin-top:20px; }
.customer-team-layout form .field { margin:0; }
.customer-team-layout form > button { grid-column:1/-1; justify-self:start; }
.customer-team-layout aside p { font-size:.875rem; line-height:1.6; }
.customer-team-layout aside svg { margin-bottom:12px; }
.customer-empty { display:flex; flex-direction:column; align-items:center; gap:12px; padding:44px 24px; border:1px solid var(--line); border-radius:5px; text-align:center; }
.customer-empty p { color:var(--muted); }
.customer-content-links { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:10px; }
.customer-connections > svg { margin-bottom:12px; color:var(--muted); }
.customer-connections > button { margin-top:16px; }
@media(max-width:1200px) { .customer-team-layout { grid-template-columns:1fr; }.customer-team-layout aside { display:none; } }
@media(max-width:700px) { .customer-tabs { gap:0 12px; }.customer-tabs > button { padding:12px 2px; }.customer-summary-grid { grid-template-columns:1fr; }.customer-team-layout form { grid-template-columns:1fr; }.customer-player-list > button { gap:8px; flex-wrap:wrap; }.customer-workspace .collection-detail > .section-heading { flex-wrap:wrap; } }

.customer-workspace .collection-detail > [hidden] { display:none!important; }

.customer-profile-form textarea { font:inherit; }
.customer-logo-section { margin-top:24px; }
.customer-logo-section h3 { font-size:1rem; margin-bottom:4px; }
.customer-logo-section > p { font-size:.875rem; color:var(--muted); margin-bottom:16px; }
.customer-profile-form .customer-image-editor { align-items:stretch; gap:16px; }
.customer-logo-preview { width:156px; flex:none; padding:16px; border:1px solid var(--line); border-radius:5px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
.customer-logo-canvas { width:112px; height:112px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#fff; }
.customer-logo-canvas img { width:100%; height:100%; object-fit:contain; }
.customer-logo-canvas.is-cropped img { object-fit:cover; }
.customer-logo-initial { display:flex; align-items:center; justify-content:center; width:112px; height:112px; background:var(--paper); color:var(--signal-dark); font-size:2rem; font-weight:600; }
.customer-logo-choose { flex:1; padding:18px; border:1px solid var(--line); border-radius:5px; }
.customer-logo-choose > p { color:var(--muted); font-size:.875rem; margin:6px 0 16px; }
.customer-logo-choose .actions { flex-wrap:wrap; }
.customer-logo-crop { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; font-size:.8125rem; margin-top:16px; }
.customer-logo-crop label { display:flex; align-items:center; gap:8px; }
.customer-logo-library { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:300px; overflow:auto; margin-top:16px; padding:4px; }
.customer-logo-library > button { flex-direction:column; min-width:0; white-space:normal; overflow-wrap:anywhere; padding:12px; font-size:.8125rem; }
.customer-logo-library img { width:100%; height:80px; object-fit:contain; }
.customer-logo-library > p { grid-column:1/-1; }
@media(max-width:600px) { .customer-logo-preview { width:100%; flex-direction:row; justify-content:flex-start; }.customer-logo-choose { flex-basis:100%; }.customer-logo-library { grid-template-columns:repeat(2,minmax(0,1fr)); } }

.form-intro { padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid var(--line); color:var(--muted); line-height:1.6; }
.group-editor .field > small { font-size:.75rem; color:var(--muted); font-weight:400; line-height:1.5; }

/* Shared location details and pairing context. */
.location-summary{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:8px 0 18px;border-bottom:1px solid var(--line)}
.location-actions{margin:18px 0 26px}.location-players>h3{font-size:19px;margin:0 0 8px}.location-player{padding:20px 0;border-bottom:1px solid var(--line)}
.location-player>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.location-player h4{display:flex;gap:10px;align-items:center;margin:0 0 6px;font-size:16px}.location-player>header>div{min-width:0}.location-player h4{overflow-wrap:anywhere}
.location-attention{font-size:13px;color:#9b3b19;margin:12px 0}.location-screens{list-style:none;padding:0;margin:12px 0 0}.location-screens .fleet-row{padding-left:0;grid-template-columns:minmax(0,1fr);gap:6px}.location-screens .fleet-identity{min-width:0}.location-screens .fleet-chevron-space{display:none}.location-screens .fleet-row-content{padding-left:0}.location-screens .fleet-tiny-preview{width:112px;height:63px;flex-shrink:0}.location-screens .fleet-select{min-width:0}.location-screens .fleet-select strong{white-space:normal}.pairing-next{display:flex;align-items:center;gap:16px}.pairing-next>svg{flex-shrink:0}.pairing-next p{margin:0}

.layout-assignment-detail{display:grid;grid-template-columns:1fr 1fr minmax(0,1.4fr) auto;gap:20px;align-items:start;padding:18px;background:var(--paper);border:1px solid var(--line);margin:12px 0}.layout-assignment-detail>div{display:flex;flex-direction:column;gap:6px;min-width:0}.layout-assignment-detail small{overflow-wrap:anywhere}.layout-assignment-detail .muted{font-size:12px}.layout-assignment-detail>button{align-self:center}@media(max-width:900px){.layout-assignment-detail{grid-template-columns:1fr 1fr}}@media(max-width:560px){.layout-assignment-detail{grid-template-columns:1fr}}

.schedule-mode-note{background:#eee9df;border:1px solid var(--line);padding:20px 24px;margin:20px 0;border-radius:6px;line-height:1.6}.schedule-mode-note p{margin:6px 0 0}.schedule-mode-note button{margin-top:12px}

.player-help-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#eee9df;padding:24px;margin:24px 0}.player-help-panel h3{margin:0 0 8px;font-size:18px}.player-help-panel p{line-height:1.6;margin:0}.activity-range{display:flex;align-items:center;justify-content:space-between;gap:20px}.activity-range label{display:flex;gap:12px;align-items:center;white-space:nowrap}.player-settings-section{padding:24px 0;border-top:1px solid var(--line);margin-top:24px}.player-settings-section>h3{font-size:20px;margin:0 0 8px}.player-danger-settings{margin-top:24px;padding:18px 0;border-top:1px solid var(--line)}.player-danger-settings>summary{color:#a33e27;font-weight:600;cursor:pointer}.player-danger-settings p{font-size:13px}@media(max-width:700px){.player-help-panel{grid-template-columns:1fr}.activity-range{align-items:stretch;flex-direction:column}.activity-range label{flex-wrap:wrap}}

.screen-config-tabs{margin:0 0 22px}.screen-config-dialog [hidden]{display:none!important}.screen-config-dialog .assigned-layout-preview{position:relative;isolation:isolate;overflow:hidden}.assigned-layout-canvas{position:relative;overflow:hidden;contain:paint}.screen-config-dialog>form>footer{z-index:10;isolation:isolate;box-shadow:0 -8px 18px #2426240a}.screen-config-dialog>form>div[hidden]{display:none}.screen-action-create{display:flex;gap:16px;align-items:end;padding-top:18px;border-top:1px solid var(--line)}.screen-action-create label{display:grid;gap:8px;flex:1}.action-empty{padding:38px 18px}.action-empty strong{font-size:19px}.recovery-support{padding:0 24px;font-size:13px}.recovery-command-list>small{line-height:1.45}@media(max-width:620px){.screen-action-create{flex-wrap:wrap}.recovery-support{padding:0 18px}}

.content-customer-context{display:flex;align-items:center;gap:32px;background:#eee9df;padding:20px 24px;margin-bottom:20px}.content-customer-context>label{display:flex;align-items:center;gap:18px;font-weight:600}.content-customer-context>div{display:grid;gap:5px;border-left:1px solid var(--line);padding-left:24px}.content-customer-context small{color:var(--muted)}.content-library-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0}.add-content-menu{position:relative;z-index:5}.add-content-menu>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center}.add-content-menu>summary::-webkit-details-marker{display:none}.add-content-menu>div{position:absolute;top:100%;left:0;min-width:260px;background:#fff;border:1px solid var(--line);padding:8px;box-shadow:0 8px 22px #24262418;display:grid;gap:4px}.add-content-menu>div>a,.add-content-menu>div>button{padding:12px;text-align:left;justify-content:flex-start;white-space:nowrap;background:none;border:0;text-decoration:none;color:var(--ink)}.add-content-menu>div>a:hover,.add-content-menu>div>button:hover{background:#f5f0e7}.media-upload-panel{padding:20px;background:#eee9df;margin-bottom:24px}.media-upload-panel[hidden]{display:none}.media-usage{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.media-usage ul{padding-left:18px;font-size:13px}.media-inspector .preview img{object-fit:scale-down}.online-feed-help{padding:16px;background:#eee9df;margin:20px 0}.online-feed-help p{margin:6px 0}.document-steps{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:22px 0;border-block:1px solid var(--line);margin:30px 0}.document-steps li{display:flex;gap:12px;align-items:center}.document-steps li>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #999;border-radius:50%}.document-steps [aria-current]{font-weight:700}.document-steps [aria-current]>span{background:#f0642c;color:#fff;border-color:#f0642c}.document-drop{border:1px dashed #b9b4aa;border-radius:8px;text-align:center;padding:64px 24px;margin:30px 0}.document-drop>strong{font-size:24px}.document-import footer{flex-wrap:wrap}@media(max-width:700px){.content-customer-context{align-items:stretch;flex-direction:column;gap:16px}.content-customer-context>div{border:0;padding:0}.content-library-actions{align-items:start;flex-wrap:wrap}.document-steps{display:grid;grid-template-columns:1fr 1fr}.document-drop{padding:32px 18px}}
.cached-media-preview{position:relative}.cached-media-preview img{width:100%;height:100%;object-fit:contain}.cached-media-preview .preview-loading,.cached-media-preview .preview-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.cached-media-preview small{font-size:11px}.media-sizing-guidance{padding:12px;background:#f5f0e7;border:1px solid #e0d9ca;border-radius:6px;font-size:12px;line-height:1.5;margin:14px 0}.media-sizing-guidance p{margin:6px 0}.upload-preparation{padding:14px 0;border-top:1px solid #ddd8ce}.upload-preparation summary{font-size:13px;font-weight:650;cursor:pointer}.upload-preparation label{display:grid;gap:6px;max-width:460px;margin-top:14px}.upload-preparation p{max-width:850px;font-size:12px;line-height:1.6}.upload-progress>small{flex-basis:100%;font-size:12px}

/* Playlist and schedule workflow: shared summaries and focused editing. */
.playlist-target-summary{display:block;font-size:12px;color:var(--muted);margin-top:8px}.playlist-facts{display:flex;flex-wrap:wrap;gap:10px 16px;padding:10px 18px;font-size:12px;border-top:1px solid var(--line)}.playlist-list-open small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.content-actions-menu{position:relative;display:inline-block}.content-actions-menu>summary{list-style:none;cursor:pointer;padding:7px;border-radius:4px;display:flex;align-items:center;justify-content:center}.content-actions-menu>summary::-webkit-details-marker{display:none}.content-actions-menu[open]>summary{background:#e9e4da}.content-actions-menu>div{position:absolute;right:0;bottom:calc(100% + 5px);z-index:8;min-width:180px;padding:6px;display:grid;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 24px #24262420}.content-actions-menu>div button{justify-content:flex-start;border:0}.playlist-draft-preview{width:min(1000px,94vw);padding:24px}.playlist-draft-preview header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.playlist-preview-screen{position:relative;aspect-ratio:16/9;background:#242624;overflow:hidden}.playlist-preview-screen>img,.playlist-preview-screen>video{width:100%;height:100%;object-fit:contain}.schedule-browser{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.schedule-browser>.search{width:230px;flex-shrink:0}.schedule-choices{display:flex;overflow:auto;gap:8px;max-height:120px;flex:1}.schedule-choices>button{flex:0 0 170px;padding:12px 14px}.schedule-active-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.schedule-active-heading h2{margin:0}.schedule-active-heading button{font-size:12px}.schedule-behaviour-note{padding:10px 14px;background:#f1ede4;border-radius:5px;font-size:13px;margin:8px 0 16px}.schedule-edit-shell{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}.schedule-edit-shell>.schedule-edit-grid{min-width:0;grid-template-columns:170px minmax(0,1fr);gap:18px}.schedule-impact{background:#f5f2ec;padding:18px;border-radius:6px;font-size:13px}.schedule-impact h3{font-size:14px;margin:22px 0 12px}.schedule-impact p,.schedule-impact small{font-size:12px;color:var(--muted);line-height:1.5}.schedule-impact dl{display:grid;grid-template-columns:58px 1fr;gap:12px 6px}.schedule-impact dd{margin:0;overflow-wrap:anywhere}.schedule-impact dt{color:var(--muted)}.schedule-impact-note{border-top:1px solid var(--line);padding-top:14px}.schedule-editor>.schedule-save-footer{position:sticky;bottom:-24px;background:#fff;z-index:4;margin-top:20px;padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:12px}.schedule-save-footer>span{margin-right:auto;font-size:12px}.schedule-save-footer strong{color:#242624}.inline-slot-editor .schedule-edit-shell{display:block}
@media(max-width:1000px){.schedule-edit-shell{grid-template-columns:minmax(0,1fr)}.schedule-impact{display:none}}
@media(max-width:650px){.schedule-browser{display:block}.schedule-browser>.search{width:100%;margin-bottom:12px}.schedule-edit-shell>.schedule-edit-grid{grid-template-columns:1fr}.schedule-editor>.schedule-save-footer{bottom:-16px;flex-wrap:wrap}.schedule-save-footer>span{flex-basis:100%}}

dialog.schedule-editor-dialog{width:min(1120px,calc(100vw - 32px))}
/* Shared Settings surfaces: scope, saved state, connection history and next actions. */
.settings-content{min-width:0}.settings-policy{border:1px solid #dedcd6;padding:24px;background:#fff}.settings-policy>h3,.settings-webhook-examples>h3{margin:0 0 8px}.settings-policy>p{color:#686b65}.settings-facts dt small{display:block;font-size:12px;font-weight:400;color:#686b65;margin-top:6px;max-width:400px}.settings-facts dd{white-space:nowrap}.settings-save-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #dedcd6;padding-top:20px;margin-top:12px}.settings-save-row>span,.settings-save-row>small{font-size:13px;color:#496449}.standby-picker{border:0;padding:0;margin:6px 0 14px;min-width:0}.standby-picker legend{font-weight:650;font-size:14px}.standby-picker>p,.standby-picker>small{font-size:12px;color:#686b65}.standby-choices{display:flex;gap:10px;overflow:auto;padding:8px 2px 14px}.standby-choices>button{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:0 0 135px;text-align:left;border:1px solid #ddd8d0;background:white;border-radius:6px;padding:6px;white-space:normal}.standby-choices>button[aria-pressed=true]{border-color:#F0642C;outline:2px solid #F0642C;outline-offset:0}.standby-choices img,.standby-choices .preview{width:100%;height:74px;object-fit:contain;background:#242624;border-radius:3px}.standby-choices strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.standby-choices small{font-size:10px;color:#686b65}.settings-customer-directory{padding-bottom:16px;background:#f5f2eb}.settings-customer-directory .settings-toolbar,.settings-customer-rows{margin:0 20px}.settings-customer-directory input{max-width:280px}.settings-customer-rows>div{display:grid;grid-template-columns:minmax(130px,2fr) repeat(3,1fr);gap:12px;padding:13px 10px;background:white;border-top:1px solid #e6e1d9;font-size:13px}.settings-customer-rows span{color:#686b65}.settings-platform-links>a{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #dedcd6;text-decoration:none;color:#242624}.settings-platform-links>a>span:nth-child(2){flex:1}.settings-platform-links strong,.settings-platform-links small{display:block}.settings-platform-links small{font-size:12px;color:#686b65;line-height:1.5;margin-top:5px}.settings-platform-links>a>span:last-child{font-size:12px;color:#a6441a}.settings-client-instructions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-client-instructions>div,.settings-client-instructions>article{min-width:0;border:1px solid #e2ded7;padding:20px;background:#fff}.settings-client-instructions h3,.settings-client-instructions h4{margin:5px 0 9px}.settings-client-instructions p{font-size:13px;color:#686b65;line-height:1.6}.settings-client-instructions pre{font-size:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f2eb;padding:14px}.settings-client-instructions code{display:block;overflow-wrap:anywhere;margin:15px 0;font-size:12px}.permission-presets{border:0;padding:0;margin:20px 0}.permission-presets>label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e2ded7;border-bottom:0;cursor:pointer}.permission-presets>label:last-child{border-bottom:1px solid #e2ded7}.permission-presets input{width:auto;margin-top:3px}.permission-presets strong,.permission-presets small{display:block}.permission-presets small{font-size:12px;color:#686b65;margin-top:4px}.permission-presets legend{font-weight:650;font-size:14px;margin-bottom:10px}.settings-effect{padding:15px;background:#f5f0e7;border-left:3px solid #f0642c;margin:16px 0}.settings-effect strong{font-size:14px}.settings-effect p{font-size:13px;line-height:1.5;margin:6px 0 0}.settings-webhook-examples{margin:30px 0}.webhook-activity-group{margin:18px 0;border:1px solid #e2ded7}.webhook-activity-group>header{padding:15px;background:#f5f2eb;display:flex;justify-content:space-between;gap:16px}.webhook-activity-group h4{margin:0}.webhook-activity-group>header>span{font-size:12px;color:#686b65}.webhook-activity-group>.integration-connection{padding:15px;margin:0;border-bottom:1px solid #eee}.settings-empty .button{margin-top:12px}.settings-empty a:not(.button){display:inline-block;margin-left:16px}.ai-key-state small{display:block;font-size:12px;color:#686b65;margin-top:6px}.integration-endpoints .button{font-size:12px;padding:4px 10px}.integration-columns>div,.integration-columns>form{min-width:0}.le-placeholder{color:#f5f0e7}.settings-form .standby-picker{max-width:100%}
@media(max-width:800px){.settings-client-instructions{grid-template-columns:1fr}.settings-platform-links>a{align-items:flex-start;flex-wrap:wrap}.settings-platform-links>a>span:last-child{margin-left:36px}.settings-customer-rows>div{grid-template-columns:2fr 1fr}.settings-policy{padding:16px}.settings-facts dd{white-space:normal}.webhook-activity-group>header{flex-direction:column}}

.settings-document{margin:0;background:#faf8f3;color:#242624}.settings-document-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}.settings-document-nav{background:#242624;color:#f5f0e7;display:flex;flex-direction:column;padding:20px 12px;position:sticky;top:0;height:100vh;box-sizing:border-box}.settings-document-logo{padding:0 6px 24px;display:block}.settings-document-logo img{max-width:100%;object-fit:contain}.settings-document-nav nav{display:flex;flex-direction:column;gap:5px}.settings-document-nav nav a{display:flex;align-items:center;gap:14px;padding:13px 16px;color:#eae7df;text-decoration:none;font-size:13px;border-left:3px solid transparent}.settings-document-nav nav a[aria-current=page]{border-left-color:#f0642c;background:#353731;color:#fa996f}.settings-document-account{margin-top:auto;padding:18px 12px 0;border-top:1px solid #4b4e47;color:#f5f0e7;text-decoration:none;font-size:12px}.settings-document-account small{display:block;overflow-wrap:anywhere;margin-top:8px;color:#c4c5bc}.settings-document-shell>main{min-width:0;padding:24px 36px}.settings-document-shell h1{font-size:32px;margin:16px 0 24px;letter-spacing:-.04em}.settings-document-tabs{margin-bottom:30px;border-bottom:1px solid #dedcd6}.settings-document-tabs a{padding:12px 18px;text-decoration:none;color:#242624;font-size:14px}.settings-document-tabs .selected{border-bottom:3px solid #f0642c}.settings-document .settings-section-nav>a{display:block;padding:13px 15px;text-decoration:none;color:#42453f;font-size:13px}.settings-document .settings-section-nav>a[aria-current=page]{background:#f0ece3;border-left:3px solid #f0642c;font-weight:650}.settings-document-heading{border-bottom:1px solid #dedcd6;padding:0 0 22px;margin-bottom:24px}.settings-document-heading h2{margin:0 0 10px;font-size:24px;letter-spacing:-.035em}.settings-document-heading p{color:#686b65;font-size:14px;margin:0}.settings-document .settings-content{max-width:1120px}.account-identity dl{display:grid;gap:8px}.account-identity dt{font-weight:650;margin-top:12px}.account-identity dd{margin:0;color:#686b65}.account-access-section{border-top:1px solid #dedcd6;margin-top:32px;padding-top:20px}.settings-document h3{font-size:16px}.settings-document p{line-height:1.6}.billing-customer-heading{display:flex;justify-content:flex-end}.billing-customer-heading>.field{width:260px}.billing-plan-panel{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;background:#f2efe7;border:1px solid #e4dfd4;padding:24px}.billing-plan-facts{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:13px;line-height:1.5}.billing-plan-facts dt{color:#686b65}.billing-plan-facts dd{margin:0}.billing-usage{border-left:1px solid #dcd7cd;padding-left:24px}.billing-usage strong{font-size:42px}.billing-usage>span,.billing-usage p{font-size:13px;color:#686b65}.billing-actions{grid-column:1/-1;border-top:1px solid #dcd7cd;padding-top:12px}.billing-actions>.muted{font-size:12px}.billing-actions form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.billing-actions form label{max-width:230px}.billing-override,.billing-player-slots,.billing-hardware{padding:20px 24px;border:1px solid #e4dfd4;margin-top:18px;background:white}.billing-override h3,.billing-player-slots h3,.billing-hardware h3{margin:0}.billing-override p,.billing-player-slots>p,.billing-hardware p{font-size:13px;color:#686b65}.billing-override .settings-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.billing-override input,.billing-override select{width:100%}.billing-override input[type=checkbox]{width:auto}.billing-override input:disabled{background:#f1eee8;color:#6a6b65}.download-platform-picker{background:#f2efe7;padding:20px;margin-bottom:24px}.download-platform-picker h3{margin:0 0 6px}.download-platform-picker>p{font-size:13px;margin:0 0 18px;color:#686b65}.download-platform-picker>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.download-platform-picker button{display:flex;flex-direction:column;min-width:0;gap:12px;padding:18px 8px;min-height:110px;white-space:normal;font-size:12px;background:#fff}.download-platform-picker img{width:74px;height:40px;object-fit:contain}.download-platform-picker button[aria-pressed=true]{border-color:#f0642c;box-shadow:0 0 0 1px #f0642c}.download-selected-platform{display:flex;align-items:center;gap:20px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid #dedcd6}.download-selected-platform>img{width:70px;height:48px;object-fit:contain}.download-selected-platform h2{margin:0 0 6px}.download-selected-platform p,.download-selected-platform small{margin:3px 0;font-size:13px;color:#686b65}.download-history>div{display:flex;justify-content:space-between;padding:12px 0;gap:15px;border-bottom:1px solid #e4dfd4;font-size:13px}.download-history>a{display:block;margin-top:20px}.downloads-page .release-publisher{margin-top:32px;border-top:1px solid #dedcd6}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(440px,1fr)}.auth-form{padding:48px clamp(32px,5vw,90px)}.auth-form>div{max-width:480px}.auth-brand{padding:clamp(32px,5vw,80px)}
@media(max-width:1100px){.billing-override .settings-form-grid{grid-template-columns:1fr 1fr}.download-platform-picker>div{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-document-shell{grid-template-columns:170px minmax(0,1fr)}.settings-document-shell>main{padding:24px}.billing-plan-panel{grid-template-columns:minmax(0,1fr) 150px;gap:16px}.billing-usage{padding-left:16px}}
@media(max-width:800px){.settings-document-shell{display:block}.settings-document-nav{position:static;height:auto;padding:12px;display:block}.settings-document-logo{padding:0 0 12px}.settings-document-logo img{width:110px;height:auto}.settings-document-nav nav{display:flex;flex-direction:row;overflow:auto;gap:4px}.settings-document-nav nav a{padding:10px;white-space:nowrap}.settings-document-nav nav svg{display:none}.settings-document-account{display:none}.settings-document-shell>main{padding:20px 16px}.settings-document .settings-section-nav{overflow:auto;white-space:nowrap}.settings-document .settings-section-nav>a{flex-shrink:0}.billing-plan-panel{grid-template-columns:1fr}.billing-usage{border-left:0;border-top:1px solid #dcd7cd;padding:10px 0}.billing-override,.billing-player-slots,.billing-hardware{padding:16px}.auth-layout{grid-template-columns:1fr}.auth-form{padding:36px 24px}}
@media(max-width:480px){.billing-override .settings-form-grid{grid-template-columns:1fr}.billing-plan-facts{grid-template-columns:90px 1fr}.download-platform-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.download-platform-picker{padding:14px}.download-history>div{flex-wrap:wrap}}

/* Final Settings review: compact facts and permission detail. */
.settings-policy .settings-facts{display:block;margin-top:20px}.settings-policy .settings-facts>div{display:flex;align-items:center;justify-content:space-between;gap:24px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}.settings-policy .settings-facts dt,.settings-policy .settings-facts dd{border:0;padding:0;margin:0}.settings-policy .settings-facts dt{color:var(--ink);font-size:14px}.settings-policy .settings-facts dd{font-size:16px}.settings-customer-rows>.settings-customer-columns{background:none;padding-block:8px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.permission-review{margin:20px 0}.permission-review>summary{cursor:pointer;font-size:14px;padding:12px 0}.permission-review .permission-picker{margin-top:12px!important}.connection-list-section[hidden]{display:none}

/* Reference corrections: keep related controls together and reduce dead space. */
.schedule-browser{flex-direction:row;align-items:center;margin-bottom:16px;min-width:0}
.schedule-choices{min-width:0;max-height:88px}
.schedule-choices>button{padding:9px 12px;flex-basis:170px}
.timeline-toolbar{margin:10px 0 12px;gap:14px}
.schedule-behaviour-note{margin:8px 0 10px;padding:9px 12px;font-size:12px}
.timeline-options{margin-bottom:12px}
.player-schedule .schedule-mode-note{margin:14px 0 20px;padding:15px 18px}
.player-schedule .schedule-mode-note p{margin:6px 0 10px;font-size:13px;line-height:1.5}
.settings-content .integration-intro{padding-bottom:20px;margin-bottom:22px;gap:16px}
.settings-content .integration-intro h2{font-size:26px;margin-bottom:7px}
.settings-content .integration-intro p{font-size:14px}
.settings-content .integration-scope-note{margin:14px 0 20px}
.settings-workspace .integration-columns{gap:24px;margin-bottom:22px}
.settings-policy{padding:20px}
.settings-facts>div{padding-block:14px}
.settings-link-row{padding-block:18px}
.settings-platform-links img{object-fit:contain;flex:none;width:40px;height:32px}
.webhook-create .settings-disclosure-body>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 22px;max-width:none}
.webhook-create .settings-disclosure-body>form>.field{margin:0}
.webhook-create .settings-disclosure-body>form>.muted{font-size:12px;margin:0;line-height:1.55}
.webhook-create .settings-effect{margin:0}
.webhook-create .settings-disclosure-body>form>.primary{grid-column:1/-1;justify-self:start}
.auth-brand{justify-content:flex-start;gap:clamp(65px,11vh,130px)}
.auth-brand>div{max-width:520px}
.auth-symbol{right:-12%;top:auto;bottom:-12%;width:52%;height:52%;opacity:.8}
.auth-brand h1{font-size:clamp(44px,4.5vw,70px)}
.download-platform-picker{padding:16px;margin-bottom:18px}
.download-platform-picker button{min-height:90px;padding:13px 8px;gap:8px}
.download-selected-platform{margin:16px 0;padding-bottom:16px}
.billing-customer-heading{margin-top:-12px;margin-bottom:12px}
.billing-plan-panel{padding:20px;gap:18px}
.billing-plan-facts{gap:9px}
.media-library-page .content-library-actions{margin-block:14px}
.media-library-page .toolbar.media-toolbar{margin-block:12px;gap:10px}
.media-library-page .media-toolbar .search{flex-basis:180px}
@media(max-width:760px){.schedule-browser{align-items:stretch;flex-direction:column;gap:10px}.schedule-browser>.search{width:100%}.schedule-choices{width:100%}.settings-content .integration-intro h2{font-size:23px}.webhook-create .settings-disclosure-body>form{grid-template-columns:1fr}.auth-brand{gap:32px;min-height:320px}.auth-symbol{width:40%;height:65%;bottom:-18%}.auth-brand h1{font-size:44px}.billing-customer-heading{margin-top:0}}
@media(min-width:1000px){
 dialog.screen-config-dialog:has(.screen-form-content){width:min(940px,calc(100vw - 64px));height:fit-content;max-height:calc(100dvh - 48px)}
 .screen-config-dialog>.screen-form-content{display:grid;flex:0 1 auto;align-content:start;align-items:start;grid-auto-rows:max-content;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px 28px}
 .screen-form-content>.screen-config-tabs,.screen-form-content>footer,.screen-form-content>.error{grid-column:1/-1}
 .screen-form-content>.field,.screen-form-content>.button{grid-column:1}
 .screen-form-content>.screen-content-fields{display:contents}
 .screen-form-content .screen-layout-field,.screen-form-content .screen-content-fields>div{grid-column:1}
 .screen-form-content .assigned-layout-preview{grid-column:2;grid-row:2/7;align-self:start;margin:0;padding:16px;background:#f5f0e7}
 .screen-form-content .assigned-layout-preview .section-heading{flex-wrap:wrap;gap:12px}
 .screen-form-content .assigned-layout-preview h4{font-size:14px;margin:0 0 5px}
 .screen-form-content .assigned-layout-preview .muted{font-size:12px;line-height:1.5}
}

/* Canva consent — reuse the approved Signal sign-in layout. */
.canva-consent-body .canva-consent{max-width:480px;margin:auto}
.canva-consent-body .consent-intro{margin:16px 0 24px;color:var(--muted)}
.consent-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-block:1px solid var(--line)}
.consent-identity>div{min-width:0}.consent-identity span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.consent-identity strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.consent-identity .text-action{flex-shrink:0;white-space:nowrap;min-height:44px;font-size:12px}
.canva-consent-body .auth-form form{margin-top:24px}.consent-permissions h3{font-size:16px;margin:0 0 12px}.consent-permissions ul{padding-left:20px;margin:0}.consent-permissions li{padding-left:4px;margin:0 0 10px;font-size:14px;line-height:1.6}
.consent-scope{font-size:13px;padding-top:16px;border-top:1px solid var(--line);margin:20px 0 12px}.consent-note{font-size:13px;color:var(--muted);line-height:1.6}
#canva-status,#canva-error{font-size:14px;line-height:1.5}#canva-error{color:var(--signal-dark)}#canva-status:empty,#canva-error:empty{display:none}.canva-consent-body .auth-note{margin-top:18px;color:var(--muted)}
@media(max-width:800px){.canva-consent-body .auth-brand{min-height:240px}.canva-consent-body .auth-form{padding:28px 24px}.canva-consent-body .auth-form h2{font-size:28px}.consent-identity{gap:12px;flex-wrap:wrap}.consent-identity .text-action{padding-inline:0}.canva-consent-body .consent-intro{margin-bottom:18px}}
.canva-consent-body .consent-intro,.canva-consent-body .consent-scope{overflow-wrap:anywhere}

/* Dashboard reference 05: readable fleet scale without changing other workspaces. */
.fleet-setup-actions{display:flex;align-items:stretch;position:relative}
.fleet-setup-actions>.primary{border-radius:4px 0 0 4px;min-height:42px;padding:8px 18px;font-size:16px;line-height:24px}
.fleet-setup-menu>summary{width:42px;min-height:42px;border-radius:0 4px 4px 0;background:var(--signal);border-color:var(--signal);border-left-color:#24262433}
.fleet-setup-menu>summary:hover{background:#e85d27}
.fleet-overview-menu>summary:focus-visible{outline:2px solid var(--signal-dark);outline-offset:2px}
.fleet-overview-menu .fleet-menu-options{z-index:20;width:190px}
.fleet-overview-menu .fleet-menu-options>button{font-size:14px;min-height:42px}
.fleet-setup-menu .fleet-menu-options{width:144px;padding:4px;top:100%}
.fleet-setup-menu .fleet-menu-options>button{min-height:32px;padding:6px 12px;line-height:20px}
.fleet-group-actions{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}
.fleet-group-actions>.text-action{font-size:15px;padding:6px;white-space:nowrap;gap:8px}
.fleet-group-actions .fleet-overview-menu>summary{border:0;background:transparent;width:28px;min-height:36px;padding:4px}
.fleet-health-label{display:flex;align-items:center;gap:10px}
@media(min-width:761px){
 .dashboard-shell:not(.nav-compact){grid-template-columns:234px minmax(0,1fr)}
 .dashboard-shell:not(.nav-compact)>aside{width:234px;padding:27px 0 20px;overflow-y:auto}
 .dashboard-shell:not(.nav-compact)>aside>.brand{padding:0 30px 30px;flex-shrink:0}
 .dashboard-shell:not(.nav-compact)>aside>.brand img{width:148px;height:50px}
 .dashboard-shell:not(.nav-compact)>aside>nav{flex:0 0 auto;gap:7px;overflow:visible}
 .dashboard-shell:not(.nav-compact)>aside>nav button{font-size:17px;min-height:54px;padding:14px 32px;gap:20px}
 .dashboard-shell:not(.nav-compact)>aside>nav button svg{width:24px;height:24px;flex-shrink:0}
 .dashboard-shell:not(.nav-compact)>aside>nav .settings-link{margin-top:0}
 .dashboard-shell:not(.nav-compact)>aside .guide-nav-link{padding:20px 32px 8px;font-size:16px}
 .dashboard-shell:not(.nav-compact)>aside>.workspace-account{margin:12px 25px 0;padding-top:18px;font-size:16px}
 .dashboard-shell:not(.nav-compact)>aside>.workspace-account>small{font-size:14px;margin-top:6px}
 .dashboard-shell:not(.nav-compact)>aside>.nav-collapse{order:4;align-self:flex-end;margin:12px 24px 0;border:0;padding:4px;flex-shrink:0}
 .dashboard-shell>main{padding:16px 32px 40px 45px}
 .dashboard-shell>main>.page-header{margin-bottom:8px}
 .dashboard-shell>main>.page-header h1{font-size:40px;line-height:1.2}
 .dashboard-shell>main>.page-header>.actions{margin-top:-22px}
 .dashboard-shell .fleet-scope{font-size:16px;margin:-8px 0 16px;min-height:40px}
 .dashboard-shell .fleet-scope select{font-size:15px;min-height:40px;min-width:220px;padding:8px 16px}
 .dashboard-shell .fleet-health{gap:14px;margin-bottom:18px}
 .dashboard-shell .fleet-health-card{min-height:84px;padding:14px 22px;gap:8px 12px;border-radius:4px;line-height:1.2}
 .dashboard-shell .fleet-health-card>span:first-child{font-size:16px;font-weight:650}
 .dashboard-shell .fleet-health-card strong{font-size:24px}
 .dashboard-shell .fleet-health-card strong small{font-size:20px;line-height:1.1}
 .dashboard-shell .fleet-health-detail{font-size:16px;line-height:1.2}
 .dashboard-shell .fleet-health-label .fleet-light{width:11px;height:11px}
 .dashboard-shell .fleet-tools{gap:14px;margin-bottom:16px}
 .dashboard-shell .fleet-tools .search{min-height:42px}
 .dashboard-shell .fleet-tools .search input{font-size:15px;min-height:40px}
 .dashboard-shell .fleet-tools button{font-size:15px}
 .dashboard-shell .fleet-tools .tabs button{font-size:15px;min-height:42px;padding:8px 16px}
 .dashboard-shell .fleet-density{min-height:42px;padding-left:22px;margin-left:4px;border-left:1px solid var(--line)!important;border-radius:0;gap:10px}
 .dashboard-shell .fleet-column-head,.dashboard-shell .fleet-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
 .dashboard-shell .fleet-column-head{min-height:40px;font-size:16px;padding:8px 12px}
 .dashboard-shell .fleet-row{min-height:50px;padding:6px 12px}
 .dashboard-shell .fleet-identity{gap:14px;padding-left:calc(var(--depth,0)*24px)}
 .dashboard-shell .fleet-identity>svg{width:24px;height:24px}
 .dashboard-shell .fleet-select strong{font-size:16px;font-weight:650}
 .dashboard-shell .fleet-select small,.dashboard-shell .fleet-row small{font-size:14px}
 .dashboard-shell .fleet-select .customer-identity{gap:12px}
 .dashboard-shell .fleet-select .customer-identity img,.dashboard-shell .fleet-select .customer-initial{width:36px;height:36px;font-size:14px}
 .dashboard-shell .fleet-status-summary,.dashboard-shell .fleet-empty-health,.dashboard-shell .fleet-row-content,.dashboard-shell .fleet-row-content strong{font-size:16px}
 .dashboard-shell .fleet-status-summary{gap:8px 18px}
 .dashboard-shell .fleet-status-summary .status{font-size:inherit}
 .dashboard-shell .fleet-group:has(.fleet-chevron[aria-expanded="true"]){background:#f2eee6}
 .dashboard-shell .fleet-status-summary .status i{width:10px;height:10px}
 .dashboard-shell .fleet-list-footer{padding:14px 0}
 .dashboard-shell .fleet-list-footer small{font-size:14px}
 .dashboard-shell .fleet-dashboard.is-comfortable .fleet-row{min-height:70px;padding-block:14px}
}
@media(min-width:761px) and (max-width:1150px){
 .dashboard-shell>main{padding-inline:24px}
 .dashboard-shell .fleet-tools .search{flex-basis:100%}
 .dashboard-shell .fleet-health-card{padding:14px}
 .dashboard-shell .fleet-health-detail{font-size:14px}
 .dashboard-shell .fleet-column-head,.dashboard-shell .fleet-row{column-gap:16px}
 .dashboard-shell .fleet-group-actions{gap:4px}
 .dashboard-shell .fleet-group-actions>.text-action{font-size:14px}
}
@media(max-width:760px){
 .fleet-setup-actions>.primary{font-size:14px;padding-inline:12px}
 .fleet-group-actions{gap:8px}
 .fleet-group-actions>.text-action{font-size:13px}
}

/* Customer-owned brand profile. Product chrome stays SIGNAL. */
.customer-profile-dialog{width:min(1120px,94vw);max-width:1120px;padding:0;border-radius:16px;overflow:hidden}
.customer-profile-dialog>header{padding:24px 30px 8px;border:0}.customer-profile-dialog>header h2{font-size:24px}
.customer-profile-tabs{max-height:calc(90dvh - 80px);overflow:auto;padding:0 30px 24px}
.customer-profile-caption{color:#6a6d66;margin:0 0 20px;font-size:13px}
.customer-profile-tabs>nav{display:flex;gap:28px;border-bottom:1px solid #dedfd9;margin:0 -30px 24px;padding:0 30px}
.customer-profile-tabs>nav button{background:none;border:0;border-radius:0;padding:12px 0;color:#6a6d66;font-weight:600;border-bottom:3px solid transparent}
.customer-profile-tabs>nav button.active{color:#c54413;border-bottom-color:#F0642C}
.customer-profile-dialog .customer-profile-form{max-width:760px;margin:auto}.customer-profile-dialog .customer-profile-form>p{margin-top:0}
.brand-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.brand-heading h3{font-size:22px;margin:0 0 7px}.brand-heading p{margin:0;color:#6a6d66;font-size:14px}.brand-save-state{display:flex;align-items:center;gap:5px;font-size:12px;color:#6a6d66;white-space:nowrap}
.brand-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:34px}.brand-fields>section{margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid #e8e8e2}.customer-brand-form h4{margin:0 0 15px;font-size:15px;font-weight:650}.brand-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.brand-logo-item{min-width:0}.brand-logo-tile{display:grid;place-items:center;width:100%;height:105px;border:1px solid #dddeda;border-radius:9px;background:#f8f8f5;color:#92968c;padding:15px}.brand-logo-tile.on-dark{background:#242624}.brand-logo-item.selected .brand-logo-tile{outline:2px solid #F0642C;outline-offset:2px}.brand-logo-tile img{max-width:100%;max-height:75px;object-fit:contain}.brand-logo-item>div{display:flex;align-items:center;gap:5px;margin-top:10px;flex-wrap:wrap}.brand-logo-item strong{font-size:12px}.brand-logo-item small{font-size:10px;padding:3px 5px;background:#f5eee4;color:#61584b;border-radius:4px}.brand-logo-item>div>button{margin-left:auto;border:0;background:none;padding:3px}.brand-help{display:block;color:#6a6d66;font-size:12px;line-height:1.5;margin:10px 0 0}.brand-fields .actions{gap:9px;flex-wrap:wrap}.brand-fields .button{font-size:12px;gap:6px;padding:9px 12px}.brand-fields .text-action{font-size:12px;margin-top:10px}.brand-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-colours .le-colour-field{font-size:12px;min-width:0}.brand-colours .le-colour-field>span{display:flex;align-items:center;border:1px solid #dddeda;border-radius:7px;padding:5px;background:white;gap:6px}.brand-colours .le-colour-field input[type=color]{width:28px;height:28px;flex:none;padding:0;border:0;background:none}.brand-colours .le-colour-field input[type=text]{width:100%;min-width:0;padding:0;border:0;font-size:11px;font-family:monospace;background:none}.brand-extra-colour{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:12px}.brand-extra-colour>input{min-width:0}.brand-typography{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brand-typography>div{display:flex;gap:8px}.brand-typography label{display:flex;flex-direction:column;gap:7px;font-size:12px;flex:1;min-width:0}.brand-typography select{width:100%;font-size:12px;padding:9px 7px}.brand-font-weight{max-width:80px}.brand-aside>section{border:1px solid #e1e2db;border-radius:12px;padding:18px;margin-bottom:20px}.brand-content-preview{aspect-ratio:16/10;border-radius:8px;overflow:hidden;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative}.brand-content-preview>div{display:flex;align-items:center;gap:12px}.brand-content-preview img{max-width:70px;height:40px;object-fit:contain}.brand-content-preview small{font-size:11px;line-height:1.3}.brand-content-preview>strong{font-size:clamp(22px,2.4vw,32px);line-height:1.12;margin:auto 0 0;position:relative}.brand-preview-monogram{font-size:30px;font-weight:800}.brand-preview-rule{height:3px;width:34px;display:block}.brand-content-preview>span:last-child{font-size:11px}.brand-ai-panel{background:#fafaf7}.brand-ai-panel h4{display:flex;align-items:center;gap:8px}.brand-ai-toggle{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4}.brand-ai-toggle input{accent-color:#F0642C;margin-top:3px;width:17px;height:17px;flex:none}.brand-ai-panel p{font-size:12px;color:#63675f;line-height:1.6}.brand-ai-panel p:last-of-type{display:flex;gap:9px;color:#363a32}.brand-ai-panel p svg{flex:none;margin-top:2px}.brand-ai-panel>small{font-size:11px;color:#6a6d66}.customer-brand-form>footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid #e1e2db;padding-top:20px}.customer-brand-form>footer>span{margin-right:auto;font-size:12px;color:#6a6d66;max-width:320px}.brand-notice{display:flex;gap:8px;align-items:center;background:#edf4eb;border-radius:8px;padding:12px;font-size:13px}.brand-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:230px;overflow:auto;gap:10px;background:#f8f8f5;border-radius:8px;padding:12px;margin-top:12px}.brand-library button{min-width:0;border:1px solid #dddeda;background:white;padding:9px;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:11px}.brand-library img{height:60px;max-width:100%;object-fit:contain}.brand-library span{word-break:break-word}.brand-font-upload{background:#f5f5f0;border-radius:8px;padding:14px;margin-top:12px;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.brand-font-upload small{flex-basis:100%;color:#6a6d66}.brand-font-list>div{display:flex;align-items:center;gap:12px;font-size:12px;border-bottom:1px solid #eee;padding:8px 0}.brand-font-list small{margin-left:auto}.brand-loading{padding:35px;text-align:center}.le-brand-tools{padding:12px;background:#f6f2e9;border:1px solid #e2dccc;border-radius:8px;margin-bottom:14px}.le-brand-tools>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.le-brand-tools h4{font-size:13px;margin:0 0 10px}.le-brand-tools button{font-size:12px}.le-brand-swatch{width:26px;height:26px;border:1px solid #aaa;border-radius:50%;padding:0}.le-brand-tools small{display:block;font-size:11px;margin-top:8px;line-height:1.5;color:#686c61}
@media(max-width:820px){.brand-columns{grid-template-columns:1fr}.brand-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brand-aside>section{margin:0}.brand-heading{align-items:flex-start}.brand-save-state{white-space:normal}.brand-content-preview>strong{font-size:24px}.customer-brand-form>footer{flex-wrap:wrap}.customer-brand-form>footer>span{flex-basis:100%;max-width:none}.brand-colours{gap:8px}}
@media(max-width:560px){.customer-profile-tabs{padding:0 18px 20px}.customer-profile-dialog>header{padding:20px 18px 8px}.brand-aside{grid-template-columns:1fr}.brand-typography{grid-template-columns:1fr}.brand-logo-grid{gap:9px}.brand-logo-tile{height:90px;padding:10px}.brand-colours{grid-template-columns:1fr}.brand-colours .le-colour-field>span{max-width:180px}.brand-heading{flex-direction:column;gap:10px}.brand-content-preview{min-height:220px}.brand-content-preview>strong{font-size:32px}.brand-logo-item small{display:none}}

@font-face{font-family:Inter;src:url("/fonts/inter.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Serif";src:url("/fonts/noto-serif.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("/fonts/roboto-mono.woff2") format("woff2");font-weight:400 700;font-display:swap}

fieldset.brand-columns{border:0;padding:0;margin:0;min-width:0}

.brand-website{display:flex;align-items:end;gap:12px;margin-bottom:12px}.brand-website label{font-size:12px;display:flex;flex:1;flex-direction:column;gap:7px}.brand-website input{width:100%}.brand-website button{font-size:12px}.brand-source{font-size:12px;color:#666b61;margin:0 0 22px}.brand-source a{color:inherit;text-decoration:underline}@media(max-width:560px){.brand-website{flex-direction:column;align-items:stretch}}

/* Keep the brand profile compact; shared form gaps otherwise double its section spacing. */
dialog.customer-profile-dialog[open]{display:flex;flex-direction:column;max-height:94dvh}
.customer-profile-dialog>header{margin:0;flex:none;padding:20px 24px 4px}
.customer-profile-dialog>header h2{font-size:20px;line-height:1.3;margin:0}
.customer-profile-tabs{flex:1;min-height:0;max-height:none;padding:0 24px;overscroll-behavior:contain}
.customer-profile-caption{margin:0 0 8px}
.customer-profile-tabs>nav{margin:0 -24px 18px;padding:0 24px}
.customer-profile-tabs>nav button[aria-pressed=true]{background:none;color:#242624;box-shadow:none}
.customer-brand-form{display:block;gap:0}
.customer-brand-form .brand-heading{margin-bottom:18px}
.customer-brand-form .brand-notice,.customer-brand-form>.error{margin:0 0 14px}
.customer-brand-form .brand-fields>section{margin-bottom:18px;padding-bottom:18px}
.customer-brand-form .brand-logo-tile{height:86px}
.customer-brand-form .brand-logo-tile img{max-height:58px}
.customer-brand-form>footer{position:sticky;bottom:0;background:#fff;padding:14px 0;margin:0;z-index:2}
@media(max-width:560px){.customer-profile-tabs{padding:0 18px}.customer-profile-dialog>header{padding:18px 18px 4px}.customer-profile-tabs>nav{margin:0 -18px 18px;padding:0 18px}.customer-brand-form>footer>span{display:none}}

.customer-profile-tabs>nav button.active{background:transparent!important}
.brand-logo-item .brand-logo-tile[aria-pressed=true]{background:#f8f8f5;box-shadow:none}
.brand-logo-item .brand-logo-tile.on-dark[aria-pressed=true]{background:#242624}
.brand-content-preview img{max-width:140px;height:40px}.brand-content-preview:has(img)>div{flex-wrap:wrap;gap:6px 12px}
/* Allow each brand column to shrink inside a narrow dialog. */
.brand-columns>*,.brand-aside>section{min-width:0}
@media(max-width:820px){fieldset.brand-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.brand-aside{grid-template-columns:minmax(0,1fr)}.brand-help{overflow-wrap:anywhere}}
@media(max-width:560px){.brand-content-preview{width:100%;aspect-ratio:auto}}

.player-wifi h3{display:flex;gap:8px;align-items:center}.wifi-network-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line,#dedad2)}.wifi-network-row small,.player-wifi>small{display:block;margin-top:5px}.wifi-edit{display:grid;gap:12px;margin:16px 0;padding:16px;background:#f5f0e7;border:1px solid #dedad2}.wifi-edit label{display:grid;gap:6px}.wifi-command-status{margin:14px 0;padding:12px;border-left:3px solid #f0642c}.player-wifi>.text-action{margin-top:12px}@media(max-width:600px){.wifi-network-row{align-items:flex-start;flex-direction:column}}

/* Name editing stays beside the player or connected screen it affects. */
.player-detail-header>div:first-child{min-width:0}
.player-name-heading,.screen-content-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.player-name-heading h1,.screen-content-heading h3{margin:0;overflow-wrap:anywhere;min-width:0}
.player-name-heading>.text-action,.screen-content-heading>.text-action{flex-shrink:0;font-size:.875rem;min-height:36px}
.screen-content-heading{justify-content:space-between;margin-bottom:14px}
.screen-name-value>span{display:block}
.screen-name-value>.text-action{font-size:.8125rem;min-height:32px;padding:4px 0;gap:6px;text-align:left;justify-content:flex-start}
.rename-dialog{width:min(440px,calc(100vw - 32px))}
.rename-dialog form>.actions{justify-content:flex-end;margin:22px 0 0}

/* Approved compact playlist editor: metadata left, centred actions right. */
.playlist-editor{gap:0}
.playlist-editor>.playlist-editor-heading{align-items:center;gap:16px;margin:0;padding-bottom:18px;flex-shrink:0}
.playlist-heading-copy{min-width:0}
.playlist-title-row{display:flex;align-items:center;gap:8px}
.playlist-title-row h2{margin:0;font-size:1.35rem;line-height:1.3;overflow-wrap:anywhere}
.playlist-title-row>.playlist-rename{padding:5px;min-height:32px;min-width:32px;border:0;background:transparent;flex-shrink:0}
.playlist-editor-heading>.actions{align-self:center;align-items:center;justify-content:flex-end;gap:8px;margin:0;flex-shrink:0}
.playlist-editor-heading>.actions button{white-space:nowrap;font-size:.8125rem;min-height:38px;padding:8px 12px}
.playlist-editor .playlist-editor-identity{gap:6px 12px;margin-top:6px;color:var(--muted);font-size:.75rem;line-height:1.5}
.playlist-editor-identity>span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.playlist-editor-identity svg{flex-shrink:0}
.playlist-editor-identity>.playlist-meta-customer{overflow-wrap:anywhere}
.playlist-editor>.field{margin-bottom:16px}
.playlist-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-block:1px solid var(--line);flex-shrink:0}
.playlist-list-toolbar .playlist-order-help{margin:0;font-size:.8125rem}
.playlist-random-control{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.playlist-random-control .checkbox{white-space:nowrap;gap:7px;font-size:.8125rem}
.playlist-order-info{position:relative}
.playlist-order-info>summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;min-width:26px;min-height:28px;color:var(--muted)}
.playlist-order-info>summary::-webkit-details-marker{display:none}
.playlist-order-info>p{position:absolute;right:0;top:100%;z-index:5;width:min(285px,calc(100vw - 64px));padding:12px;margin:6px 0 0;border:1px solid var(--line);border-radius:4px;background:#fffdf9;box-shadow:0 5px 18px #2426241a;font-size:.8125rem;line-height:1.5}
.playlist-editor .playlist-items li{padding:10px 0}
.playlist-editor .playlist-items .preview{width:104px;height:64px}
.playlist-editor .playlist-item-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.playlist-editor .playlist-duration{width:142px}
.playlist-editor>.playlist-save-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fffdf9;padding:16px 0}
.playlist-publish-summary{flex:1 1 280px;min-width:0;font-size:.75rem;color:var(--muted);line-height:1.5}
.playlist-publish-summary .playlist-target-summary{margin:0;font-size:inherit;overflow-wrap:anywhere}
.playlist-publish-summary p{margin:2px 0 0;font-size:inherit}
.playlist-save-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto}
.playlist-save-actions>.checkbox{font-size:.8125rem;gap:8px}
.playlist-save-actions>.actions{justify-content:flex-end;margin:0}
@media(max-width:760px){
  .playlist-editor>.playlist-editor-heading{align-items:flex-start;padding-bottom:14px}
  .playlist-editor-heading>.actions{justify-content:flex-start;flex-wrap:wrap;width:100%;min-width:0;flex-basis:100%}
  .playlist-list-toolbar{flex-wrap:wrap;gap:5px 12px}
  .playlist-editor .playlist-items li{display:grid;grid-template-columns:34px 80px minmax(0,1fr);gap:8px}
  .playlist-editor .playlist-items .preview{width:80px;height:50px}
  .playlist-editor .playlist-duration{grid-column:1 / 3;width:auto;margin:0}
  .playlist-editor .playlist-items .actions{margin-left:auto}
  .playlist-editor>.playlist-save-footer{align-items:flex-end;gap:10px}
  .playlist-publish-summary{flex-basis:100%}
  .playlist-save-actions{max-width:100%}
}

.player-name-heading .fleet-menu-options{left:0;right:auto}
.fleet-player-controls>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.fleet-player-controls>header h3{margin:0}
.fleet-menu-options>button.danger{border-top:1px solid var(--line);margin-top:4px;border-radius:0}

/* Player maintenance and CEC power controls reuse the settings form spacing. */
.maintenance-settings .check,.tv-power-settings .check{display:flex;align-items:center;gap:8px;margin:12px 0;line-height:1.5}
.maintenance-settings input[type=checkbox],.tv-power-settings input[type=checkbox]{width:auto;flex:0 0 auto}
.maintenance-fields{border:0;padding:0;margin:20px 0}
.maintenance-fields>legend{font-weight:600;padding:0;margin-bottom:12px}
.maintenance-fields fieldset,.tv-power-settings fieldset{border:0;padding:0;margin:18px 0}
.maintenance-fields fieldset>legend,.tv-power-settings fieldset>legend{padding:0;margin-bottom:8px}
.maintenance-settings .actions button[aria-pressed=true],.tv-power-settings .actions button[aria-pressed=true]{background:#f5f0e7;border-color:#f0642c;box-shadow:inset 0 0 0 1px #f0642c}
.maintenance-settings .settings-save-row,.tv-power-settings .settings-save-row{flex-wrap:wrap;gap:12px}
.maintenance-settings .form-grid,.tv-power-settings .form-grid{margin:16px 0}

/* Hallmark · component: TV power form · theme: owner-approved Signal
 * Pre-emit critique: P4 H5 E4 S5 R4 V4. States: default, hover, focus, active, disabled, loading, error, success. */
.tv-power-settings{min-width:0}
.tv-power-settings .cec-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.cec-heading>div{min-width:0}
.cec-heading-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:var(--ink);color:var(--signal);border-radius:3px}
.tv-power-settings .cec-heading h3{font-size:22px;line-height:1.15;letter-spacing:-.035em;font-weight:750;font-style:normal;margin:0;min-width:0;overflow-wrap:anywhere}
.tv-power-settings .cec-heading p{font-size:13px;line-height:1.4;color:var(--muted);margin:5px 0 0}
.cec-enable{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:22px;cursor:pointer;min-height:74px}
.cec-enable strong{display:block;font-size:14px;font-weight:650}
.cec-enable small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.cec-switch{position:relative;display:block;flex:0 0 52px;width:52px;min-height:44px;padding:7px 0}
.cec-switch-track{display:block;width:52px;height:30px;border:1px solid var(--ink);border-radius:30px;background:var(--paper);transition:background-color .15s ease}
.cec-switch-track>span{display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:var(--ink);transition:transform .15s ease}
.cec-switch input:checked+.cec-switch-track{background:var(--signal)}
.cec-switch input:checked+.cec-switch-track>span{transform:translateX(22px)}
.cec-switch input:focus-visible+.cec-switch-track,.cec-switch.is-focus .cec-switch-track{outline:3px solid var(--signal-dark);outline-offset:3px}
.cec-switch input:disabled+.cec-switch-track{opacity:.5;cursor:not-allowed}
.cec-switch input:active:not(:disabled)+.cec-switch-track{box-shadow:inset 0 0 0 1px var(--ink)}
.cec-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cec-time{display:flex;flex-direction:column;min-width:0;padding:20px;border-radius:3px}
.cec-time-wake{background:var(--signal);color:var(--ink)}
.cec-time-standby{background:var(--ink);color:var(--paper)}
.cec-time-label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;line-height:1.5}
.cec-time-label svg{flex-shrink:0}
.tv-power-settings .cec-time input{width:100%;min-width:0;min-height:58px;margin:14px 0 8px;padding:6px 0;border:1px solid transparent;border-bottom-color:currentColor;border-radius:0;background:transparent;color:inherit;font-size:clamp(25px,3vw,34px);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.25;letter-spacing:-.035em}
.cec-time-wake input{color-scheme:light}
.cec-time-standby input{color-scheme:dark}
.cec-time input:focus-visible,.cec-time.is-focus input{outline:2px solid currentColor;outline-offset:3px}
.cec-time input:disabled{opacity:.55;cursor:not-allowed}
.cec-time-caption{font-size:12px;line-height:1.5}
.cec-time-standby .cec-time-caption{color:var(--cec-inverse-muted)}
.tv-power-settings .cec-time-help{font-size:12px;color:var(--muted);margin:9px 0 20px}
.tv-power-settings .cec-days{margin:22px 0}
.cec-days legend{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650}
.tv-power-settings .cec-days .actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tv-power-settings .cec-days button{min-width:44px;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:3px;background:var(--cec-surface);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:none}
.tv-power-settings .cec-days button[aria-pressed=true]{border-color:var(--ink);background:var(--signal);color:var(--ink);box-shadow:none}
.cec-connection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.cec-connection-fields .field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600}
.cec-connection-fields input,.cec-connection-fields select{width:100%;min-width:0;min-height:44px;font-size:13px;font-weight:400;background:var(--cec-surface)}
.cec-connection-fields small{font-size:12px;font-weight:400;color:var(--muted)}
.tv-power-settings .cec-power-note{font-size:12px;color:var(--muted);margin:18px 0 12px}
.cec-limits{font-size:12px;color:var(--muted);margin-bottom:20px}
.cec-limits summary{width:fit-content;min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--signal-dark);font-weight:550}
.tv-power-settings .cec-limits p{font-size:12px;margin:5px 0 12px;line-height:1.6}
.tv-power-settings .settings-save-row{align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.tv-power-settings .cec-save{min-height:44px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:650;white-space:nowrap}
.tv-power-settings .cec-save:disabled{background:var(--paper);color:var(--muted);border-color:var(--line);cursor:not-allowed}
.tv-power-settings .cec-save[aria-busy=true]{background:var(--ink);color:var(--paper);cursor:progress}
.cec-success,.cec-error,.cec-warning{display:flex;align-items:flex-start;gap:8px;font-size:12px}
.tv-power-settings .settings-save-row .cec-success{color:var(--cec-positive)}
.cec-error,.cec-warning{color:var(--cec-negative)}
.cec-error svg,.cec-warning svg,.cec-success svg{flex-shrink:0;margin-top:2px}
.tv-power-settings[data-state=error] .cec-enable{border-bottom-color:var(--cec-negative)}
.tv-power-settings[data-state=success] .cec-save{border-color:var(--cec-positive)}
.cec-latest{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
@media(hover:hover){
 .cec-switch:hover .cec-switch-track,.cec-switch.is-hover .cec-switch-track{box-shadow:inset 0 0 0 1px var(--ink)}
 .cec-time input:hover:not(:disabled){background:color-mix(in srgb,currentColor 5%,transparent)}
 .cec-connection-fields input:hover:not(:disabled),.cec-connection-fields select:hover:not(:disabled){background:var(--paper)}
 .tv-power-settings .cec-days button:hover:not(:disabled){background:var(--paper)}
 .tv-power-settings .cec-days button[aria-pressed=true]:hover:not(:disabled){background:var(--signal)}
 .tv-power-settings .cec-save:hover:not(:disabled){background:var(--signal);color:var(--ink)}
}
@media(max-width:480px){
 .cec-times,.cec-connection-fields{grid-template-columns:minmax(0,1fr)}
 .cec-time{padding:18px}
 .cec-enable{gap:12px}
 .tv-power-settings .cec-heading h3{font-size:20px}
 .cec-limits summary{font-size:11px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.cec-switch-track,.cec-switch-track>span{transition:none}}
/* Shared guide cards and setup illustrations, using the existing Signal palette. */
.guide-art{--tile:240px;--art-x:0px;--art-y:0px;height:var(--tile);background:#f5f0e7;overflow:hidden}.guide-art:before{content:"";display:block;width:var(--tile);max-width:100%;height:100%;margin-inline:auto;background-image:url('/public/guide-art.png');background-repeat:no-repeat;background-size:calc(var(--tile)*3) calc(var(--tile)*2);background-position:calc(50% + var(--art-x)) var(--art-y)}
.guide-art-connect{--art-x:var(--tile)}.guide-art-canva{--art-x:0px}.guide-art-playlist{--art-x:calc(var(--tile)*-1)}.guide-art-schedule{--art-x:var(--tile);--art-y:calc(var(--tile)*-1)}.guide-art-media{--art-x:0px;--art-y:calc(var(--tile)*-1)}.guide-art-help{--art-x:calc(var(--tile)*-1);--art-y:calc(var(--tile)*-1)}
.guides-home,.walkthrough{padding-block:56px 72px}.guides-home h1{font-size:clamp(2.5rem,4.4vw,4rem);max-width:900px}.guides-home>.intro{margin-top:22px;max-width:650px}.guide-start{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;border:1px solid var(--line);background:#fff;margin-block:36px;padding:28px 36px}.guide-start .guide-art{--tile:280px}.guide-start h2,.guide-start h3{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 16px;letter-spacing:-.035em}.guide-start p{margin:0 0 22px}.guide-start .eyebrow,.guide-start .guide-eyebrow{margin-bottom:14px}.guide-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:36px 0 22px}.guide-section-title h2{font-size:clamp(1.5rem,2.3vw,2rem)}.guide-section-title a{font-size:.9rem;white-space:nowrap}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:#fff;transition:border-color .15s,transform .15s;min-width:0}.guide-card:hover{border-color:#a83b12;transform:translateY(-3px);color:var(--ink)}.guide-card:focus-visible{outline:3px solid #a83b12;outline-offset:4px}.guide-card-copy{padding:22px;display:flex;flex:1;flex-direction:column}.guide-card h3{font-size:1.25rem;letter-spacing:-.025em;margin:0 0 10px;line-height:1.2}.guide-card p{font-size:.95rem;margin:0 0 22px;color:#62675f;line-height:1.5}.guide-card-copy>span{margin-top:auto;display:flex;justify-content:space-between;color:#a83b12;font-size:.85rem;font-weight:650}.guide-caption{font-size:.8rem;margin-top:24px}.walkthrough>a{display:inline-block;margin-bottom:28px}.walkthrough-heading{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center;padding-bottom:32px;border-bottom:1px solid var(--line)}.walkthrough-heading h1{font-size:clamp(2.3rem,4vw,3.8rem);margin-bottom:20px}.walkthrough-heading .eyebrow{margin-bottom:14px}.walkthrough-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;margin-top:40px}.guide-steps{list-style:none;counter-reset:guide-step;padding:0;margin:0}.guide-steps>li{counter-increment:guide-step;padding:0 0 32px 55px;position:relative;margin:0 0 30px;border-bottom:1px solid var(--line)}.guide-steps>li:before{content:counter(guide-step);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;background:#f0642c;color:#242624;font-weight:700}.guide-steps h2{font-size:1.35rem;margin:0 0 12px;letter-spacing:-.025em}.guide-steps p{line-height:1.8}.guide-tip{background:#fff;border:1px solid var(--line);padding:24px;align-self:start}.guide-tip p{font-size:.95rem}.guide-tip .button{margin-top:24px;width:100%;gap:12px}.guide-next{display:flex;align-items:baseline;justify-content:space-between;border-top:2px solid var(--ink);padding-top:24px;gap:24px}.guide-next h2{font-size:1.5rem}
.first-screen{margin-bottom:32px}.first-screen>h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 14px}.first-screen>p{color:var(--muted);margin:0 0 12px}.first-screen .guide-eyebrow{color:#a83b12;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:650}.first-screen .guide-start{margin-block:26px}.first-screen .guide-start p{color:var(--muted)}.first-screen .guide-start .guide-eyebrow{color:#a83b12}.onboarding-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.onboarding-actions button{min-height:46px}.onboarding-actions a,.first-screen a:not(.guide-card){color:#a83b12}.onboarding-progress{list-style:none;display:flex;padding:0;margin:0 0 38px;gap:30px;justify-content:space-between}.onboarding-progress li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--muted)}.onboarding-progress li>span:first-child{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--line);border-radius:50%}.onboarding-progress .current{color:var(--ink);font-weight:650}.onboarding-progress .current>span:first-child{background:#f0642c;border-color:#f0642c}.onboarding-progress .done>span:first-child{background:#edf4ee;color:#24693a;border-color:#24693a}.first-screen .guide-art{--tile:200px}.first-screen .guide-start .guide-art{--tile:260px}.first-screen .guide-section-title h3{font-size:1.2rem;margin:0}.setup-guide-toggle{margin-bottom:16px}.guide-nav-link{display:flex;align-items:center;gap:12px;color:#f5f0e7;text-decoration:none;padding:12px 16px;font-size:.9rem}.guide-nav-link:hover{color:#fff;text-decoration:underline}
@media(min-width:761px) and (max-width:1100px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-start{padding:24px}.walkthrough-body{gap:32px;grid-template-columns:minmax(0,1fr) 240px}.site-header nav{gap:16px}}
@media(max-width:760px){.guide-start{grid-template-columns:1fr;padding:24px;gap:8px}.guide-start .guide-art{--tile:220px}.guide-grid{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center}.guide-card .guide-art{--tile:128px}.guide-card-copy{padding:18px 14px}.guide-card h3{font-size:1.08rem}.guide-card p{font-size:.85rem;margin-bottom:14px}.guide-section-title{align-items:start;flex-direction:column;gap:12px}.walkthrough-heading{grid-template-columns:1fr;gap:18px}.walkthrough-heading .guide-art{--tile:220px}.walkthrough-body{grid-template-columns:1fr;gap:12px}.guide-next{align-items:start;flex-direction:column}.onboarding-progress{flex-direction:column;gap:12px}.first-screen .guide-start .guide-art{--tile:220px}.first-screen .guide-card .guide-art{--tile:128px}.guides-home,.walkthrough{padding-top:32px}.guide-steps>li{padding-left:44px}.site-header nav{flex-wrap:wrap}.guide-start .button{max-width:100%;gap:10px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}

/* Give each instruction and its real controls room to read. */
.walkthrough-body{display:block}.guide-steps>li{padding-block:12px 36px;margin-bottom:30px}.guide-step-copy{max-width:700px}.guide-steps>li.has-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:start}.guide-steps>li:before{top:12px}.guide-shot{margin:0;background:#fff;border:1px solid var(--line);padding:22px;min-width:0}.guide-shot>a{display:block;text-align:center}.guide-shot img{display:block;width:100%;max-width:100%;height:auto;margin:auto}.guide-shot-narrow img{max-width:360px}.guide-shot a:focus-visible{outline:3px solid #a83b12;outline-offset:6px}.guide-shot figcaption{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:.85rem;line-height:1.6;color:#62675f}.guide-shot figcaption span{display:block;color:#a83b12;font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.guide-tip{display:grid;grid-template-columns:1fr auto;gap:12px 32px;margin-bottom:40px}.guide-tip .eyebrow{grid-column:1/-1;margin:0}.guide-tip p{margin:0}.guide-tip .button{margin:0;width:auto;align-self:center}.guide-next{margin-top:32px}
@media(max-width:760px){.guide-steps>li.has-visual{grid-template-columns:1fr;gap:20px}.guide-shot{margin-left:-44px;padding:18px}.guide-tip{display:block}.guide-tip p{margin-bottom:18px}.guide-tip .button{width:100%}}

/* Owner-approved Canva listing artwork is shared by public and dashboard guides. */
.guide-art-canva:before{width:100%;background-image:url("/public/canva-featured.png?v=watermark-1");background-size:contain;background-position:center}

.guide-contents{margin-top:28px;padding:22px 26px;border:1px solid var(--line);background:#fff}.guide-contents ol{columns:2;column-gap:40px;margin:12px 0 0;padding-left:22px}.guide-contents li{break-inside:avoid;padding:5px 0;line-height:1.5}.guide-contents a{color:inherit;text-underline-offset:3px}.guide-steps>li{scroll-margin-top:100px}.guide-step-copy code{font-size:.85em;overflow-wrap:anywhere;white-space:pre-wrap}.guide-step-copy p{overflow-wrap:anywhere}@media(max-width:760px){.guide-contents ol{columns:1}}
.guide-steps>li.has-wide-visual{grid-template-columns:minmax(0,1fr);gap:20px}.has-wide-visual>.guide-step-copy{max-width:850px}.has-wide-visual>.guide-shot{max-width:1000px}

/* Current guides share the task navigation and reading rhythm from the approved review. */
.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start;padding:40px 0 72px}.docs-sidebar{position:sticky;top:24px;border-right:1px solid var(--line);padding:0 24px 24px 0;max-height:calc(100vh - 50px);overflow:auto}.docs-sidebar a{color:#555c53;text-decoration:none;display:block;font-size:12px;line-height:1.45;padding:8px 10px;border-left:2px solid transparent}.docs-sidebar .docs-home{padding-left:0;margin-bottom:15px;color:#a84016}.docs-sidebar nav h2{font-size:12px;font-weight:650;letter-spacing:0;margin:25px 0 7px}.docs-sidebar a[aria-current=page]{color:#a84016;background:#f7e9d9;border-left-color:#f0642c}.docs-sidebar a:hover{color:#a84016;background:#fff}.docs-sidebar [hidden],.docs-content [hidden],[data-search-item][hidden],[data-search-group][hidden]{display:none!important}.docs-support{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.docs-support a{padding-left:0;color:#a84016}.docs-search{display:block;font-size:12px;font-weight:550}.docs-search input{display:block;width:100%;box-sizing:border-box;border:1px solid #d9d8cf;background:#fff;padding:12px 14px;font:400 14px Archivo,sans-serif;margin:8px 0}.docs-search input:focus{outline:2px solid #c14a1b;outline-offset:2px}.docs-content{min-width:0}.docs-content h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.045em;line-height:1.1}.docs-content h2{font-size:23px;margin:35px 0 16px;letter-spacing:-.03em}.docs-content h3{font-size:17px;margin:25px 0 12px}.docs-content p,.docs-content li{font-size:14px;line-height:1.75;color:#555c53}.docs-content a{color:#a84016;text-underline-offset:3px}.docs-content a.button{color:#fff}.docs-heading{margin-bottom:26px}.docs-heading .intro{font-size:16px;max-width:800px;margin:18px 0 0}.docs-contents{display:flex;flex-wrap:wrap;gap:10px 24px;padding:18px 22px;background:#fff;border:1px solid var(--line);margin:25px 0}.docs-contents strong{flex-basis:100%;font-size:13px}.docs-contents a{font-size:12px}.docs-content [id]{scroll-margin-top:30px}.docs-content pre,.guide-starter pre{overflow:auto;background:#242624;color:#f5f0e7;border-radius:4px;padding:20px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.docs-content code{font-size:.9em;overflow-wrap:anywhere}.docs-copy{display:block;margin:12px 0 0 auto;padding:7px 12px;font:500 12px Archivo,sans-serif;border:1px solid #d3d4cb;background:white;color:#242624;cursor:pointer;border-radius:3px}.docs-copy+pre{margin-top:8px}.docs-table,.docs-content .mcp-table{overflow:auto;margin:22px 0;background:#fff;border:1px solid var(--line)}.docs-table table,.docs-content .mcp-table table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6;min-width:550px}.docs-table th,.docs-table td,.docs-content .mcp-table td,.docs-content .mcp-table th{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.docs-table th,.docs-content .mcp-table th{background:#ecebe3;font-size:11px;color:#555c53}.docs-content details{border:1px solid var(--line);background:#fff;padding:16px 20px;margin:16px 0}.docs-content summary{cursor:pointer;font-size:14px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.docs-content details p:last-child{margin-bottom:0}.docs-note,.guide-decision{margin:22px 0;padding:18px 22px;border-left:3px solid #f0642c;background:#f6eadb}.guide-decision strong{font-size:14px}.guide-decision p{font-size:13px;margin:5px 0 0}.guide-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.guide-choices>a{display:block;border:1px solid var(--line);padding:20px;background:#fff;text-decoration:none;color:var(--ink)}.guide-choices strong{font-size:14px;display:flex;justify-content:space-between;gap:15px}.guide-choices small{display:block;font-size:12px;line-height:1.6;margin-top:8px;color:#62675f}.guide-choices>a:hover{border-color:#a84016}.docs-content .walkthrough{padding:0}.docs-content .walkthrough-heading{grid-template-columns:minmax(0,1fr) 180px;gap:30px;padding-bottom:24px;border:0}.docs-content .walkthrough-heading .guide-art{--tile:180px}.docs-content .walkthrough-heading h1{margin-bottom:15px}.docs-content .walkthrough-heading .intro{font-size:15px;margin:0}.docs-content .walkthrough-heading .eyebrow{font-size:10px}.docs-content .guide-contents{margin-top:26px;padding:20px 24px}.docs-content .guide-contents strong{font-size:13px}.docs-content .guide-contents li{font-size:12px;line-height:1.4}.docs-content .guide-steps>li{padding:10px 0 28px 44px;margin-bottom:24px}.docs-content .guide-steps>li:before{width:26px;height:26px;border-radius:1px;background:#f0642c;color:#242624;font-size:13px}.docs-content .guide-steps h2{font-size:19px;margin:0 0 12px}.docs-content .guide-steps p{font-size:14px}.docs-content .guide-step-copy{max-width:760px}.docs-content .guide-steps>li.has-visual{grid-template-columns:1fr;gap:18px}.docs-content .guide-shot{padding:15px;max-width:850px}.docs-content .guide-shot-narrow{max-width:520px}.docs-content .guide-shot figcaption{font-size:11px;margin-top:12px;padding-top:10px}.docs-content .guide-tip{padding:22px;border:1px solid var(--line);background:#fff;gap:12px 22px}.docs-content .guide-tip p{font-size:13px}.docs-content .guide-tip .eyebrow{font-size:10px}.docs-content .guide-next h2{font-size:18px;margin:0}.docs-content .guide-next a{font-size:13px}.guide-sequence{display:flex;align-items:center;gap:14px;margin:24px 0 0}.guide-sequence>div{flex:1;display:grid;grid-template-columns:26px 1fr;gap:5px 10px;padding:18px;background:#fff;border:1px solid #d9d8cf}.guide-sequence b{color:#b44619;font-size:12px;grid-row:span 2}.guide-sequence strong{font-size:13px}.guide-sequence span{font-size:12px;color:#686e65}.guide-sequence i{font-style:normal}.guides-home-heading{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:40px;margin-bottom:40px}.guides-home-heading h1{font-size:clamp(36px,4.2vw,58px);line-height:1.06;max-width:840px}.guides-home-heading .intro{font-size:17px;margin:20px 0}.guides-home-heading .docs-search{max-width:650px;margin-top:28px}.guides-home-heading .guide-art{--tile:280px}.guides-home>h2,.guide-task-section>h2,.guide-recommended>h2{font-size:20px;margin:35px 0 18px}.guide-task-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.guide-task-grid>a{border:1px solid var(--line);padding:20px;background:#fff;color:var(--ink);text-decoration:none}.guide-task-grid>a:hover{border-color:#a84016}.guide-task-number{display:block;color:#ad471f;font-size:12px;margin-bottom:24px}.guide-task-grid strong{font-size:14px;display:flex;justify-content:space-between;gap:6px}.guide-task-grid p{font-size:12px;line-height:1.6;margin:12px 0 0}.guide-recommended{margin:34px 0;border-bottom:1px solid var(--line);padding-bottom:28px}.guide-recommended>div{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.guide-recommended a{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:13px}.guide-recommended b{width:26px;height:26px;display:grid;place-content:center;border-radius:50%;background:#f7e4d5;color:#b54519;flex:none}.guide-recommended i{font-style:normal;margin-left:auto;color:#b54519}.guide-directory-row{display:grid;grid-template-columns:minmax(230px,1fr) 1.5fr 70px 20px;gap:25px;padding:18px 8px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);align-items:center}.guide-directory-row strong{font-size:14px}.guide-directory-row span{font-size:13px;color:#686e65}.guide-directory-row small{font-size:11px;color:#a84016}.guide-directory-row b{font-size:14px}.guide-directory-row:hover{background:#fff;color:#a84016}.guide-task-section{scroll-margin-top:30px}.guide-widget-catalog{margin:30px 0}.guide-widget-catalog h2{margin-top:0}.docs-tools .tool-row>summary{display:grid;grid-template-columns:minmax(170px,1fr) 1.6fr;gap:16px}.docs-tools .tool-row summary small{font-size:11px;color:#686e65;font-weight:400}.docs-tools .tool-row{margin:0;border-bottom:0}.docs-tools .tool-row:last-child{border-bottom:1px solid var(--line)}.docs-quick-start{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.docs-quick-start>div{border-top:2px solid #f0642c;padding-top:14px}.docs-quick-start b{font-size:13px}.docs-quick-start p{font-size:12px;margin-top:8px}
@media(max-width:1100px){.docs-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.guide-task-grid{grid-template-columns:repeat(3,1fr)}.docs-content .walkthrough-heading{grid-template-columns:1fr}.docs-content .walkthrough-heading .guide-art{display:none}.guide-directory-row{grid-template-columns:1fr 1.3fr 20px}.guide-directory-row small{display:none}.docs-quick-start{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.docs-layout{display:block;padding-top:25px}.docs-sidebar{position:static;border:0;max-height:none;padding:0;margin-bottom:24px}.docs-sidebar nav{display:none}.docs-sidebar .docs-search,.docs-support{display:none}.docs-sidebar .docs-home{margin:0}.docs-content h1{font-size:34px}.docs-content .guide-contents ol{columns:1}.guide-choices{grid-template-columns:1fr}.docs-content .guide-tip{display:block}.guide-sequence{gap:6px}.guide-sequence>div{display:block;padding:10px}.guide-sequence b,.guide-sequence strong,.guide-sequence span{display:block;margin-bottom:5px}.guide-sequence i{font-size:12px}.guides-home-heading{grid-template-columns:1fr;gap:0}.guides-home-heading .guide-art{display:none}.guide-task-grid{grid-template-columns:1fr 1fr}.guide-task-grid>a{padding:16px}.guide-task-number{margin-bottom:14px}.guide-recommended>div{grid-template-columns:1fr 1fr;gap:20px}.guide-directory-row{grid-template-columns:1fr 20px;gap:7px 15px}.guide-directory-row span{grid-row:2;grid-column:1}.guide-directory-row b{grid-column:2;grid-row:1/3}.docs-tools .tool-row>summary{display:block}.docs-tools .tool-row summary small{display:block;margin-top:6px}.docs-content .guide-shot{margin-left:-44px}.docs-contents{gap:12px 16px}.guide-next{flex-wrap:wrap}}
.docs-layout{width:min(1240px,calc(100% - 96px));margin-inline:auto}.docs-content a.button{color:#242624}.guide-choices>.docs-note{margin:0}.guide-choices>.docs-note h3{margin-top:0}@media(max-width:760px){.docs-layout{width:calc(100% - 40px)}}
.guides-home{padding-top:36px}.guides-home-heading{margin-bottom:28px;gap:28px;grid-template-columns:minmax(0,1fr) 230px}.guides-home-heading h1{font-size:clamp(34px,3.4vw,46px)}.guides-home-heading .intro{margin:16px 0;font-size:16px}.guides-home-heading .eyebrow{margin-bottom:18px}.guides-home-heading .docs-search{margin-top:20px;max-width:600px}.guides-home-heading .guide-art{--tile:230px}.guides-home-heading .guide-caption{margin-top:14px}.guide-task-grid>a{padding:16px}.guide-task-number{margin-bottom:16px}@media(max-width:760px){.guides-home-heading{grid-template-columns:1fr}}

/* Shared guide corrections after reference comparison. */
.docs-layout{gap:36px;padding-top:28px}
.docs-content .walkthrough-heading{padding-bottom:14px;min-height:138px}
.docs-content .walkthrough-heading .guide-art{--tile:138px}
.docs-content .walkthrough-heading h1{margin-bottom:12px}
.docs-content .guide-contents{margin-top:18px;padding:16px 20px}
.docs-content .walkthrough-body{margin-top:26px}
.guide-choices{margin:18px 0;gap:10px}
.guide-choices>a{padding:16px 18px}
.guide-decision{margin:18px 0;padding:14px 18px}
.guide-topic-art{height:138px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.guide-topic-art>img{width:100%;max-height:138px;object-fit:contain;border:1px solid #dedbd3}
.guide-client-art{flex-wrap:wrap;gap:10px;padding:10px;background:#f0ebe2;box-sizing:border-box}
.guide-client-art>img{width:48px;height:48px;border:0}
.guide-client-art>img:last-child{flex-basis:100%;height:35px}
.guide-sequence-art{height:130px;overflow:hidden;display:flex;justify-content:center;margin:12px 0 -8px}
.guide-sequence-art .guide-art{--tile:230px;width:230px;flex:none;transform:translateY(-43px)}
.guide-sequence{margin-top:12px}
.guide-sequence+p.guide-caption{margin-top:12px}
.guide-playback-modes{margin:18px 0 24px}
.guide-playback-modes>h2,.guide-starters>h2{font-size:18px;margin:0 0 14px}
.guide-playback-modes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.guide-playback-modes a{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);min-width:0}
.guide-playback-modes img{width:100%;height:136px;object-fit:contain;object-position:center;background:#f5f0e7;border:1px solid var(--line);margin-bottom:12px}
.guide-playback-modes strong{font-size:13px;line-height:1.4}
.guide-playback-modes small{display:block;font-size:12px;line-height:1.55;color:#62675f;margin:8px 0 12px}
.guide-playback-modes span{font-size:12px;color:#a84016;margin-top:auto}
.guide-starters>p{font-size:13px}
.guide-starters details{margin:10px 0}
.guides-home{padding-top:34px}
.guides-home-heading{margin-bottom:26px;grid-template-columns:minmax(0,1fr) 280px}
.guides-home-heading .docs-search{max-width:720px;margin-top:22px}
.guides-home-heading .docs-search input{padding:14px 16px}
@media(max-width:1100px){.guide-topic-art{display:none}.docs-content .walkthrough-heading{min-height:0}.docs-layout{gap:26px}}
@media(max-width:760px){.docs-layout{padding-top:22px}.guide-playback-modes>div{grid-template-columns:1fr}.guide-playback-modes a{display:grid;grid-template-columns:95px 1fr;gap:0 14px}.guide-playback-modes img{height:75px;margin:0;grid-row:1/4}.guide-playback-modes small{margin:6px 0}.guide-sequence-art{display:none}.guide-sequence>div{min-width:0}.guides-home-heading{display:block}.docs-content .guide-contents{padding:14px 18px}}
.layout-library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 28px}.layout-library-heading h2{font-size:28px;margin:0 0 8px;font-weight:750}.layout-library-heading p{color:#62675f;margin:0}.layout-pilot-note{border-left:3px solid #F0642C;padding:10px 16px;background:#f5f0e7;color:#62675f;font-size:13px}.layout-library .toolbar label{display:flex;gap:10px;align-items:center}.layout-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.layout-library-grid article{border:1px solid #dedad2;border-radius:8px;overflow:hidden;background:white}.layout-card-preview{border:0!important;padding:0!important;display:block!important;width:100%;border-radius:0!important}.layout-card-preview .le-render{width:100%;pointer-events:none}.layout-card-info{display:flex;align-items:center;justify-content:space-between;padding:16px}.layout-card-info h3{margin:0 0 4px}.layout-card-info small{color:#62675f}.layout-card-actions{display:flex;gap:8px;padding:0 16px 16px}.layout-card-actions button:first-child{margin-right:auto}.layout-library-empty{display:grid;justify-items:center;padding:60px 20px;gap:8px;color:#62675f}.layout-library-empty h3{color:#242624;margin:8px 0}.layout-library-empty p{margin:0 0 12px}
.le-editor{--le-bg:#202320;--le-panel:#252825;--le-line:#40453f;--le-text:#f5f0e7;--le-muted:#b2b7ae;position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);background:var(--le-bg);color:var(--le-text);font:14px Archivo,sans-serif;color-scheme:dark}.le-editor *{box-sizing:border-box}.le-editor button,.le-dialog button{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--le-line,#454a43);border-radius:4px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.le-editor button:hover,.le-dialog button:hover{background:#363b35;border-color:#6d746a}.le-editor button:disabled,.le-dialog button:disabled{opacity:.38;cursor:default}.le-editor button:focus-visible,.le-editor input:focus-visible,.le-editor select:focus-visible,.le-editor textarea:focus-visible,.le-dialog button:focus-visible{outline:2px solid #f0642c;outline-offset:3px}.le-editor input,.le-editor textarea,.le-editor select,.le-dialog input,.le-dialog select,.le-dialog textarea{font:inherit;color:inherit;background:#202320;border:1px solid #454a43;border-radius:4px;padding:10px 12px;max-width:100%;min-width:0;box-shadow:none}.le-editor select{padding-right:24px}.le-editor textarea{resize:vertical}.le-editor label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:0}.le-editor .le-header{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:1px solid var(--le-line);min-width:0}.le-header>img{width:148px;height:50px;object-fit:contain;margin-right:6px}.le-header>button{border:0;border-left:1px solid var(--le-line);border-radius:0;padding-left:22px}.le-title{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;flex-wrap:wrap;min-width:100px}.le-title input{font-size:19px;font-weight:650;text-align:center;border:0;padding:0;width:220px;background:transparent}.le-title>span{background:#414640;border-radius:3px;padding:4px 7px;font-size:12px}.le-title small{flex-basis:100%;text-align:center;font-size:10px;color:var(--le-muted);margin-top:-7px}.le-header-actions{display:flex;gap:8px;align-items:center}.le-header-actions>button:nth-child(-n+2){border:0;padding:8px}.le-editor .le-save,.le-editor .le-segments .selected{background:#f0642c;color:#171d16;border-color:#f0642c;font-weight:650}.le-header-actions .le-save{padding:12px 26px;margin-left:6px}.le-sidebar{grid-row:2;grid-column:1;border-right:1px solid var(--le-line);width:auto;padding:0;display:flex;flex-direction:column;background:transparent;overflow:auto}.le-panel-tabs{display:flex;border-bottom:1px solid var(--le-line);position:sticky;top:0;background:var(--le-bg);z-index:2}.le-panel-tabs button{width:50%;padding:20px 12px;border:0;border-bottom:3px solid transparent;border-radius:0;font-size:15px}.le-panel-tabs button.active{border-bottom-color:#f0642c;font-weight:650}.le-widget-library{padding:18px 16px}.le-search{display:flex!important;flex-direction:row!important;align-items:center;border:1px solid #454a43;border-radius:4px;padding:0 12px;gap:10px}.le-search input{border:0!important;background:transparent!important;width:100%;padding:12px 0!important;outline:none!important}.le-widget-library details{margin-top:26px}.le-widget-library summary{list-style:none;display:flex;gap:8px;align-items:center;font-weight:600;margin-bottom:14px;cursor:pointer}.le-widget-library summary::-webkit-details-marker{display:none}.le-widget-library details:not([open]) summary>svg{transform:rotate(-90deg)}.le-widget-library summary small{margin-left:auto;border-radius:20px;background:#40463d;padding:2px 7px}.le-content-tile button{width:100%;justify-content:flex-start;padding:16px 12px;background:#30352f;white-space:normal;text-align:left}.le-content-tile button>span{flex:1}.le-content-tile button small{display:block;color:var(--le-muted);font-size:11px;margin-top:5px}.le-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.le-widget-grid button{flex-direction:column;gap:10px;min-height:88px;font-size:13px;padding:12px 6px}.le-sidebar-tip{font-size:12px;line-height:1.55;color:var(--le-muted);margin:30px 0 20px}.le-background-button{width:100%}.le-layers{padding:16px 12px}.le-layers>p{font-size:11px;color:var(--le-muted);margin:0 0 18px 8px}.le-layer{display:flex;align-items:center;gap:2px;border:1px solid transparent;border-radius:4px;margin-bottom:5px;min-height:58px;padding:0 4px}.le-layer.selected{border-color:#f0642c;background:#483a2e}.le-layer>svg{color:#9ba393;flex:none}.le-layer button{padding:5px;border:0;min-height:32px}.le-layer .le-layer-name{min-width:0;flex:1;justify-content:flex-start;white-space:normal;text-align:left;font-size:12px}.le-layer-name span{overflow:hidden;text-overflow:ellipsis;max-width:115px}.le-layer-name small{display:block;font-size:10px;color:var(--le-muted);margin-top:3px}.le-background-layer{border-top:1px solid var(--le-line);border-radius:0;margin-top:16px;padding-top:10px}.le-background-layer>svg{margin-left:auto}.le-workspace{grid-row:2;grid-column:2;display:grid;grid-template-rows:66px minmax(120px,1fr) auto 30px;min-width:0;min-height:0;overflow:hidden;padding:0 18px!important;max-width:none!important;background:transparent!important}.le-toolbar{display:flex;align-items:center;gap:16px;min-width:0}.le-segments{display:flex;flex:none;border:1px solid var(--le-line,#454a43);border-radius:4px;overflow:hidden}.le-segments button{border:0;border-radius:0;min-height:38px;padding:8px 17px}.le-preset-control{position:relative}.le-preset-control>button{min-width:175px;justify-content:space-between}.le-preset-control>button svg:last-child{margin-left:12px}.le-preset-popover{position:absolute;top:46px;left:0;width:400px;padding:14px;background:#f5f0e7;color:#242624;border:1px solid #d8d4cb;border-radius:6px;box-shadow:0 16px 40px #0008;z-index:50;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.le-preset-popover button{position:relative;flex-direction:column;align-items:stretch;justify-content:flex-start;border-color:transparent;gap:8px;padding:4px;white-space:normal;text-align:left;font-size:12px}.le-preset-popover button:hover{background:#e7e2d9;border-color:#b8b4ab}.le-preset-popover button>span{padding:0 24px 2px 2px}.le-preset-popover .le-preset-picture{width:100%;flex:none;border-radius:3px;background:#e5e3dd;border-color:#cac9c2}.le-preset-popover .le-preset-picture>div,.le-preset-popover .le-preset-picture>div:last-child{background:#747972;border:1px solid #e5e3dd}.le-preset-popover button>svg{position:absolute;right:8px;bottom:8px;color:#b84012}.le-preset-popover button.chosen{background:#f5f0e7;border-color:#f0642c}.le-preset-picture{position:relative;width:100%;aspect-ratio:16/9;background:#151914;border:1px solid #6b7267;overflow:hidden}.le-preset-picture>div{position:absolute;background:#87917e;border:2px solid #202320}.le-preset-picture>div:last-child{background:#f0642c}.le-toolbar .le-fit{margin-left:auto;white-space:nowrap}.le-toolbar .le-snap{gap:12px}.le-switch{display:inline-block;width:32px;height:18px;border-radius:20px;background:#63695f;position:relative;vertical-align:middle;flex:none}.le-switch:after{content:'';display:block;position:absolute;left:3px;top:3px;width:12px;height:12px;background:#f5f0e7;border-radius:50%;transition:transform .15s}.le-switch.on{background:#f0642c}.le-switch.on:after{transform:translateX(14px)}.le-canvas-well{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;container-type:size;overflow:hidden;padding:8px 0 14px}.le-canvas{position:relative;container-type:inline-size;flex-shrink:0;background-position:center;background-size:cover;width:min(100cqw,calc(100cqh * var(--le-ratio)))!important;height:auto!important;max-height:none!important;box-shadow:0 2px 16px #0005;touch-action:none}.le-object,.le-render-node{position:absolute;overflow:hidden;outline:0;user-select:none;display:flex;align-items:stretch}.le-object{cursor:grab;touch-action:none;overflow:visible}.le-object>*:first-child{overflow:hidden;width:100%;height:100%;pointer-events:none}.le-object.locked{cursor:default}.le-object.selected{outline:2px solid #f0642c;outline-offset:0}.le-object-badge{position:absolute;top:7px;left:7px;border-radius:3px;background:#202320e8;color:#fff;font:10px Archivo,sans-serif;padding:4px 7px;display:inline-flex;align-items:center;gap:5px;pointer-events:none;max-width:95%;white-space:nowrap}.le-object:not(.selected) .le-object-badge{opacity:.82}.le-object .le-handle{position:absolute;width:9px;height:9px;border:2px solid #f0642c;background:#f5f0e7;z-index:45}.le-handle.top-left{top:-5px;left:-5px}.le-handle.top-right{top:-5px;right:-5px}.le-handle.bottom-left{bottom:-5px;left:-5px}.le-handle.bottom-right{bottom:-5px;right:-5px;cursor:nwse-resize;width:13px;height:13px;touch-action:none}.le-render{position:relative;container-type:inline-size;background-size:cover;background-position:center;overflow:hidden;width:100%}.le-render img,.le-render video,.le-object>img,.le-object>video{width:100%;height:100%;display:block}.le-render-node iframe,.le-object iframe{border:0;width:100%;height:100%;background:#fff}.le-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#363c32;color:#e1e7dc;border:1px dashed #717a66;text-align:center;font:clamp(10px,1.25cqw,20px) Archivo,sans-serif;padding:12px;width:100%;height:100%;min-width:0}.le-placeholder small{font-size:.7em}.le-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.15em;overflow:hidden}.le-clock small{font-size:.25em;white-space:nowrap}.le-clock strong{font-weight:650;line-height:1.2}.le-notice{display:flex;align-items:center;justify-content:center;text-align:center;padding:.4em;white-space:pre-wrap;width:100%;height:100%;overflow:hidden}.le-ticker{display:flex;align-items:center;overflow:hidden;width:100%;height:100%}.le-ticker>div{white-space:nowrap;padding:0 1em}.le-ticker .moving{animation:le-ticker linear infinite}@keyframes le-ticker{from{transform:translateX(20%)}to{transform:translateX(-100%)}}.le-drop-area{position:absolute;border:2px dashed #f0642c;background:#f0642c12;pointer-events:none;z-index:60;display:flex;align-items:center;justify-content:center}.le-drop-area.active{background:#f0642c55;border-style:solid}.le-drop-area span{background:#242624;color:#f5f0e7;padding:8px 12px;border-radius:4px}.le-guide{position:absolute;pointer-events:none;z-index:65}.le-guide.x{border-left:1px dashed #f0642c;top:0;bottom:0}.le-guide.y{border-top:1px dashed #f0642c;left:0;right:0}.le-tray{border:1px solid var(--le-line);border-radius:6px;margin:2px 64px 0 0;padding:0 18px 17px;max-height:245px;overflow:auto}.le-tray>header{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--le-line);margin-bottom:15px}.le-tray>header>input{font-size:16px;font-weight:600;border:0;background:transparent;width:190px;padding:0}.le-tray>header>button{margin-left:auto;border:0}.le-fields{display:flex;gap:24px;align-items:flex-start;min-width:0}.le-fields>label{flex:none;min-width:0}.le-fields .le-grow{flex:1}.le-source-choice{display:flex;align-items:center;border:1px solid var(--le-line);border-radius:4px;overflow:hidden;font-size:12px;min-width:160px;max-width:100%;height:40px}.le-source-choice span{padding:0 12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.le-source-choice button{border:0;border-left:1px solid var(--le-line);border-radius:0}.le-editor input[type=color]{width:64px;height:40px;padding:5px;cursor:pointer}.le-editor input[type=checkbox]{width:16px;height:16px;accent-color:#f0642c}.le-editor .le-check{flex-direction:row;align-items:center;align-self:center;gap:8px}.le-fields input[type=number]{width:85px}.le-number{display:flex;align-items:center;border:1px solid var(--le-line);border-radius:4px;padding-right:12px;color:var(--le-muted)}.le-number input{border:0}.le-fields .le-link{font-size:11px;border:0;padding:0;min-height:18px;text-decoration:underline;align-self:flex-start}.le-hint{font-size:11px;line-height:1.5;color:var(--le-muted);max-width:260px}.le-alignment{display:flex;flex-wrap:wrap;gap:6px;max-width:100px}.le-alignment small{flex-basis:100%;font-size:12px}.le-toggle{border:0!important}.le-status{display:flex;justify-content:space-between;align-items:center;color:#aeb6a8;font-size:10px;gap:20px;padding-right:65px}.le-error{color:#ffaf94}.le-context{position:fixed;z-index:120;display:grid;background:#2e332c;border:1px solid #5a6254;border-radius:6px;padding:6px;width:222px;box-shadow:0 16px 48px #0007}.le-context>strong{font-size:12px;padding:9px;color:#b2b7ae;overflow:hidden;text-overflow:ellipsis}.le-context button{border:0;justify-content:flex-start;min-height:32px;padding:6px 10px;font-size:12px}.le-context kbd{margin-left:auto;font-size:10px}.le-context .le-danger{color:#ffad8c;border-top:1px solid #50584a;border-radius:0}.le-dialog{color-scheme:dark;background:#252825;color:#f5f0e7;border:1px solid #50574b;border-radius:8px;width:min(850px,90vw);max-height:90vh;padding:0;box-shadow:0 20px 80px #0008;font:14px Archivo,sans-serif}.le-dialog::backdrop{background:#10160dd4}.le-dialog>header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;padding:18px 24px;border-bottom:1px solid #454c3f;background:#252825;z-index:2}.le-dialog h2{font-size:18px;margin:0}.le-dialog>header button{border:0}.le-dialog>.le-search{margin:18px 24px}.le-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px 24px;gap:14px;max-height:60vh;overflow:auto}.le-asset-grid>button{display:flex;flex-direction:column;align-items:stretch;white-space:normal;text-align:left;padding:8px;gap:8px;min-width:0;position:relative}.le-asset-grid strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.le-asset-grid small{font-size:10px;color:#b2b7ae}.le-asset-grid>button>svg{position:absolute;right:12px;top:12px;background:#f0642c;border-radius:50%;color:#202320}.le-asset-cover{aspect-ratio:16/9;display:grid;place-items:center;background:#171c15;overflow:hidden}.le-asset-cover .preview{width:100%;height:100%;max-height:none}.le-asset-cover img,.le-asset-cover video{width:100%;height:100%;object-fit:cover}.le-dialog button.chosen{border-color:#f0642c;background:#42392e}.le-empty{padding:28px;text-align:center}.le-create{padding:24px;display:grid;gap:18px}.le-create label{display:grid;gap:8px}.le-presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.le-presets-grid>button{flex-direction:column;gap:10px;white-space:normal;font-size:12px}.le-dialog .primary.signal{background:#f0642c;color:#202320;border-color:#f0642c;justify-self:end}.le-preview-dialog{width:min(1450px,96vw);height:90dvh;max-height:90dvh;box-sizing:border-box}.le-preview-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.le-preview-dialog>header,.le-preview-dialog>.layout-preview-controls,.le-preview-dialog>p{flex:none}.le-preview-dialog>header{position:static}.le-preview-viewport{flex:1;min-height:0;min-width:0;margin:0 16px;container-type:size;display:grid;place-items:center;overflow:hidden}.le-preview-viewport>.le-render{width:min(100cqw,calc(100cqh * var(--layout-aspect)));height:auto;max-width:100%;margin:0}.le-preview-dialog>p{padding:0 24px;margin:8px 0 0;color:#b2b7ae;font-size:12px;line-height:1.4}.le-preview-dialog>p:last-child{margin-bottom:16px}.le-shared-warning{padding:0 24px}.le-dialog form{padding:24px}.le-agent{position:fixed!important;bottom:15px;right:18px;z-index:110;width:48px;height:48px;border:1px solid #747c6c!important;border-radius:50%!important;padding:10px!important;background:#242624!important;box-shadow:0 6px 24px #0004}.le-agent img{width:100%;height:100%;object-fit:contain}.le-agent-panel{position:fixed;z-index:111;right:20px;bottom:78px;width:320px;padding:18px;background:#2b3028;border:1px solid #515b48;border-radius:8px;box-shadow:0 14px 40px #0007}.le-agent-panel header{display:flex;align-items:center;justify-content:space-between}.le-agent-panel p{color:#b2b7ae;line-height:1.6}.le-agent-panel header button{border:0}.shell.nav-compact{grid-template-columns:76px minmax(0,1fr)}.nav-compact>aside{width:76px}.nav-compact>aside .brand img{width:36px}.nav-compact>aside nav button{font-size:0;justify-content:center;gap:0}.nav-compact>aside .guide-nav-link,.nav-compact>aside .workspace-account{display:none}.shell .nav-collapse{margin:10px auto;color:#f5f0e7;background:transparent;border:1px solid #50574b;display:flex;align-items:center;justify-content:center;min-height:30px}.editor-focused>aside,.editor-focused>main>.feedback,.editor-focused>main>header{visibility:hidden}.editor-focused .layout-library{visibility:visible}
@media(min-width:1500px){.le-editor{grid-template-columns:290px minmax(0,1fr)}.le-widget-library{padding:18px 20px}.le-toolbar{gap:20px}.le-fields{gap:30px}}
@media(max-width:1190px){.le-editor{grid-template-columns:220px minmax(0,1fr)}.le-header{gap:10px!important}.le-header>img{width:120px}.le-title input{width:145px;font-size:16px}.le-title>span{display:none}.le-toolbar{gap:8px}.le-toolbar .le-fit{display:none}.le-toolbar .le-segments button{padding:8px 12px}.le-preset-control>button{min-width:150px}.le-toolbar select{max-width:150px}.le-fields{gap:14px}.le-fields .le-segments button{padding:8px 10px}.le-position-fields{flex-wrap:wrap}.le-source-choice{min-width:140px}.le-fields>.le-grow{min-width:160px}.le-header-actions .le-save{padding:10px 14px}.le-tray{padding:0 12px 12px}.le-status{font-size:9px}}
@media(max-width:850px){.le-preset-popover{width:min(400px,calc(100vw - 205px))}.le-tray{margin-right:0;margin-bottom:60px}.le-editor{grid-template-columns:175px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr)}.le-header>img{width:100px}.le-header>button{font-size:0;padding:8px;border:0}.le-header-actions button:nth-child(-n+2){display:none}.le-title{gap:4px}.le-title input{width:125px}.le-header-actions{gap:4px}.le-header-actions button{font-size:12px;padding:8px}.le-header-actions .le-save{padding:8px}.le-workspace{grid-template-rows:98px minmax(80px,1fr) auto 28px;padding:0 10px!important}.le-toolbar{flex-wrap:wrap;align-content:center;gap:7px}.le-toolbar .le-segments button{font-size:12px;padding:6px 10px}.le-toolbar select{font-size:12px;max-width:148px;padding:8px}.le-toolbar .le-snap{min-height:32px;padding:7px}.le-widget-library{padding:12px 9px}.le-content-tile button{padding:10px 7px}.le-content-tile small{font-size:9px!important}.le-content-tile button>svg:last-child{display:none}.le-widget-grid{gap:5px}.le-widget-grid button{min-height:74px;font-size:11px}.le-panel-tabs button{font-size:13px;padding:16px 7px}.le-fields{flex-wrap:wrap}.le-tray{max-height:245px}.le-tray>header{gap:8px}.le-tray>header>input{width:110px;font-size:13px}.le-tray>header .le-segments button{font-size:12px;padding:6px 10px}.le-status>span:first-child{display:none}.le-agent{width:40px;height:40px}.le-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.le-presets-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.le-preset-popover{width:calc(100vw - 137px);padding:8px;gap:6px}.le-preset-popover button{font-size:11px}.le-editor{grid-template-columns:115px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)}.le-header{padding:8px!important;gap:6px!important}.le-header>img{width:66px;margin:0}.le-title small{display:none}.le-title input{width:86px;font-size:12px}.le-header-actions button{min-height:32px;font-size:10px;padding:5px!important}.le-header-actions button svg{width:14px}.le-panel-tabs button{font-size:11px;padding:13px 4px}.le-widget-grid{grid-template-columns:1fr}.le-search{padding:0 5px;gap:4px}.le-search input{font-size:11px}.le-sidebar-tip{font-size:10px}.le-content-tile button>svg{display:none}.le-content-tile button{font-size:12px}.le-widget-library summary{font-size:11px;gap:4px}.le-background-button{font-size:10px!important;padding:7px 3px!important}.le-layer-name>svg,.le-layer>svg,.le-layer>button:first-of-type{display:none}.le-layer-name small{font-size:8px}.le-layer-name span{max-width:62px}.le-layers{padding:12px 4px}.le-workspace{padding:0 7px!important;grid-template-rows:140px minmax(70px,1fr) auto 32px}.le-toolbar .le-snap{font-size:11px}.le-tray{max-height:275px;padding:0 8px 12px}.le-tray>header{flex-wrap:wrap}.le-tray>header>input{width:100%;font-size:13px}.le-tray>header .le-segments button{padding:5px 8px}.le-fields{gap:12px}.le-fields>label{max-width:100%}.le-source-choice{min-width:0}.le-fields .le-grow{min-width:0;flex-basis:100%}.le-status{padding-right:32px;font-size:8px;line-height:1.3}.le-object-badge{font-size:7px;padding:2px 4px;top:3px;left:3px}.le-agent{right:6px;bottom:6px;width:40px;height:40px;padding:8px!important}.le-agent-panel{right:8px;width:calc(100vw - 16px);bottom:45px}.layout-library-heading{align-items:flex-start;flex-direction:column}.layout-library .toolbar{flex-wrap:wrap}.layout-library-grid{grid-template-columns:1fr}.le-dialog{width:96vw}.le-asset-grid{padding:0 12px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.le-editor *{transition:none!important}.le-ticker .moving{animation:none}}
.le-feed-fields{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--le-line)}.le-feed-fields .le-grow{flex:1;min-width:210px}.le-feed-fields input{max-width:270px}.le-feed-fields label:not(.le-grow) input{width:120px}.le-weather{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.12em;width:100%;height:100%;overflow:hidden}.le-weather>small{font-size:.35em}.le-weather>div{display:flex;align-items:center;gap:.25em}.le-weather svg{width:1em;height:1em}.le-weather strong{font-size:1.5em}.le-weather>span{font-size:.16em;margin-top:.4em}
.le-assistant-anchor{position:fixed;z-index:1400}.le-assistant-anchor .le-agent{position:static!important;touch-action:none}.le-assistant-anchor .le-agent-panel{position:absolute;bottom:72px;right:0;width:350px;max-height:min(570px,65vh);display:flex;flex-direction:column;background:#2c2e2c;border:1px solid #545650;border-radius:14px;box-shadow:0 16px 50px #0008;padding:16px;color:#F5F0E7;overflow:hidden;touch-action:auto}.le-agent-panel header{display:flex;align-items:center;justify-content:space-between}.le-agent-panel button{border:0;color:inherit;background:transparent}.le-agent-panel .le-agent-context,.le-agent-panel>small{font-size:11px;color:#b9beb7;margin:8px 0}.le-agent-messages{overflow:auto;min-height:0;max-height:310px;flex:1 1 auto;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain}.le-agent-messages .user{background:#454740;border-radius:8px;padding:10px}.le-agent-panel form{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:end;gap:6px;flex:none;border:1px solid #62665d;border-radius:8px;padding:6px;margin:12px 0 0}.le-agent-panel form:focus-within{border-color:#f0642c}.le-agent-panel form>button{width:36px;height:36px;min-height:36px;padding:8px}.le-agent-panel>header,.le-agent-panel>.le-agent-context,.le-agent-panel>small{flex:none}.le-agent-panel textarea{width:100%;min-width:0;min-height:64px;max-height:88px;background:transparent;color:inherit;border:0;resize:none;font:inherit;font-size:13px;line-height:1.5;padding:6px;overflow:auto}.le-agent-panel button:disabled{opacity:.4}

.le-playlist-strip{padding:0 18px 12px;font-size:11px;color:#b9beb7}.le-playlist-strip>div{display:flex;gap:8px;overflow:auto;margin-top:8px}.le-playlist-strip button{flex:0 0 124px;padding:3px;border:1px solid #545650;background:#282b27;color:#f5f0e7;border-radius:5px;text-align:left}.le-playlist-strip button.selected{border-color:#F0642C}.le-playlist-strip button img,.le-playlist-strip button video{width:116px;height:64px;object-fit:cover}.le-playlist-strip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:116px}.mode-switch{display:flex;gap:6px;margin-bottom:12px}.mode-switch button[aria-pressed=true]{background:#242624;color:#f5f0e7;border-color:#242624}
.document-import{max-width:1180px;margin:auto;padding:28px 30px 90px}.document-import>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.document-import>header img{width:155px}.document-import>p{max-width:880px;line-height:1.6}.document-controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:24px 0}.document-controls label{display:flex;flex-direction:column;gap:8px}.document-controls select,.document-controls input{padding:10px;border:1px solid #bbb;border-radius:4px}.document-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.document-pages label{padding:12px;border:1px solid #d8d4cb;border-radius:6px;background:white}.document-pages img{display:block;width:100%;height:170px;object-fit:contain;margin:8px 0}.document-import>footer{display:flex;align-items:center;gap:20px;position:sticky;bottom:0;background:#f5f0e7;padding:20px;border-top:1px solid #ccc}.document-engine{padding:18px;background:#ede8df;margin:24px 0}

.le-handle.top-left,.le-handle.bottom-right{cursor:nwse-resize}.le-handle.top-right,.le-handle.bottom-left{cursor:nesw-resize}.le-object .le-handle{touch-action:none;width:13px;height:13px}

.le-tray>header{position:sticky;top:0;z-index:4;background:var(--le-bg)}.le-playlist-strip button{flex-direction:column;align-items:stretch}.le-editor .le-playlist-strip button.selected{background:#42392e;color:#f5f0e7}.le-editor .le-snap[aria-pressed=true]{background:transparent;color:var(--le-text)}

.le-alignment{display:grid;grid-template-columns:repeat(6,38px);max-width:none;gap:6px}.le-alignment small{grid-column:1/-1}.le-alignment button{padding:8px}.le-object .le-handle:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media(max-width:850px){.le-alignment{grid-template-columns:repeat(3,38px)}}
@media(max-width:580px){.le-fields .le-segments{flex-wrap:wrap;max-width:100%}.le-fields .le-segments button{flex:1}}
.le-clock small,.le-weather small{color:inherit;opacity:.82}.le-alignment small{color:var(--le-muted)}

.le-extra-settings{padding:0 0 8px}.le-extra-settings>.le-hint{padding:0 18px}.le-announcement-list{display:flex;flex-direction:column;gap:8px;padding:0 18px}.le-announcement-row{display:flex;gap:6px;align-items:center}.le-announcement-row textarea{flex:1;min-width:80px}.le-announcement-row button{padding:6px}.le-announcement-row button[aria-pressed=true]{border-color:#f0642c;color:#f0642c}

.le-style-settings{display:flex;flex-direction:column;gap:16px}.le-style-controls{flex-wrap:wrap;gap:16px!important}.le-style-controls input[type=number]{width:72px}.le-style-group{display:flex;flex-direction:column;gap:8px;font-size:12px}.le-style-controls .le-segments button{padding:9px}.le-qr-settings{border-bottom:1px solid var(--le-line);padding-bottom:10px}.le-qr-settings>.le-fields{flex-wrap:wrap;gap:18px}.le-qr-presets{display:flex;gap:8px;margin-bottom:14px}.le-qr-presets button{gap:9px;padding:6px 12px 6px 6px;font-size:12px}.le-qr-presets svg{width:40px;height:40px;border-radius:2px}.le-qr-presets [aria-pressed=true]{border-color:#f0642c;background:#483a2e}.le-object>*:first-child{border-radius:inherit}.le-object-badge{font-style:normal}

.le-colour-field>span{display:flex;align-items:center;border:1px solid var(--le-line);border-radius:4px;overflow:hidden}.le-editor .le-colour-field input[type=color]{border:0;width:38px;padding:5px;height:38px}.le-editor .le-colour-field input[type=text]{width:82px;font-size:12px;padding:10px 7px;border:0;border-left:1px solid var(--le-line);border-radius:0}

.le-object,.le-render-node{font-synthesis:style}

.assigned-layout-preview{min-width:0;border:1px solid #dedad2;border-radius:6px;padding:14px;margin:16px 0;background:#faf8f3}.assigned-layout-preview .section-heading{gap:12px;flex-wrap:wrap;margin-bottom:12px}.assigned-layout-preview h4{margin:0 0 4px}.assigned-layout-canvas{margin:0 auto}.assigned-layout-preview .le-render{width:100%;container-type:inline-size}.assigned-layout-preview p{font-size:12px;margin:10px 0 0}.assigned-layout-preview .le-placeholder{font-size:clamp(6px,2cqw,14px)}

.layout-source-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:6px;font-size:12px}.layout-source-list li{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.layout-source-list span{color:#62675f;overflow-wrap:anywhere}

/* Keep settings stable while the selected widget changes. */
.le-workspace{--le-settings-size:clamp(250px,35vh,330px);grid-template-rows:66px minmax(100px,1fr) var(--le-settings-size) 30px}
.le-workspace.le-settings-expanded{--le-settings-size:min(560px,60vh)}
.le-tray{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;max-height:none;height:100%;overflow:hidden;margin:0;padding:0 16px;border-top:1px solid var(--le-line)}
.le-tray>header{min-height:60px;padding:10px 0;gap:12px}.le-tray>header>button{margin-left:0}.le-tray>header>button:first-of-type{margin-left:auto}.le-tray>header>input{min-width:60px;max-width:190px;flex:1}
.le-tray-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 3px 18px 0}.le-tray-body .le-fields{flex-wrap:wrap}.le-tray-body .le-hint{max-width:620px}
.le-background-settings{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}.le-background-settings legend{font-size:12px;font-weight:600;padding:0;margin-bottom:12px}.le-background-settings>.le-segments{justify-self:start;max-width:100%;flex-wrap:wrap}.le-background-settings>.le-segments button{padding:8px 13px;gap:7px}.le-background-settings .le-fields:empty{display:none}.le-background-settings .le-hint{margin:0}.le-background-settings input[type=number]{width:80px}
.le-detail-toggles{flex-wrap:wrap;gap:18px;margin-top:18px}.le-detail-toggles>.le-check{min-height:36px}.le-clock-settings{display:grid;gap:8px}
.le-canvas-well{background-image:linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff06 75%),linear-gradient(-45deg,transparent 75%,#ffffff06 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.le-html-editor{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px;height:100%;min-height:230px}.le-html-code{display:flex;flex-direction:column;min-width:0;min-height:0}.le-code-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:12px}.le-code-caption small{font-size:10px;color:var(--le-muted);white-space:nowrap}.le-code-input{display:flex;flex:1;min-height:180px;border:1px solid var(--le-line);border-radius:4px;overflow:hidden;background:#1c1e1c}.le-code-lines{font:12px/20px 'Roboto Mono',monospace;overflow:hidden;flex:none;width:45px;padding:10px 8px;text-align:right;color:#a2aa9d;border-right:1px solid #41473e;user-select:none}.le-code-input textarea{font:12px/20px 'Roboto Mono',monospace;tab-size:2;white-space:pre;resize:none;flex:1;min-width:0;width:100%;height:100%;border:0;border-radius:0;padding:10px;color:#f5f0e7;background:transparent;overflow:auto}.le-code-feedback{min-width:0;overflow:auto;overscroll-behavior:contain;padding-right:4px}.le-code-feedback h4{font-size:12px;margin:0 0 8px}.le-code-feedback p{font-size:11px;line-height:1.5}.le-code-feedback ul{list-style:none;padding:0;margin:8px 0}.le-code-feedback li{margin-bottom:6px}.le-code-feedback li button{display:block;text-align:left;white-space:normal;font-size:11px;line-height:1.5;padding:8px;width:100%}.le-code-feedback li strong{display:block}.le-code-feedback>small{display:block;font-size:10px;color:var(--le-muted);margin-top:8px;line-height:1.5}.le-code-feedback label input{width:100%;max-width:100%}
.single-media-picker .picker-card{display:flex;flex-direction:column;align-items:stretch;white-space:normal;text-align:left;cursor:pointer}.single-media-picker .picker-card strong{overflow-wrap:anywhere}.single-media-picker .picker-card .preview{width:100%}.single-media-picker .picker-card[aria-pressed=true]{outline:2px solid #f0642c;outline-offset:-2px}
@media(max-width:1100px){.le-html-editor{grid-template-columns:minmax(0,1fr) 205px}.le-tray>header{gap:7px}.le-tray>header .le-segments button{padding:8px 10px}}
@media(max-width:850px){.le-workspace{grid-template-rows:98px minmax(80px,1fr) var(--le-settings-size) 28px;--le-settings-size:clamp(250px,36vh,320px)}.le-html-editor{grid-template-columns:1fr;height:auto;min-height:0}.le-html-code{height:280px}.le-settings-expanded .le-html-code{height:350px}.le-code-feedback{overflow:visible}.le-tray{padding:0 10px}.le-background-settings>.le-segments button{font-size:11px;padding:8px}}
@media(max-width:580px){.le-workspace{grid-template-rows:140px minmax(70px,1fr) var(--le-settings-size) 32px;--le-settings-size:clamp(220px,36vh,280px)}.le-tray>header{flex-wrap:wrap}.le-tray>header>input{width:100%;max-width:none;flex-basis:100%}.le-tray>header .le-segments button{padding:6px;font-size:10px}.le-tray>header>button{padding:5px}.le-background-settings>.le-segments{display:grid;grid-template-columns:1fr 1fr}.le-code-caption{flex-wrap:wrap}.le-tray-body .le-fields>.le-grow{min-width:0;flex-basis:100%}}

.le-render-node iframe,.le-object iframe{background:transparent}
.le-editor .single-media-picker{color-scheme:light;color:#242624;background:#faf8f3;--le-line:#d9d8d1;--muted:#64685f;--line:#d9d8d1;--signal:#f0642c}.le-editor .single-media-picker input,.le-editor .single-media-picker select{background:#fff;color:#242624;border-color:#d9d8d1}.le-editor .single-media-picker button:hover{background:#f1eee7;border-color:#999e92}.le-editor .single-media-picker .primary.signal{background:#f0642c;color:#242624;border-color:#f0642c}.le-editor .single-media-picker .segmented button[aria-pressed=true]{background:#242624;color:#f5f0e7}.le-editor .single-media-picker .picker-card.selected{background:#fff2e9}.le-editor .single-media-picker .search{flex-direction:row;align-items:center}

/* A small screen map lets Simple mode select a rectangular span of cells. */
.le-position-settings{display:grid;gap:18px}.le-position-grid-settings{display:flex;align-items:flex-start;gap:22px}.le-position-map{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:2px;width:340px;max-width:100%;max-height:290px;flex:none;background:#171b17;padding:3px;border:1px solid var(--le-line);border-radius:5px;touch-action:none;user-select:none}.le-position-map button{padding:0;min-height:0;min-width:0;border:0;border-radius:1px;background:#343a33}.le-position-map button.occupied{background:#965132}.le-position-map button.anchor{background:#f0642c;box-shadow:inset 0 0 0 2px #f5f0e7}.le-position-map button:hover{background:#c36739}.le-position-map button span{font-size:8px;opacity:0}.le-position-map button:focus-visible{z-index:1;outline-offset:0}.le-position-grid-help{max-width:290px;font-size:12px;line-height:1.5}.le-position-grid-help strong{font-size:14px}.le-position-grid-help p{margin:8px 0}.le-position-grid-help p[role=status]{color:#f5c5ad}.le-position-settings>.le-position-fields{border-top:1px solid var(--le-line);padding-top:14px}.le-position-map.portrait{width:160px}
@media(max-width:1100px){.le-position-map{width:280px}.le-position-grid-settings{gap:16px}}
@media(max-width:680px){.le-position-grid-settings{flex-direction:column}.le-position-map{width:100%;max-width:340px}.le-position-grid-help{max-width:none}}
.le-arrange{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 0 12px;border-bottom:1px solid #d6d3ca;margin-bottom:12px}.le-arrange label{display:flex;gap:6px;align-items:center}.le-arrange input{width:65px}.le-arrange small{flex-basis:100%;color:var(--le-muted,#64685e)}.le-arrange button,.le-arrange select{font-size:12px}.le-place-search{margin-top:12px;max-width:720px}.le-place-search li{list-style:none}.le-place-search ul{padding:0;display:grid;gap:4px}.le-place-search li button{text-align:left;width:100%}.le-announcement-row>label{width:80px}.le-announcement-row>label input{width:100%}
.online-content-dialog{max-width:700px;width:calc(100vw - 40px);max-height:90vh;border:1px solid #ccc;border-radius:14px;padding:24px;overflow:auto;background:#f5f0e7;color:#242624}.online-content-dialog header,.online-content-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.online-content-dialog form{display:grid;gap:14px}.online-content-dialog label:not(.checkbox){display:grid;gap:5px}.online-content-dialog p{margin:0;font-size:14px}.online-frame{width:100%;height:100%;overflow:hidden}.online-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:#e4e1d9;color:#242624;font-size:14px}.online-thumbnail small{font-size:11px}.le-saved-presets{padding:8px}.le-saved-presets label{display:grid;gap:4px}.le-saved-presets>div{display:flex;margin-top:6px;gap:5px}.le-saved-presets>div>button:first-child{flex:1;text-align:left}
.custom-app-editor{--le-line:#d6d3ca;--le-muted:#64685e;position:fixed;inset:0;z-index:100;box-sizing:border-box;background:#faf8f3;color:#242624;display:flex;flex-direction:column;min-height:0;padding:24px;gap:12px;overflow:auto}.custom-app-editor>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.custom-app-editor>header label{display:flex;align-items:center;gap:6px}.custom-app-editor>p{font-size:13px;margin:0;max-width:1050px}.custom-app-preview{flex:1;min-height:180px;display:flex;flex-direction:column;align-items:center;gap:5px}.custom-app-preview>.le-render{height:calc(100% - 22px);width:auto;max-width:100%}.custom-app-editor>.le-html-editor{flex:0 0 42vh;min-height:250px;overflow:hidden}.custom-app-editor .le-code-input{height:100%;max-height:none;min-height:0}.custom-app-editor .le-html-code{display:flex;flex-direction:column;min-height:0}.custom-app-editor .le-code-feedback{overflow:auto}.custom-app-editor.expanded>.le-html-editor{flex:1;min-height:350px}

.le-place-search small{color:var(--le-muted,#64685e)}
.le-workspace{grid-template-rows:66px auto minmax(100px,1fr) var(--le-settings-size) 30px}
.le-pages{border-top:1px solid var(--le-line);border-bottom:1px solid var(--le-line);padding:9px 0;min-width:0}.le-page-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:8px}.le-page-tabs button{flex:none;gap:8px}.le-page-tabs button.active{border-color:#f0642c;background:#493627}.le-page-tabs small{opacity:.7}.le-page-options{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.le-page-options label{font-size:10px;gap:3px}.le-page-options input{width:130px;font-size:12px;height:32px}.le-page-options input[type=number]{width:90px}.le-page-options select,.le-page-options button{font-size:11px;min-height:32px;padding:6px 9px}.layout-preview-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;flex-wrap:wrap;font-size:12px}.layout-preview-controls button{font-size:12px}.webpage-settings{border-top:1px solid #80808066;padding-top:12px}.webpage-settings summary{font-weight:700;cursor:pointer}.webpage-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.webpage-settings small{font-size:12px;line-height:1.5}.webpage-settings input[type=number]{width:100%}.webpage-settings .checkbox{display:flex;align-items:center;gap:8px}
@media(max-width:850px){.le-workspace{grid-template-rows:98px auto minmax(80px,1fr) var(--le-settings-size) 28px}.le-page-options{max-height:80px;overflow:auto}}
@media(max-width:580px){.le-workspace{grid-template-rows:140px auto minmax(70px,1fr) var(--le-settings-size) 32px}.le-page-options{max-height:60px}.webpage-settings-grid{grid-template-columns:1fr}}

.le-social-source{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;max-width:100%;font-size:12px}.le-social-source label{display:flex;flex-direction:column;gap:5px;max-width:100%}.le-social-source label.le-check{flex-direction:row;align-items:center}.le-social-source select{max-width:100%;min-width:140px}.le-social-source p{flex-basis:100%;margin:4px 0}.le-code-feedback .le-social-source{display:grid}.le-code-feedback .le-social-source select{width:100%}

/* The approved SIGNAL editor shell: canvas first, one focused inspector. */
.layout-library-heading{margin:4px 0 18px;gap:14px}.layout-library-heading>div{flex:1}.layout-library-heading h2{font-size:26px}.layout-library-filters{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:18px 0}.layout-library-filters>small{margin-left:auto;color:#64685f}.layout-library-filters .le-segments{display:flex;gap:4px}.layout-library-filters button.selected{background:#f8e5d8;border-color:#f0642c;color:#242624}.layout-pilot-note{background:none;border:0;padding:0;font-size:12px}.layout-library-grid{gap:20px;margin-top:18px}.layout-library-grid article{overflow:visible;position:relative}.layout-card-preview{overflow:hidden;border-radius:7px 7px 0 0!important}.layout-card-info h3{font-size:16px;line-height:1.35}.layout-card-meta{display:flex;gap:12px;flex-wrap:wrap;padding:0 16px 14px;font-size:12px}.layout-card-meta>small{flex-basis:100%;color:#64685f}.layout-card-menu{position:relative}.layout-card-menu summary{list-style:none;padding:6px;cursor:pointer}.layout-card-menu>div{position:absolute;right:0;top:100%;z-index:9;background:#fff;border:1px solid #ddd8ce;box-shadow:0 8px 25px #24262420;padding:6px;min-width:150px;display:grid}.layout-card-menu button{justify-content:flex-start;border:0}.layout-card-actions{border-top:1px solid #eee9df;padding:12px 16px}
.le-editor{--le-bg:#faf8f3;--le-panel:#fff;--le-line:#d8d5cc;--le-text:#242624;--le-muted:#64685f;background:var(--le-bg);color:var(--le-text);color-scheme:light;grid-template-columns:190px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr)}.le-editor input,.le-editor select,.le-editor textarea{background:#fff;color:#242624;border-color:var(--le-line)}.le-editor button:hover{background:#eee9df;border-color:#acae9f}.le-editor button[aria-pressed=true],.le-editor .le-segments .selected{background:#fff0e5;color:#242624;border-color:#f0642c}.le-header{background:#faf8f3;padding:8px 16px;gap:14px}.le-header>img{width:110px}.le-header .le-save{background:#f0642c;color:#242624;border-color:#f0642c}.le-sidebar{background:#f7f4ed}.le-widget-library{padding:14px 10px}.le-widget-grid{gap:8px}.le-widget-library summary{font-size:12px}.le-widget-grid button{padding:12px 4px}.le-widget-grid button span{font-size:12px}.le-widget-library .le-content-tile button{padding:10px 8px}.le-layers{padding:12px 8px}.le-layer-name span{max-width:114px}.le-layer-name small{font-size:10px;color:#64685f}.le-layer.selected{background:#fff0e5;border-color:#f0642c}.le-layer{gap:3px}.le-layer-name{padding:6px 2px!important}.le-background-layer{border-top:1px solid var(--le-line)}.le-workspace{grid-template-columns:minmax(0,1fr) var(--le-inspector-width,350px);grid-template-rows:56px minmax(0,1fr) auto 28px;column-gap:16px;padding:0 0 0 16px!important}.le-toolbar{grid-column:1;grid-row:1;gap:8px;flex-wrap:nowrap}.le-toolbar button,.le-toolbar select{font-size:12px;padding:7px 8px}.le-fit{margin-left:auto}.le-pages{grid-column:1;grid-row:3;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.le-page-tabs{padding:0}.le-page-tabs button{font-size:11px;padding:7px;min-height:34px}.le-page-tabs button.active{background:#fff0e5}.le-page-options-disclosure>summary{font-size:12px;cursor:pointer;white-space:nowrap}.le-page-options-disclosure[open]>.le-page-options{position:absolute;bottom:100%;left:0;right:0;padding:14px;background:#fff;border:1px solid var(--le-line);box-shadow:0 -8px 24px #24262412;z-index:6}.le-canvas-well{grid-column:1;grid-row:2;padding:20px 16px;background:repeating-conic-gradient(#e9e6de 0% 25%,#f2efe8 0% 50%) 0 0/16px 16px}.le-canvas{box-shadow:0 2px 12px #24262425}.le-tray{grid-column:2;grid-row:1/5;position:relative;overflow:visible;border:0;border-left:1px solid var(--le-line);border-radius:0;background:#fff;padding:0 16px}.le-tray>header{background:#fff;flex-wrap:wrap;gap:6px;min-height:100px;border-bottom:1px solid var(--le-line);padding:12px 0}.le-tray>header>input{max-width:none;flex:1;min-width:150px;font-weight:700}.le-tray>header>.le-segments{order:4;width:100%;display:flex}.le-tray>header>.le-segments button{flex:1}.le-tray-body{padding:16px 0 24px}.le-tray-body .le-fields{gap:14px}.le-tray-body label{max-width:100%}.le-tray-body .le-fields>label{min-width:0}.le-tray-body .le-fields .le-grow{min-width:0;flex-basis:100%}.le-tray-body .le-fields .le-segments{flex-wrap:wrap}.le-tray-body .le-source-choice{min-width:0}.le-status{grid-column:1;grid-row:4;color:#64685f;padding-right:0;font-size:10px}.le-scope-note{padding:10px 12px;background:#f5f0e7;border-radius:5px;font-size:12px;line-height:1.5;margin:0 0 14px}.le-advanced{border-top:1px solid var(--le-line);padding:12px 0}.le-advanced>summary{font-size:12px;font-weight:650;cursor:pointer;margin-bottom:10px}.le-advanced:not([open])>summary{margin:0}.le-position-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.le-position-presets button{flex-direction:column;white-space:normal;font-size:11px;padding:12px 6px}.le-position-settings h3{font-size:14px;margin:0}.le-position-grid-settings{flex-direction:column;gap:8px}.le-position-map{width:100%;max-width:340px}.le-position-grid-help{font-size:11px}.le-position-map{background:#fff}.le-position-map button{background:#ece8df}.le-position-map button.occupied{background:#f4b496}.le-position-map button.anchor{background:#f0642c}.le-position-grid-help p[role=status]{color:#8d411f}.le-error{color:#a7361c}.le-inspector-resizer{position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:ew-resize;z-index:7;touch-action:none}.le-inspector-resizer:hover,.le-inspector-resizer:focus{background:#f0642c40}.le-tray .le-html-editor{grid-template-columns:1fr}.le-tray .le-code-input{min-height:220px}.le-tray .le-code-feedback{border-left:0;border-top:1px solid var(--le-line);padding-top:12px}.le-editor .le-code-input,.le-editor .le-code-lines{background:#f7f5ef;color:#64685f}.le-editor .le-code-feedback p,.le-editor .le-code-feedback small{color:#64685f}.le-social-inspector{display:grid;gap:14px}.le-social-inspector>section{display:grid;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--le-line)}.le-social-inspector h3{font-size:13px;margin:0}.le-social-inspector label{display:grid;gap:6px;font-size:12px}.le-social-inspector label.le-check{display:flex;align-items:center}.le-inline-actions{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:8px}.le-social-layouts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.le-social-layouts button{display:flex;flex-direction:column;font-size:11px;padding:12px 6px;white-space:normal}.le-social-layouts button svg{color:#64685f}.le-social-health{display:flex;gap:10px;font-size:12px;background:#f5f0e7;padding:10px}.le-social-health>div{display:grid;gap:4px}.le-social-health img{width:28px;height:28px}.le-social-inspector small{font-size:11px;line-height:1.5;color:#64685f}.le-assistant-anchor{right:18px;bottom:18px}.le-assistant-anchor .le-agent-docked{position:fixed;top:76px;bottom:76px;right:16px;width:360px;height:calc(100vh - 152px);max-height:none;resize:horizontal;min-width:300px;max-width:calc(100vw - 32px);background:#fff;color:#242624;border:1px solid var(--le-line);border-radius:8px;box-shadow:0 6px 25px #24262422}.le-agent-panel p,.le-agent-panel .le-agent-context,.le-agent-panel>small{color:#64685f}.le-agent-messages{max-height:none}.le-agent-messages .user{background:#f5f0e7}.le-ai-context{display:grid;gap:5px;padding:12px;background:#f5f0e7;font-size:12px;margin:12px 0}.le-ai-context small,.le-ai-context a{font-size:11px}.le-pending-changes{font-size:12px;border:1px solid #e1d8c7;padding:12px;background:#fff8f0;max-height:220px;overflow:auto}.le-pending-changes ul{padding-left:18px}.le-pending-changes>div{display:flex;gap:8px}.le-pending-changes .primary{background:#f0642c}.custom-app-editor{padding:18px 24px}.custom-app-editor>header{padding-bottom:12px;border-bottom:1px solid #d8d5cc}.custom-app-tabs{display:flex;gap:16px;border-bottom:1px solid #d8d5cc}.custom-app-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 8px;background:transparent}.custom-app-tabs button[aria-pressed=true]{border-color:#f0642c;background:transparent!important;color:#242624!important}.custom-app-preview-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;flex:1;min-height:0}.custom-app-preview{align-items:stretch;min-height:0;overflow:hidden}.custom-app-preview h2{font-size:16px;margin:8px 0}.custom-app-preview>.le-render{width:100%;height:auto;max-height:calc(100% - 70px);margin:auto}.custom-app-info{background:#fff;border:1px solid #ddd8ce;padding:20px;display:flex;flex-direction:column;gap:18px;overflow:auto;font-size:13px}.custom-app-info p{line-height:1.55;margin:8px 0}.custom-app-info h3{margin:0}.custom-app-info details{border-top:1px solid #ddd8ce;padding-top:14px}.custom-app-info summary{font-weight:700;cursor:pointer}.custom-app-data{max-width:800px;width:100%;margin:20px auto;display:grid;gap:18px}.custom-app-data>label{display:grid;gap:8px}
@media(max-width:1250px){.le-editor{grid-template-columns:160px minmax(0,1fr)}.le-workspace{column-gap:10px;padding-left:10px!important}.le-toolbar .le-fit{font-size:0;gap:0}.le-toolbar select{max-width:130px}.le-header>img{width:90px}.le-widget-library{padding:10px 6px}.le-layer-name span{max-width:86px}.le-header-actions{gap:6px}}
@media(max-width:1000px){.le-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:70px minmax(100px,1fr) auto 280px 26px;padding:0 12px!important}.le-tray{grid-column:1;grid-row:4;border:1px solid var(--le-line);min-height:0;overflow:hidden}.le-tray>header{min-height:55px;flex-wrap:nowrap}.le-tray>header>.le-segments{order:0;width:auto}.le-tray>header>input{min-width:60px}.le-tray-body{padding:12px 0}.le-status{grid-row:5}.le-toolbar{flex-wrap:wrap}.le-pages{grid-row:3}.le-canvas-well{grid-row:2;padding:10px}.le-inspector-resizer{display:none}.le-social-layouts{grid-template-columns:repeat(4,1fr)}.custom-app-preview-workspace{grid-template-columns:minmax(0,1fr) 240px}.le-tray .le-html-editor{grid-template-columns:minmax(0,1fr) 220px}.le-position-grid-settings{flex-direction:row}}
@media(max-width:600px){.le-editor{grid-template-columns:112px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr)}.le-workspace{padding:0 7px!important;grid-template-rows:100px minmax(90px,1fr) auto 250px 30px}.le-header>img{display:none}.le-title input{width:100px}.le-header>button{font-size:11px}.le-header-actions button{font-size:10px}.le-tray{padding:0 8px}.le-tray>header{flex-wrap:wrap}.le-tray>header>.le-segments{width:100%;order:4}.le-tray .le-html-editor{grid-template-columns:1fr}.le-page-options-disclosure>summary{font-size:10px}.le-social-layouts{grid-template-columns:repeat(2,1fr)}.le-position-grid-settings{flex-direction:column}.custom-app-editor{padding:12px}.custom-app-preview-workspace{display:block;overflow:auto}.custom-app-preview{min-height:200px}.custom-app-info{margin-top:20px}.layout-library-filters{gap:10px}.layout-library-filters .le-segments{flex-wrap:wrap}.layout-library-filters button{font-size:11px}}

/* Light editor corrections from the single hosted review. */
.le-editor .le-content-tile button{background:#fff;color:#242624}.le-editor .le-content-tile button:hover{background:#f5f0e7}.le-editor .le-title>span{background:#e8ece6;color:#36513b}.le-editor .le-widget-library summary small{background:#e5e2da;color:#454a43}.le-code-disclosure{width:100%;border:1px solid var(--le-line);border-radius:5px;padding:12px}.le-code-disclosure>summary{cursor:pointer;font-weight:600}.le-code-disclosure>summary small{display:block;font-weight:400;color:var(--le-muted);margin-top:7px}.le-code-disclosure[open]>.le-html-code{margin-top:18px}.le-html-data{display:grid;gap:12px;width:100%;min-width:0}.le-code-disclosure .le-code-feedback{border:0;padding:12px 0 0}

.cached-layout-preview{width:100%;height:auto;aspect-ratio:16/9;display:grid;place-items:center;background:#f0ece4;overflow:hidden}.cached-layout-preview>img{display:block;width:100%;height:100%;object-fit:contain}.cached-layout-preview>span{display:grid;gap:8px;text-align:center;color:#686a63;font-size:14px}.cached-layout-preview small{font-size:12px}.layout-thumbnail-stage{overflow:hidden;background:#F5F0E7;z-index:-1}.layout-thumbnail-stage .le-render{width:100%;height:100%}.layout-thumbnail-stage .cached-media-preview{width:100%;height:100%;aspect-ratio:auto}.layout-thumbnail-stage .cached-media-preview img{width:100%;height:100%;object-fit:contain}

/* Visual page navigation uses static media previews, never live widget instances. */
.le-page-tabs{align-items:stretch;min-width:0;max-width:100%;padding:3px 2px}
.le-page-tabs>button[role=tab]{display:flex;flex-direction:column;align-items:stretch;gap:0;width:132px;padding:4px;white-space:normal;background:#fff;border-color:#d8d5cc}
.le-page-tabs>button[role=tab].active{background:#fff0e5;border-color:#f0642c;box-shadow:0 0 0 1px #f0642c}
.le-page-thumbnail{display:block;position:relative;overflow:hidden;width:100%;height:58px;border:1px solid #e1ded6;pointer-events:none}
.le-page-thumbnail>.cached-media-preview,.le-page-mini-node>.cached-media-preview{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0}
.le-page-thumbnail .preview-loading small,.le-page-thumbnail .preview-unavailable small{display:none}
.le-page-thumbnail .preview-loading svg,.le-page-thumbnail .preview-unavailable svg{width:14px;height:14px}
.le-page-mini-node{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #787b7040;overflow:hidden;box-sizing:border-box}
.le-page-mini-node>svg{width:14px;height:14px;max-width:80%;max-height:80%}
.le-page-caption{display:flex;align-items:center;gap:6px;padding:7px 3px 2px;font-size:10px}
.le-page-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;flex:1;text-align:left}
.le-page-caption small{white-space:nowrap;font-size:10px}
.le-page-tabs>.le-page-add{display:flex;flex-direction:column;border-style:dashed;min-width:78px;justify-content:center;background:transparent}
@media(max-width:760px){.le-page-tabs>button[role=tab]{width:106px}.le-page-thumbnail{height:44px}.le-pages{gap:8px}.le-page-options-disclosure>summary{font-size:11px}}
.ds-qr,.ds-countdown,.ds-announcements{box-sizing:border-box;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:.4em;gap:.3em}
.ds-qr,.ds-countdown{flex-direction:column}
.ds-qr svg{display:block;flex:1;min-height:0;width:100%;max-width:100%}
.ds-qr-caption{flex:none;font-size:.7em;line-height:1.2;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.ds-countdown-title{font-size:.45em;white-space:pre-wrap;overflow-wrap:anywhere}
.ds-countdown-digits{display:flex;gap:.2em;font-variant-numeric:tabular-nums;max-width:100%}
.ds-countdown-digits>div{display:flex;flex-direction:column;min-width:0}
.ds-countdown-digits strong{font-size:.8em;line-height:1.15;font-weight:700}
.ds-countdown-digits small{font-size:.2em;color:inherit!important;opacity:.8}
.ds-countdown-end{font-size:.65em;white-space:pre-wrap;overflow-wrap:anywhere}
.ds-announcements>div{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.25}
.ds-widget-empty{font-size:.4em;opacity:.8}
.ds-announcement-fade{animation:ds-announcement-in .4s ease-out}
@keyframes ds-announcement-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ds-announcement-fade{animation:none}}

@font-face{font-family:Inter;src:url("fonts/inter.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Serif";src:url("fonts/noto-serif.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("fonts/roboto-mono.woff2") format("woff2");font-weight:400 700;font-display:swap}
.ds-qr,.ds-countdown,.ds-announcements,.le-notice,.notice{padding:var(--ds-padding,.4em);text-align:var(--ds-align,center)}
.ds-qr,.ds-countdown,.le-clock,.clock,.le-weather,.weather{align-items:var(--ds-flex-align,center);text-align:var(--ds-align,center)}
.ds-announcements,.le-notice,.notice{justify-content:var(--ds-flex-align,center)}
.le-clock,.clock,.le-weather,.weather{box-sizing:border-box;width:100%;height:100%;padding:var(--ds-padding,0)}
.clock small{font-size:.25em}.clock strong{font-weight:var(--ds-weight,650);line-height:1.2}.clock{gap:.15em}
.le-clock strong{font-weight:var(--ds-weight,650)}.le-weather strong,.weather strong,.ds-countdown-digits strong{font-weight:var(--ds-weight,700)}
.le-ticker>div,.ticker{padding:0 var(--ds-padding,1em)}.notice{box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}
.ds-countdown-title,.ds-qr-caption{width:100%}.ds-countdown-digits,.ds-countdown-end{max-width:100%}

.weather-reading{display:flex;align-items:center;gap:.25em}.weather-reading svg{width:1em;height:1em;flex:none}

.ds-ticker{box-sizing:border-box;display:block;width:100%;overflow:hidden;padding:0 var(--ds-padding,0);text-align:left}
.ds-ticker-track{display:flex;align-items:center;width:max-content;max-width:none;white-space:nowrap}
.ds-ticker-copy{display:block;flex:none;padding-inline-end:2em;white-space:pre}
.ds-ticker-track.is-playing{animation:ds-ticker-loop linear infinite;will-change:transform}
@keyframes ds-ticker-loop{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--ds-ticker-distance)))}}
@media(prefers-reduced-motion:reduce){.ds-ticker-track.is-playing{animation:none}}

.ds-clock-face{flex:1;min-height:0;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ds-clock-face svg{display:block;width:100%;height:100%;max-height:100%;aspect-ratio:1}.ds-clock-analogue>small{flex:none}.ds-clock-analogue{padding:var(--ds-padding,.12em)}
.le-weather.ds-weather-compact,.weather.ds-weather-compact{display:grid;grid-template-columns:auto 1fr;gap:.12em .35em;align-content:center;justify-content:center;padding:var(--ds-padding,.25em)}.ds-weather-compact>.weather-reading,.ds-weather-compact>div{grid-column:1;grid-row:1 / span 3}.ds-weather-compact>small,.ds-weather-compact>.credit,.ds-weather-compact>span{grid-column:2}.ds-weather-compact strong{font-size:1.1em}.ds-weather-compact>small{font-size:.3em}

.ds-widget-content{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.ds-widget-body{position:relative;z-index:1;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border-radius:inherit}
.le-background-media{position:absolute;inset:0;overflow:hidden;pointer-events:none}.le-background-media>img,.le-background-media>video{width:100%;height:100%;display:block}
.ds-progress-surface{position:relative;width:100%;height:100%;overflow:hidden;--ds-progress-size:18px}
.ds-progress-content{position:absolute;inset:0;overflow:hidden}
.ds-playback-progress{position:absolute;right:calc(8px + var(--ds-progress-offset-x,0px));bottom:calc(8px + var(--ds-progress-offset-y,0px));display:flex;align-items:center;gap:6px;color:#f5f0e7;pointer-events:none;z-index:2;font:clamp(8px,1vw,14px)/1 Archivo,sans-serif;filter:drop-shadow(0 1px 2px #0008)}
.ds-progress-ring{width:var(--ds-progress-size);height:var(--ds-progress-size);flex-shrink:0;transform:rotate(-90deg)}
.ds-progress-ring circle{fill:none;stroke-width:2}.ds-progress-ring-base{stroke:#ffffff50}.ds-progress-ring-fill{stroke:#f0642c;stroke-dasharray:100;stroke-dashoffset:100}
.ds-progress-track{display:none;width:clamp(48px,8vw,120px);height:2px;background:#ffffff40;overflow:hidden}.ds-progress-fill{height:100%;background:#f0642c;transform-origin:left center}
.ds-progress-label{font-variant-numeric:tabular-nums;white-space:nowrap}.ds-progress-dot{display:none;width:7px;height:7px;border-radius:50%;background:#aaa}
.ds-playback-progress[data-style=bar][data-kind=finite] .ds-progress-track{display:block}.ds-playback-progress[data-style=bar] .ds-progress-ring,.ds-playback-progress:not([data-kind=finite]) .ds-progress-ring{display:none}
.ds-playback-progress:not([data-kind=finite]) .ds-progress-dot{display:block}.ds-playback-progress[data-kind=live] .ds-progress-dot{background:#45c77b}.ds-playback-progress[data-kind=status] .ds-progress-dot{background:#c6b997}
.ds-progress-surface[data-progress-position=below]>.ds-progress-content,.ds-progress-surface[data-progress-youtube=true]>.ds-progress-content{bottom:calc(var(--ds-progress-size) + 8px)}
.ds-progress-surface[data-progress-position=below]>.ds-playback-progress,.ds-progress-surface[data-progress-youtube=true]>.ds-playback-progress{bottom:4px;filter:none}
.ds-progress-surface[data-progress-position=below],.ds-progress-surface[data-progress-youtube=true]{background:#242624}
.arrivane-page{max-width:1320px;margin:0 auto}
.arrivane-page p{font-size:.86rem;line-height:1.65}
.arrivane-intro{border-bottom:1px solid var(--line);padding:4px 0 22px;margin:0 0 22px}
.arrivane-intro-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.arrivane-brand-pair{display:flex;align-items:center;gap:22px;max-width:100%;flex-wrap:wrap}.arrivane-dsigns-logo{width:132px;height:auto;flex:none}.arrivane-brand-divider{font-size:24px;line-height:1;color:var(--muted);font-weight:300}.arrivane-provider{display:flex;align-items:center;gap:12px}.arrivane-provider img{width:44px;height:44px;flex:none}.arrivane-intro .arrivane-provider h2{font-size:27px;letter-spacing:-.025em;line-height:1.2;margin:0}.arrivane-intro>p{margin:16px 0 0;color:var(--muted);font-size:.9rem}.arrivane-nav-logo{flex:none;vertical-align:middle;margin-right:8px}

.arrivane-pending{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--paper);border-left:3px solid var(--signal)}
.arrivane-pending>svg{flex-shrink:0;margin-top:2px}.arrivane-pending strong{font-size:.9rem}.arrivane-pending p{margin:2px 0 0;color:var(--muted)}
.arrivane-steps{display:flex;list-style:none;padding:0;margin:26px 0;border-bottom:1px solid var(--line);gap:18px;overflow:auto}
.arrivane-steps li{display:flex;align-items:center;gap:18px;flex:1;white-space:nowrap}.arrivane-steps li>svg{color:var(--muted)}
.arrivane-steps button{border:0;border-bottom:3px solid transparent;background:none;border-radius:0;padding:12px 0;min-height:50px;display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--muted)}
.arrivane-steps button>span{border:1px solid var(--line);width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:.75rem}
.arrivane-steps button[aria-current=step]{border-bottom-color:var(--signal);color:var(--ink);font-weight:700}.arrivane-steps button[aria-current=step]>span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.arrivane-customer{max-width:380px;margin:0 0 25px}.arrivane-customer small{font-weight:400;color:var(--muted)}
.arrivane-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:40px;align-items:start}
.arrivane-editor{min-width:0}.arrivane-section-heading>span{font-size:.66rem;letter-spacing:.14em;color:var(--signal-dark);font-weight:700}.arrivane-section-heading h3{font-size:1.5rem;margin:5px 0 12px;letter-spacing:-.025em}
.arrivane-fields{border:0;margin:0;padding:0;min-width:0;display:block}.arrivane-fields>p:first-child{margin-top:0;color:var(--muted)}
.arrivane-fields .field{margin:16px 0}.arrivane-fields .field small{font-size:.73rem;color:var(--muted);font-weight:400}
.arrivane-fields input,.arrivane-fields select{max-width:100%;min-width:0}.arrivane-fields .field input{width:100%}
.arrivane-location{border-top:1px solid var(--line);padding:15px 0}.arrivane-location-heading{display:flex;align-items:center;gap:10px}.arrivane-location-heading>.field{margin:0;flex:1;min-width:0;font-size:.68rem;color:var(--muted)}.arrivane-location-heading input{font-size:.9rem;color:var(--ink);padding:7px 10px}.arrivane-location-heading>span{font-size:.7rem;color:var(--muted);white-space:nowrap}
.arrivane-screen-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 8px}.arrivane-screen-options>label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:5px;cursor:pointer;min-width:0}.arrivane-screen-options>label:has(input:checked){background:#f9efe6;border-color:#d7a58b}.arrivane-screen-options input{accent-color:var(--signal);margin:0;width:16px;height:16px;flex-shrink:0}.arrivane-screen-options svg{flex-shrink:0;color:var(--muted)}.arrivane-screen-options span{min-width:0}.arrivane-screen-options strong,.arrivane-screen-options small{display:block;overflow-wrap:anywhere;font-size:.76rem}.arrivane-screen-options small{font-size:.67rem;color:var(--muted);margin-top:2px}
.arrivane-location .text-action{font-size:.7rem;padding:4px 0;min-height:28px;color:var(--muted)}
.arrivane-approval{display:flex;gap:16px;padding:24px 0;border-block:1px solid var(--line);margin:24px 0}.arrivane-approval p{color:var(--muted);margin:5px 0 15px}.arrivane-check{display:flex;align-items:center;gap:10px;font-size:.82rem}.arrivane-check input{accent-color:var(--signal)}
.arrivane-editor-nav{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.arrivane-editor-nav button:last-child{margin-left:auto}
.arrivane-preview{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff}.arrivane-preview-heading{display:flex;justify-content:space-between;padding:14px 17px;gap:10px;font-size:.62rem;letter-spacing:.08em;font-weight:700}.arrivane-preview-heading>span:last-child{letter-spacing:0;font-weight:400;color:var(--muted)}
.arrivane-screen{background:var(--ink);color:var(--paper);min-height:300px;display:flex;flex-direction:column;padding:22px;position:relative;overflow:hidden}.arrivane-screen>img{width:106px;height:auto;align-self:flex-start}.arrivane-normal{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:5px;color:#d3d6cc}.arrivane-normal h4{margin:8px 0 0;font-size:1.1rem}.arrivane-normal p{font-size:.7rem;margin:0}.arrivane-screen-footer{display:flex;justify-content:space-between;color:#d3d6cc;font-size:.57rem;gap:10px}
.arrivane-welcome{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 0}.arrivane-welcome>span{font-size:.52rem;letter-spacing:.18em;color:#f8a47f}.arrivane-welcome h4{font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.13;font-weight:550;letter-spacing:-.04em;margin:12px 0;overflow-wrap:anywhere}.arrivane-welcome p{margin:0;color:#d3d6cc;font-size:.8rem}.arrivane-welcome-rule{width:45px;height:3px;background:var(--signal);margin-top:20px}
.arrivane-preview-controls{padding:18px}.arrivane-preview-controls .field{font-size:.75rem}.arrivane-target{display:flex;align-items:flex-start;gap:8px;font-size:.74rem!important;color:var(--muted);margin:12px 0 18px}.arrivane-target svg{flex-shrink:0;margin-top:3px}.arrivane-test-actions{display:flex;gap:8px;flex-wrap:wrap}.arrivane-test-actions button{font-size:.72rem;padding:8px 10px}.arrivane-test-actions button:last-child{background:none;border-color:transparent;padding-left:0}.arrivane-test-result{font-size:.76rem!important;min-height:44px;margin:14px 0 8px}.arrivane-preview-controls>.muted{font-size:.68rem;margin:0;line-height:1.6}
.arrivane-save{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;margin-top:32px}.arrivane-save strong,.arrivane-save span{display:block;font-size:.8rem}.arrivane-save span{font-size:.71rem;color:var(--muted);margin-top:4px}.arrivane-save .actions{display:flex;gap:8px}.arrivane-save button{font-size:.78rem}.arrivane-notice{border-left:3px solid #1f6b45;padding:10px 15px;background:#f0f5ef}.arrivane-review dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.8rem}.arrivane-review dt{color:var(--muted)}.arrivane-review dd{margin:0;text-align:right;overflow-wrap:anywhere}.arrivane-review h4{margin-bottom:8px}.arrivane-review ul{padding-left:20px;font-size:.82rem;line-height:1.8}
.arrivane-example-shell{max-width:1360px;margin:auto;padding:0 44px}.arrivane-example-header{display:flex;align-items:center;gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}.arrivane-example-header>span{font-size:.75rem;color:var(--muted)}.arrivane-example-header>span span{padding:0 10px}.arrivane-example-header a{margin-left:auto;font-size:.72rem;color:var(--ink)}.arrivane-example-banner{display:flex;align-items:center;gap:16px;margin:20px 0 32px;font-size:.72rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}.arrivane-example-banner strong{color:var(--signal-dark)}.arrivane-example-shell main{padding-bottom:20px}
@media(min-width:1400px){.arrivane-workbench{gap:60px}}
@media(max-width:1050px){.arrivane-workbench{gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(290px,1fr)}.arrivane-screen-options{grid-template-columns:1fr}.arrivane-example-shell{padding:0 26px}}
@media(max-width:760px){.arrivane-workbench{grid-template-columns:1fr}.arrivane-steps{gap:14px;margin:20px 0}.arrivane-steps li{gap:14px}.arrivane-steps button{font-size:.75rem}.arrivane-steps li>svg{display:none}.arrivane-screen-options{grid-template-columns:1fr 1fr}.arrivane-save{align-items:flex-start;flex-direction:column}.arrivane-save .actions{flex-wrap:wrap}.arrivane-example-shell{padding:0 18px}.arrivane-example-header{gap:18px;flex-wrap:wrap}.arrivane-example-header img{width:106px;height:auto}.arrivane-example-header>span{order:3;width:100%;font-size:.7rem}.arrivane-example-header a{font-size:.68rem}.arrivane-example-banner{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:24px}.arrivane-welcome h4{font-size:1.8rem}.arrivane-review dl>div{flex-direction:column;gap:4px}.arrivane-review dd{text-align:left}}
@media(max-width:420px){.arrivane-screen-options{grid-template-columns:1fr}.arrivane-pending{padding:13px}.arrivane-pending p{font-size:.78rem}.arrivane-save button{font-size:.72rem}}

@media(max-width:480px){.arrivane-brand-pair{gap:14px}.arrivane-dsigns-logo{width:106px}.arrivane-provider{gap:9px}.arrivane-provider img{width:36px;height:36px}.arrivane-intro .arrivane-provider h2{font-size:23px}.arrivane-brand-divider{font-size:20px}.arrivane-intro-heading>.connection-status{font-size:.7rem}}

.arrivane-partner-concept{margin:0 0 32px;border:1px solid var(--line);background:var(--paper);overflow:hidden}.arrivane-partner-concept>img{display:block;width:100%;height:auto}.arrivane-partner-concept>figcaption{display:flex;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--line);font-size:.68rem;line-height:1.5;flex-wrap:wrap}.arrivane-partner-concept strong{font-weight:650}.arrivane-partner-concept figcaption>span{color:var(--muted)}.arrivane-partner-concept a{margin-left:auto;color:var(--signal-dark);text-underline-offset:3px}
@media(max-width:480px){.arrivane-partner-concept>figcaption{gap:5px 12px}.arrivane-partner-concept figcaption>span{flex-basis:100%;order:3}.arrivane-partner-concept{margin-bottom:24px}}