/* Desktop finish: one neutral hierarchy across the Builder and Management sites. */
:root:not([data-theme="light"]) {
  --ground:#000;
  --surface:#111;
  --surface-alt:#191b1a;
  --line:#252827;
  --line-strong:#3b403d;
  --muted:#b4b4b4;
}

.top-nav {
  height:62px;
  border-bottom:1px solid var(--line);
}
.brand { font-size:18px; }
.site-navigation-link { padding:8px 9px; }
.app-layout {
  height:calc(100vh - 62px);
  gap:12px;
  padding:10px 12px 12px;
}
.builder-workspace,.preview-panel {
  border-color:var(--line);
  border-radius:10px;
}
.tabs-header {
  height:54px;
  gap:26px;
}
.workspace-heading {
  min-height:56px;
}
.workspace-heading p { font-size:14px; }
.tabs-content { padding-bottom:32px; }

.preview-panel { background:var(--surface); }
.preview-header {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px;
  border-bottom:1px solid var(--line);
}
.preview-header strong { font-size:13px; font-weight:600; }
.preview-header span { color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.preview-body { background:var(--surface); }
.preview-rings { opacity:1; }
.preview-idle h2 { font-size:20px; letter-spacing:-.025em; }
.preview-idle p { max-width:30ch; }
.preview-footer { border-top:1px solid var(--line); background:var(--surface); }
.footer-tabs { min-height:44px; padding-inline:18px; }
.footer-tab-content { padding:12px 18px 16px; }

body.management-site .tabs-header { height:54px; }