:root {
  --shell: #100d0a;
  --shell-2: #151611;
  --hub-header-h: 72px;
  --hub-local-h: 44px;
  --paper: #e7d7ad;
  --paper-light: #f0e2bc;
  --paper-deep: #d7c49b;
  --ink: #201b14;
  --muted: #6e5f49;
  --soft: #917b59;
  --line: rgba(111, 79, 35, .46);
  --line-soft: rgba(111, 79, 35, .22);
  --gold: #9f6f2d;
  --green: #2f6848;
  --red: #8d3f35;
  --mono: "DM Mono", monospace;
  --serif: "Libre Caslon Display", Georgia, serif;
  --sans: Inter, system-ui, sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; scrollbar-width: none; background: var(--shell); }
html::-webkit-scrollbar,
body::-webkit-scrollbar { width: 0; height: 0; display: none; }
html, body { min-height: 100%; margin: 0; }
body {
  overflow-x: hidden;
  color: var(--ink);
  background:
    linear-gradient(rgba(187, 148, 83, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(187, 148, 83, .028) 1px, transparent 1px),
    var(--shell);
  background-size: 32px 32px, 32px 32px, auto;
  font: 14px/1.5 var(--sans);
}
button, input, textarea, select { font: inherit; }
button, select { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

#bootgate {
  position: fixed;
  right: 16px;
  bottom: 16px;
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: #c9b98e;
  border: 1px solid rgba(181, 138, 80, .34);
  border-radius: 7px;
  background: rgba(16, 13, 10, .96);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .34);
  font: 10px/1 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 100;
}

body[data-social-boot="loading"] .business-shell { visibility: hidden; pointer-events: none; }

.business-shell {
  min-height: 100svh;
  display: block;
  background: transparent;
}

body[data-header="collapsed"] { --hub-header-h: 0px; }

.hub-global-header {
  position: sticky;
  z-index: 80;
  top: 0;
  height: var(--hub-header-h);
  min-height: var(--hub-header-h);
  display: grid;
  grid-template-columns: 245px minmax(520px, 1fr) auto;
  align-items: center;
  gap: 18px;
  overflow: visible;
  padding: 0 22px;
  color: #f0eadf;
  border-bottom: 1px solid rgba(181, 138, 80, .72);
  background: #0d1110;
  transition: min-height .18s ease, height .18s ease, opacity .14s ease, transform .18s ease;
}
body[data-header="collapsed"] .hub-global-header {
  min-height: 0;
  overflow: hidden;
  padding-block: 0;
  border-bottom-width: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
}
.hub-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-width: 0;
  color: #f0eadf;
  white-space: nowrap;
}
.hub-header-mark {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: sepia(.58) saturate(1.18) hue-rotate(-7deg) brightness(1.38) contrast(.9) drop-shadow(0 3px 4px rgba(0,0,0,.24));
}
.hub-logo-letters {
  width: 110px;
  height: auto;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 9px;
  stroke-linecap: square;
  stroke-linejoin: round;
}
.hub-destination-mark {
  color: #a59a8b;
  font: 700 8px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif;
  letter-spacing: .26em;
}
.hub-product-nav {
  min-width: 0;
  align-self: stretch;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(181, 138, 80, .45) transparent;
}
.hub-product-nav a,
.hub-product-nav button {
  position: relative;
  flex: 0 0 auto;
  min-width: 64px;
  min-height: 0;
  padding: 0 12px;
  border: 0;
  color: #a59a8b;
  background: transparent;
  font: 12px/1 Georgia, "Times New Roman", serif;
  font-variant: small-caps;
  letter-spacing: .08em;
}
.hub-product-nav a { display: grid; place-items: center; }
.hub-product-nav a:hover,
.hub-product-nav button:hover,
.hub-product-nav [aria-current="page"] { color: #fffaf0; }
.hub-product-nav [aria-current="page"]::after {
  content: "";
  position: absolute;
  right: 11px;
  bottom: 0;
  left: 11px;
  height: 1px;
  background: #b58a50;
}
.hub-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3px;
}
.hub-header-tools button,
.hub-profile-tool {
  position: relative;
  min-width: 38px;
  min-height: 38px;
  display: grid;
  place-items: center;
  padding: 4px 7px;
  border: 0;
  border-radius: 4px;
  color: #aea69b;
  background: transparent;
}
.hub-header-tools button:hover,
.hub-profile-tool:hover { color: #fff9ed; background: rgba(255,255,255,.055); }
.hub-header-tools svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hub-tool-badge {
  position: absolute;
  top: 2px;
  right: 1px;
  min-width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  padding: 0 3px;
  border-radius: 8px;
  color: #1d1710;
  background: #d7ad72;
  font: 700 8px/1 "Cascadia Mono", "DM Mono", monospace;
  font-style: normal;
}
.hub-profile-tool span {
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(211,174,118,.55);
  color: #e0bd87;
  font: 10px/1 "Cascadia Mono", "DM Mono", monospace;
}

.social-local-strip {
  position: sticky;
  z-index: 79;
  top: var(--hub-header-h);
  height: var(--hub-local-h);
  display: flex;
  align-items: stretch;
  gap: 14px;
  min-width: 0;
  padding: 0 18px 0 10px;
  overflow-x: auto;
  border-bottom: 1px solid rgba(181,138,80,.28);
  color: #d8cdbd;
  background: rgba(13,17,16,.985);
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,80,.45) transparent;
}
.social-header-collapse {
  flex: 0 0 32px;
  width: 32px;
  display: grid;
  place-items: center;
  margin: 5px 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  color: #ad9a82;
  background: transparent;
}
.social-header-collapse:hover { color: #fff8ed; background: rgba(255,255,255,.055); }
.social-header-collapse svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: transform .18s ease;
}
body[data-header="collapsed"] .social-header-collapse svg { transform: rotate(180deg); }
.social-local-destination {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding-right: 18px;
  border-right: 1px solid rgba(181,138,80,.22);
  color: #c79a5d;
  font: 700 9px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.social-local-strip nav { display: flex; align-items: stretch; gap: 20px; white-space: nowrap; }
.social-local-strip nav a {
  position: relative;
  display: grid;
  place-items: center;
  padding: 0 1px;
  color: #978d80;
  font: 500 9px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.social-local-strip nav a:hover,
.social-local-strip nav a[aria-current="page"] { color: #fff8ec; }
.social-local-strip nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #b58a50;
}
.hub-global-header :is(a, button):focus-visible,
.social-local-strip :is(a, button):focus-visible {
  outline: 2px solid #d7ad72;
  outline-offset: -3px;
}

.topbar {
  grid-column: 1 / -1;
  position: sticky;
  top: 0;
  z-index: 80;
  display: grid;
  grid-template-columns: 280px minmax(170px, auto) minmax(540px, 1fr);
  align-items: center;
  gap: 24px;
  min-width: 0;
  padding: 0 30px;
  color: #f5edda;
  border-bottom: 1px solid rgba(183, 133, 62, .55);
  background: rgba(10, 12, 11, .97);
}

.brand { display: flex; align-items: center; gap: 12px; font-size: 20px; font-weight: 700; letter-spacing: .14em; }
.brand small { color: #b79662; font: 8px/1 var(--mono); letter-spacing: .2em; }
.brand-mark {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: sepia(.18) saturate(.72) brightness(1.12);
}
.workspace-title { text-align: center; }
.workspace-title span, .workspace-title b { display: block; }
.workspace-title span { color: #a9844e; font: 8px/1 var(--mono); letter-spacing: .16em; }
.workspace-title b { margin-top: 7px; color: #f2dfbc; font: 400 16px/1 var(--serif); }
.primary-nav { display: flex; justify-content: flex-end; align-items: center; gap: 5px; min-width: 0; }
.primary-nav a { padding: 9px 12px; color: #cbbb9a; font: 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: #fff4df; background: rgba(185, 132, 54, .1); }
.mobile-account-nav { display: none; padding: 9px 12px; color: #cbbb9a; border: 0; background: transparent; font: 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.top-connect { min-height: 35px; padding: 8px 11px; color: #ead8b6; border: 1px solid rgba(183, 133, 62, .48); background: rgba(183, 133, 62, .08); font: 9px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.top-connect:hover { color: #fff4df; background: rgba(185, 132, 54, .16); }
.quiet-link { justify-self: end; font: 10px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }

.social-profile-view .profile-shell {
  /* 2026-08-21: retired the legacy parchment scrap; Profile now wears the same dark ledger
     dress as Queue/Autopilot (Tony: "the theme"). Local tokens flip the inherited paper ink. */
  --ink: #e9dfd1;
  --muted: rgba(233,223,209,.6);
  --gold: #c68a45;
  --line: rgba(181,138,80,.4);
  --line-soft: rgba(181,138,80,.2);
  width: min(1480px, 100%);
  margin: 0 auto;
  padding: 26px 28px;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(14, 10, 7, .74);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 56px rgba(0, 0, 0, .22);
}
.social-profile-view .profile-shell > header { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.social-profile-view .profile-shell h1 { margin: 7px 0 0; font: 400 28px/1 var(--serif); }
.social-profile-view .profile-shell > p { margin: 14px 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.social-profile-view .profile-shell > p.profile-lede { margin: 6px 0 18px; }
.social-profile-view .profile-shell article { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; border-top: 1px solid var(--line-soft); }
.social-profile-view .profile-shell article b, .social-profile-view .profile-shell article small { display: block; }
.social-profile-view .profile-shell article b { font: 400 18px/1.1 var(--serif); }
.social-profile-view .profile-shell article small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.account-connection-row > div:first-child { min-width: 0; }
.account-connection-actions { display: flex; flex: 0 0 154px; flex-direction: column; min-width: 0; gap: 7px; }
.account-connection-actions button { width: 100%; white-space: nowrap; }
.connect-account-button { flex: none; padding: 9px 10px; color: #fff4df; border: 1px solid rgba(125,82,30,.68); background: #6f461d; font: 9px/1 var(--mono); text-transform: uppercase; }
.connect-account-button:hover { background: #875927; }
.connect-account-button[data-connected="true"] { color: #684a28; background: transparent; }
.account-connection-path { display: grid; gap: 7px; margin: 0 0 14px; padding: 0; list-style: none; }
.account-connection-path li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 2px 8px; padding: 9px 10px; border: 1px solid var(--line-soft); background: rgba(255,255,255,.018); }
.account-connection-path li > span { grid-row: 1 / span 2; color: var(--gold); font: 700 9px/1.2 var(--mono); }
.account-connection-path li > b { font: 600 11px/1.2 var(--sans); }
.account-connection-path li > small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.disconnect-button { flex: none; padding: 9px 10px; color: #7d322b; border: 1px solid rgba(125,50,43,.5); background: rgba(125,50,43,.04); font: 9px/1 var(--mono); text-transform: uppercase; }
.disconnect-button:hover { color: #fff4df; background: #7d322b; }
.disconnect-button:disabled { opacity: .42; cursor: default; }
.account-permission-evidence { padding: 14px 0; border-top: 1px solid var(--line-soft); }
.account-permission-evidence > header { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.account-permission-evidence > header b { font: 600 11px/1.2 var(--sans); }
.account-permission-evidence > header small { max-width: 230px; color: var(--muted); font-size: 9px; line-height: 1.35; text-align: right; }
.meta-provider-evidence { margin: 10px 0 0; padding: 8px 9px; color: var(--muted); border: 1px solid var(--line-soft); background: rgba(255,255,255,.018); font: 9px/1.45 var(--mono); }
.meta-provider-evidence[data-state="live"] { color: #4e8768; border-color: rgba(78,135,104,.5); }
.meta-provider-evidence[data-state="stored"] { color: var(--gold); }
.meta-provider-evidence[data-state="held"] { color: #9b5148; border-color: rgba(155,81,72,.5); }
.account-permission-evidence ul { display: grid; gap: 5px; margin: 10px 0 0; padding: 0; list-style: none; }
.account-permission-evidence li { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 6px 8px; border: 1px solid var(--line-soft); background: rgba(255,255,255,.018); }
.account-permission-evidence code { overflow: hidden; color: var(--ink); font: 9px/1.2 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.account-permission-evidence li span { flex: none; color: var(--muted); font: 700 8px/1 var(--mono); letter-spacing: .08em; }
.account-permission-evidence li[data-permission-state="granted"] span { color: #4e8768; }
.account-permission-evidence li[data-permission-state="missing"] span { color: #9b5148; }
.account-drawer-evidence { margin-top: 4px; padding-top: 17px; border-top: 1px solid var(--line); }
.account-drawer-evidence > header { display: flex; align-items: start; justify-content: space-between; gap: 14px; }
.account-drawer-evidence h3 { margin: 6px 0 0; font: 400 22px/1.08 var(--serif); }
.account-drawer-evidence > header button { flex: none; min-height: 34px; padding: 8px 10px; color: #684a28; border: 1px solid var(--line); background: transparent; font: 500 10px/1 var(--sans); }
.account-drawer-evidence > header button:hover { color: #fff4df; background: #684a28; }
.account-drawer-evidence .media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.desk {
  grid-row: 2;
  grid-column: 1;
  min-width: 0;
  padding: 14px clamp(14px, 1.5vw, 28px) 38px;
  background: transparent;
}

.desk-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin: 0 auto 18px; max-width: 1720px; }
.eyebrow, .folio, .field-label { color: #8b6330; font: 10px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.desk-head h1 { margin: 8px 0 4px; font: 400 clamp(34px, 4vw, 58px)/.94 var(--serif); letter-spacing: -.02em; }
.desk-head p { max-width: 690px; margin: 0; color: #594c3d; font-size: 14px; }
.connection-pill { display: flex; align-items: center; gap: 10px; padding: 10px 13px; color: #6b573e; border: 1px solid var(--line); background: rgba(241, 226, 188, .48); white-space: nowrap; }
.connection-pill span { width: 8px; height: 8px; border-radius: 50%; background: #a67935; }
.connection-pill b { font: 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.connection-pill[data-state="connected"] span { background: #3b7655; box-shadow: 0 0 10px rgba(59, 118, 85, .5); }
.connection-pill[data-state="error"] span { background: #954b3e; }

.truthbar, .connection-paper, .account-strip, .composer-paper, .preview-paper {
  position: relative;
  max-width: 1720px;
  margin-left: auto;
  margin-right: auto;
  color: var(--ink);
  border: 1px solid var(--line);
  background-color: var(--paper);
  background-image:
    radial-gradient(circle at 14% 19%, rgba(255,255,255,.15) 0 .7px, transparent 1.2px),
    radial-gradient(circle at 76% 63%, rgba(87,54,20,.07) 0 .7px, transparent 1.2px),
    repeating-linear-gradient(0deg, rgba(99,69,31,.035) 0 1px, transparent 1px 5px),
    linear-gradient(100deg, rgba(255,246,215,.18), rgba(101,70,32,.045));
  background-size: 13px 17px, 19px 23px, auto, auto;
  box-shadow: 8px 10px 0 rgba(46, 32, 17, .12);
}
.truthbar::after, .connection-paper::after, .account-strip::after, .composer-paper::after, .preview-paper::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(122, 85, 38, .16);
  pointer-events: none;
}
.truthbar { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding: 12px 18px; font: 11px/1.3 var(--mono); }
.truthbar strong { color: #755328; letter-spacing: .1em; }

.account-strip { display: grid; grid-template-columns: auto minmax(220px, .8fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1.2fr); align-items: center; gap: 14px; margin: 0 auto 10px; padding: 8px 14px; box-shadow: 6px 8px 0 rgba(46, 32, 17, .1); }
.account-strip > * { position: relative; z-index: 1; min-width: 0; }
.account-strip .connection-pill { padding: 8px 10px; }
.account-page > span, .account-identity > span { display: block; color: #8b6330; font: 8px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.account-page select { width: 100%; height: 36px; margin-top: 5px; padding: 0 30px 0 9px; color: var(--ink); border: 1px solid var(--line); border-radius: 0; background: rgba(245, 232, 198, .68); font-size: 11px; }
.account-identity { padding-left: 14px; border-left: 1px solid var(--line-soft); }
.account-identity b, .account-identity small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-identity b { margin-top: 5px; font: 400 15px/1.1 var(--serif); }
.account-identity small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.tiktok-identity { display: grid; grid-template-columns: 32px 1fr; gap: 9px; align-items: center; }
.tiktok-identity .platform-icon { width: 32px; height: 32px; }
.account-truth { justify-self: stretch; padding-left: 14px; border-left: 1px solid var(--line-soft); }
.account-truth span, .account-truth strong { display: block; }
.account-truth span { max-height: 21px; overflow: hidden; color: var(--muted); font: 8px/1.3 var(--mono); }
.account-truth strong { margin-top: 4px; color: #755328; font: 8px/1 var(--mono); letter-spacing: .1em; }

.connection-paper { padding: 26px 30px 28px; }
.connection-paper > header { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.connection-paper h2, .paper-heading h2 { margin: 7px 0 0; font: 400 clamp(24px, 2.2vw, 36px)/1 var(--serif); }
.connection-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(260px, .8fr) minmax(260px, 1.2fr); gap: 22px; padding-top: 20px; }
.connection-grid select { width: 100%; height: 48px; margin-top: 9px; padding: 0 42px 0 13px; color: var(--ink); border: 1px solid var(--line); border-radius: 0; background: rgba(245, 232, 198, .65); }
.identity-readout { padding-left: 22px; border-left: 1px solid var(--line-soft); }
.identity-readout strong, .identity-readout small { display: block; }
.identity-readout strong { margin: 10px 0 4px; font: 400 22px/1.1 var(--serif); }
.identity-readout small { color: var(--muted); }
.tiktok-connect-strip { position: relative; z-index: 1; display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line-soft); }
.tiktok-connect-strip b, .tiktok-connect-strip small { display: block; }
.tiktok-connect-strip small { margin-top: 4px; color: var(--muted); font-size: 11px; }

.ink-button, .result-actions button, .result-actions a, .edit-box button {
  min-height: 42px;
  padding: 10px 16px;
  color: #f8eedb;
  border: 1px solid #17140f;
  border-radius: 0;
  background: #17140f;
  font: 600 12px/1 var(--sans);
}
.ink-button:hover, .result-actions button:hover, .result-actions a:hover, .edit-box button:hover { filter: brightness(1.18); }
.ink-button.primary { min-width: 220px; min-height: 48px; font-size: 13px; }

.workspace { max-width: 1720px; margin: 0 auto; display: grid; grid-template-columns: minmax(390px, 1.05fr) minmax(340px, .84fr) minmax(280px, .68fr); gap: 12px; align-items: start; }
.compose-stack { min-width: 0; display: grid; gap: 12px; }
.composer-paper, .preview-paper { margin: 0; max-width: none; padding: 16px 18px 18px; }
.paper-heading { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 20px; padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.draft-stamp { align-self: start; color: #6f5533; font: 20px/1 var(--serif); letter-spacing: .08em; }

.media-drop { position: relative; z-index: 1; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; min-height: 58px; margin: 10px 0 9px; padding: 8px 10px; border: 1px dashed var(--line); background: rgba(245, 232, 198, .34); cursor: pointer; }
.media-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.media-number { display: grid; place-items: center; width: 34px; height: 34px; color: #7a572e; border: 1px solid var(--line); font: 11px/1 var(--mono); }
.media-drop b, .media-drop small { display: block; }
.media-drop b { font-family: var(--serif); font-size: 18px; font-weight: 400; }
.media-drop small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.media-drop em { color: #76562f; font: normal 9px/1 var(--mono); }
.editor-hint { position: relative; z-index: 1; margin: -3px 0 10px; color: var(--muted); font: 9px/1.35 var(--mono); }

.platform-choice { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
.platform-card { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 8px; min-width: 0; min-height: 54px; padding: 7px; text-align: left; color: var(--ink); border: 1px solid var(--line-soft); border-radius: 0; background: rgba(245, 232, 198, .28); }
.platform-card.selected { border-color: #a87530; box-shadow: inset 3px 0 #a87530; background: rgba(245, 232, 198, .58); }
.platform-icon { width: 32px; height: 32px; display: grid; place-items: center; color: white; font: 600 10px/1 var(--sans); }
.platform-icon.fb { background: #1877f2; }
.platform-icon.ig { background: #1a1713; }
.platform-icon.tt { color: #fff; background: linear-gradient(135deg, #111 0 58%, #25f4ee 58% 76%, #fe2c55 76%); }
.platform-icon.yt { color: #fff; background: #ff0033; }
.platform-card b, .platform-card small { display: block; }
.platform-card small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.platform-card em { color: #8b6330; font: normal 15px/1 var(--serif); }

.tiktok-options { position: relative; z-index: 1; margin: 0 0 16px; padding: 15px; border: 1px solid var(--line-soft); background: rgba(245, 232, 198, .35); }
.tiktok-options-head { margin-bottom: 13px; }
.tiktok-options-head strong { display: block; margin-top: 6px; color: #654a29; font: 400 13px/1.4 var(--serif); }
.tiktok-options > label { display: block; margin-top: 11px; color: var(--muted); font-size: 11px; }
.tiktok-options select { width: 100%; min-height: 42px; margin-top: 6px; padding: 0 10px; color: var(--ink); border: 1px solid var(--line); border-radius: 0; background: rgba(248, 236, 204, .72); }
.tiktok-toggles { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; }
.tiktok-toggles label, .tiktok-consent { display: flex !important; align-items: flex-start; gap: 8px; color: #4f402c !important; }
.tiktok-toggles input, .tiktok-consent input { margin: 2px 0 0; accent-color: #17140f; }
.tiktok-consent { padding-top: 11px; border-top: 1px solid var(--line-soft); }

.caption-field { position: relative; z-index: 1; display: block; }
.caption-field textarea, .edit-box textarea {
  width: 100%;
  margin-top: 9px;
  padding: 14px;
  resize: vertical;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 0;
  outline: 0;
  background: rgba(248, 236, 204, .62);
  font: 15px/1.55 Georgia, serif;
}
.caption-field textarea { height: 94px; min-height: 94px; }
.caption-field textarea:focus, .edit-box textarea:focus { border-color: #8b6330; box-shadow: 0 0 0 2px rgba(139, 99, 48, .12); }
.publish-row { position: relative; z-index: 1; display: flex; align-items: center; gap: 18px; margin-top: 16px; }
.publish-row span { color: var(--muted); font-size: 11px; }

.preview-paper > header { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.preview-paper > header b { display: block; margin-top: 6px; font-family: var(--serif); font-size: 21px; font-weight: 400; }
.preview-paper > header > span { color: #80613a; font: 9px/1 var(--mono); }
.preview-carousel-head { display: grid !important; grid-template-columns: 40px 1fr 40px; text-align: center; }
.preview-carousel-head button { width: 38px; height: 38px; color: var(--ink); border: 1px solid var(--line); background: rgba(245, 232, 198, .42); font: 20px/1 var(--serif); }
.preview-carousel-head button:hover { background: rgba(245, 232, 198, .78); }
.social-preview { position: relative; z-index: 1; overflow: hidden; border: 1px solid rgba(40, 33, 24, .2); background: #fff; box-shadow: 0 18px 35px rgba(42, 29, 15, .16); }
.social-preview > header { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 10px; padding: 12px 14px; color: #171717; }
.avatar { width: 42px; height: 42px; display: grid; place-items: center; color: white; border-radius: 50%; background: #171512; font-family: var(--serif); }
.social-preview header b, .social-preview header small { display: block; }
.social-preview header b { font-size: 12px; }
.social-preview header small { color: #777; font-size: 10px; }
.social-preview header em { color: #555; font: normal 17px/1 var(--sans); }
.preview-media { height: clamp(260px, 38vh, 420px); display: grid; place-items: center; overflow: hidden; color: #7d715f; background: linear-gradient(135deg, #d6c6a7, #f1e4c5); font: 11px/1 var(--mono); }
.preview-media img, .preview-media video { width: 100%; height: 100%; object-fit: cover; }
.social-preview > p { min-height: 92px; max-height: 180px; overflow: auto; margin: 0; padding: 15px; color: #1b1b1b; white-space: pre-wrap; font: 12px/1.55 Arial, sans-serif; }
.social-preview > footer { display: flex; gap: 18px; padding: 0 15px 13px; color: #666; font: 9px/1 Arial, sans-serif; }
.social-preview[data-format="instagram-feed"] { max-width: 540px; margin: 0 auto; }
.social-preview[data-format="instagram-feed"] .preview-media { height: clamp(380px, 50vh, 560px); aspect-ratio: 4 / 5; }
.social-preview[data-format="instagram-feed"] > footer { justify-content: space-between; font-weight: 600; }
.social-preview[data-format="instagram-reel"],
.social-preview[data-format="instagram-story"],
.social-preview[data-format="tiktok-video"] { position: relative; max-width: 350px; margin: 0 auto; color: white; border-color: rgba(255, 255, 255, .32); background: #090909; }
.social-preview[data-format="instagram-reel"],
.social-preview[data-format="instagram-story"] { max-width: 420px; }
.social-preview[data-format="instagram-reel"] > header,
.social-preview[data-format="instagram-story"] > header,
.social-preview[data-format="tiktok-video"] > header { position: absolute; z-index: 3; top: 0; left: 0; right: 0; color: white; background: linear-gradient(rgba(0,0,0,.55), transparent); }
.social-preview[data-format="instagram-reel"] .preview-media,
.social-preview[data-format="instagram-story"] .preview-media,
.social-preview[data-format="tiktok-video"] .preview-media { height: clamp(330px, 48vh, 520px); aspect-ratio: 9 / 16; color: #d5d5d5; background: linear-gradient(160deg, #2c261f, #080808); }
.social-preview[data-format="instagram-reel"] .preview-media,
.social-preview[data-format="instagram-story"] .preview-media { height: clamp(520px, 62vh, 700px); }
.social-preview[data-format="instagram-reel"] > p,
.social-preview[data-format="instagram-story"] > p,
.social-preview[data-format="tiktok-video"] > p { position: absolute; z-index: 3; left: 0; right: 48px; bottom: 32px; min-height: 0; max-height: 100px; padding: 12px; color: white; background: linear-gradient(transparent, rgba(0,0,0,.72)); }
.social-preview[data-format="instagram-reel"] > footer,
.social-preview[data-format="instagram-story"] > footer,
.social-preview[data-format="tiktok-video"] > footer { position: absolute; z-index: 4; right: 8px; bottom: 42px; display: grid; gap: 14px; padding: 0; color: white; text-align: center; }
.social-preview[data-format="instagram-story"] > footer { display: none; }
.proof-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); margin: 14px 0 0; border: 1px solid var(--line-soft); }
.proof-grid div { padding: 10px; border-right: 1px solid var(--line-soft); }
.proof-grid div:last-child { border: 0; }
.proof-grid dt { color: var(--muted); font: 9px/1 var(--mono); }
.proof-grid dd { margin: 7px 0 0; font: 600 10px/1.2 var(--mono); }

.result-card { position: relative; z-index: 1; margin-top: 18px; padding: 18px; border: 1px solid rgba(46, 105, 72, .55); background: rgba(215, 232, 201, .45); }
.result-card h3 { margin: 7px 0 5px; font: 400 25px/1 var(--serif); }
.result-card p { margin: 0; color: #465944; }
.result-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.result-actions a, .result-actions button { min-height: 38px; padding: 9px 12px; }
.result-actions .danger { color: #5f251f; border-color: rgba(129, 58, 47, .45); background: transparent; }
.edit-box { margin-top: 14px; }
.edit-box > div { display: flex; gap: 8px; margin-top: 8px; }

.week-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--line-soft); background: rgba(245, 232, 198, .25); }
.week-day { min-width: 0; padding: 9px 3px 8px; text-align: center; border-right: 1px solid var(--line-soft); }
.week-day:last-child { border-right: 0; }
.week-day.today { background: rgba(159, 111, 45, .12); box-shadow: inset 0 3px #9f6f2d; }
.week-day b, .week-day strong { display: block; }
.week-day b { color: var(--muted); font: 500 9px/1 var(--sans); text-transform: uppercase; }
.week-day strong { margin: 7px 0; font: 400 20px/1 var(--serif); }
.week-day div { min-height: 15px; display: flex; justify-content: center; gap: 2px; }
.week-day div i { width: 17px; height: 15px; display: grid; place-items: center; color: #fff; background: #725027; font: normal 7px/1 var(--sans); }
.week-day div i[data-platform="ig"] { background: #211b16; }
.week-day div i[data-platform="tt"] { background: #111; box-shadow: inset -3px 0 #fe2c55, inset 3px 0 #25f4ee; }
.week-day div span { color: #aa987a; font: 11px/1 var(--sans); }
.week-detail { display: grid; }
.week-detail > p { margin: 0; padding: 14px 8px 5px; color: var(--muted); text-align: center; font-size: 12px; }
.schedule-item { display: grid; grid-template-columns: 8px 1fr; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line-soft); }
.schedule-item:last-child { border-bottom: 0; }
.schedule-item > i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: #96703a; }
.schedule-item b, .schedule-item small, .schedule-item span { display: block; }
.schedule-item b { overflow: hidden; font: 400 13px/1.25 var(--serif); text-overflow: ellipsis; white-space: nowrap; }
.schedule-item small { margin-top: 4px; color: #805d2f; font: 8px/1.3 var(--mono); text-transform: uppercase; }
.schedule-item span { margin-top: 5px; color: var(--muted); font-size: 9px; }

.post-list { position: relative; z-index: 1; }
.post-list { display: grid; gap: 8px; margin-top: 16px; }
.post-row { display: grid; grid-template-columns: 58px 1fr auto; gap: 12px; align-items: center; min-width: 0; padding: 9px; border: 1px solid var(--line-soft); background: rgba(245, 232, 198, .32); }
.post-row img, .post-placeholder { width: 58px; height: 58px; object-fit: cover; background: #cbb991; }
.post-row > span { min-width: 0; }
.post-row b, .post-row small { display: block; }
.post-row b { overflow: hidden; font-family: Georgia, serif; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.post-row small { margin-top: 5px; color: var(--muted); font: 9px/1 var(--mono); }
.post-row a { color: #725027; font: 10px/1 var(--mono); text-decoration: underline; text-underline-offset: 3px; }
.empty-evidence { margin-top: 16px; padding: 24px; color: var(--muted); border: 1px dashed var(--line); text-align: center; }
.ig-card { display: grid; grid-template-columns: 62px 1fr; gap: 13px; align-items: center; margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--line-soft); }
.ig-card img, .ig-avatar { width: 62px; height: 62px; object-fit: cover; border-radius: 50%; background: #1a1713; color: white; display: grid; place-items: center; }
.ig-card b, .ig-card span { display: block; }
.ig-card .ig-avatar { display: grid; }
.ig-card > span { min-width: 0; }
.ig-card b { font: 400 21px/1 var(--serif); }
.ig-card span { margin-top: 6px; color: var(--muted); font-size: 11px; }
.media-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-top: 14px; }
.media-grid a { aspect-ratio: 1; overflow: hidden; background: #cbb991; }
.media-grid img { width: 100%; height: 100%; object-fit: cover; }
.profile-open-link { position: relative; z-index: 2; flex: none; color: #725027; font: 500 10px/1 var(--sans); text-decoration: underline; text-underline-offset: 3px; }
.account-empty-feed { grid-column: 1 / -1; margin: 0; padding: 28px 14px; color: var(--muted); border: 1px dashed var(--line); text-align: center; font-size: 12px; line-height: 1.5; }
.account-platform-section { position: relative; z-index: 1; padding-top: 15px; }
.account-platform-section + .account-platform-section { margin-top: 17px; border-top: 1px solid var(--line); }
.account-platform-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.account-platform-head > b { font: 500 12px/1.2 var(--sans); }
.facebook-account-card { display: flex; align-items: center; gap: 10px; }
.facebook-account-card > span:last-child { display: grid; gap: 4px; }
.facebook-account-card b { font: 500 14px/1.2 var(--sans); }
.facebook-account-card small { color: var(--muted); font: 11px/1.2 var(--sans); }
.facebook-account-mark { width: 36px; height: 36px; display: grid; place-items: center; color: white; background: #1877f2; font: 600 18px/1 Arial, sans-serif; }
.account-post-list { margin-top: 11px; }
.account-post-list .post-row { grid-template-columns: 48px 1fr auto; }
.account-post-list .post-row img, .account-post-list .post-placeholder { width: 48px; height: 48px; }
/* Functional Social Desk: one activity strip, additive media holding, explicit connections. */
.activity-strip {
  grid-template-columns: 170px minmax(420px, 1fr) minmax(280px, .72fr);
  gap: 18px;
  padding: 11px 16px;
}
.activity-title, .activity-metrics, .activity-truth { position: relative; z-index: 1; min-width: 0; }
.activity-title span, .activity-title b { display: block; }
.activity-title span { color: #8b6330; font: 500 10px/1.2 var(--sans); letter-spacing: .1em; }
.activity-title b { margin-top: 6px; font: 400 20px/1 var(--serif); }
.activity-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; border-left: 1px solid var(--line-soft); }
.activity-metrics div { padding: 2px 16px; border-right: 1px solid var(--line-soft); }
.activity-metrics dt { color: var(--muted); font: 500 10px/1.2 var(--sans); text-transform: uppercase; }
.activity-metrics dd { margin: 7px 0 0; font: 400 25px/1 var(--serif); }
.activity-truth { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding-left: 16px; border-left: 1px solid var(--line-soft); }
.activity-truth span, .activity-truth strong { display: block; }
.activity-truth span { color: var(--muted); font-size: 11px; line-height: 1.35; }
.activity-truth strong { margin-top: 5px; color: #755328; font: 500 10px/1 var(--sans); letter-spacing: .08em; }
.page-picker { position: relative; z-index: 1; display: block; margin: -5px 0 14px; }
.page-picker select { width: 100%; min-height: 40px; margin-top: 7px; padding: 0 34px 0 11px; color: var(--ink); border: 1px solid var(--line); border-radius: 0; background: rgba(248, 236, 204, .62); font-size: 13px; }
.media-holding { position: relative; z-index: 1; margin: 0 0 15px; padding: 11px; border: 1px solid var(--line-soft); background: rgba(245, 232, 198, .3); }
.media-holding > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 9px; }
.media-holding > header b, .media-holding > header small { display: block; }
.media-holding > header b { font-size: 13px; font-weight: 500; }
.media-holding > header small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.media-holding > header button { padding: 6px 8px; color: #725027; border: 1px solid var(--line); background: transparent; font-size: 10px; }
.media-tray { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 7px; }
.media-thumb { position: relative; min-width: 0; border: 1px solid var(--line-soft); background: rgba(240, 226, 188, .5); }
.media-thumb.active { border-color: #9f6f2d; box-shadow: inset 0 0 0 2px rgba(159, 111, 45, .2); }
.media-thumb-select { width: 100%; display: block; padding: 0; color: var(--ink); border: 0; background: transparent; text-align: left; }
.media-thumb-select img, .media-thumb-select video, .media-thumb-placeholder { width: 100%; height: 66px; display: grid; place-items: center; object-fit: cover; background: #cbb991; }
.media-thumb > span { display: block; min-width: 0; padding: 6px 7px; }
.media-thumb > span b, .media-thumb > span small { display: block; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.media-thumb > span small { margin-top: 2px; color: var(--muted); }
.media-thumb-remove { position: absolute; top: 4px; right: 4px; width: 23px; height: 23px; display: grid; place-items: center; padding: 0; color: #fff; border: 1px solid rgba(255,255,255,.55); background: rgba(22, 18, 13, .82); font-size: 14px; line-height: 1; }
.platform-card[data-connection="disconnected"] { border-style: dashed; }
.platform-card[data-connection="disconnected"] small { color: #7e4c2d; font-weight: 500; }
.platform-card[data-connection="reconnect"] { border-color: #8d3f35; background: rgba(141, 63, 53, .06); }

.toast { position: fixed; left: 50%; bottom: 24px; z-index: 150; max-width: calc(100vw - 32px); padding: 12px 18px; color: #f5ead2; border: 1px solid rgba(197, 151, 80, .6); background: rgba(18, 17, 13, .96); box-shadow: 0 18px 40px rgba(0,0,0,.35); opacity: 0; pointer-events: none; transform: translate(-50%, 12px); transition: .18s ease; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }

/* The receipt rewrite at modal-close is a textbook scroll-anchoring trap (2026-08-21). */
html, body { overflow-anchor: none; }

/* Readability pass: reserve mono for small evidence codes, not customer navigation or prose. */
body { font-size: 15px; line-height: 1.55; }
.mobile-account-nav, .top-connect {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .04em;
}
.top-connect { min-height: 40px; padding: 9px 13px; white-space: nowrap; }
.eyebrow, .folio, .field-label { font-size: 11px; line-height: 1.2; }
.connection-pill b { font-family: var(--sans); font-size: 12px; font-weight: 500; letter-spacing: .03em; }
.account-page > span, .account-identity > span { font-size: 10px; line-height: 1.2; }
.account-page select { height: 40px; font-family: var(--sans); font-size: 13px; }
.account-identity b { font-family: var(--sans); font-size: 14px; font-weight: 500; }
.account-identity small { font-size: 11px; line-height: 1.35; }
.account-truth span, .account-truth strong { font-size: 10px; line-height: 1.35; }
.media-drop b { font-family: var(--sans); font-size: 16px; font-weight: 500; }
.media-drop small { font-size: 12px; line-height: 1.4; }
.media-drop em { font-family: var(--sans); font-size: 10px; font-weight: 500; }
.editor-hint { font-family: var(--sans); font-size: 11px; line-height: 1.45; }
.platform-card b { font-size: 13px; font-weight: 500; }
.platform-card small { font-size: 11px; }
.tiktok-options > label, .publish-row span { font-size: 12px; line-height: 1.45; }
.preview-paper > header > span, .proof-grid dt {
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 500;
}
.social-preview header b { font-size: 13px; }
.social-preview header small { font-size: 11px; }
.preview-media { font-family: var(--sans); font-size: 12px; }
.social-preview > p { font-size: 13px; line-height: 1.6; }
.social-preview > footer { font-size: 11px; }
.proof-grid dd { font-family: var(--sans); font-size: 11px; font-weight: 500; }
.schedule-item b { font-size: 14px; line-height: 1.35; }
.schedule-item small { font-family: var(--sans); font-size: 10px; }
.schedule-item span { font-size: 11px; }
.post-row small, .post-row a { font-family: var(--sans); font-size: 11px; line-height: 1.4; }
.social-profile-view .profile-shell article small { font-size: 11px; }
.disconnect-button, .connect-account-button {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
}

/* 2026-07-28 composer consolidation: one tray, explicit post intent, faithful previews. */
.workspace {
  max-width: 1640px;
  grid-template-columns: minmax(560px, 1.08fr) minmax(440px, .92fr);
  gap: 14px;
}
.composer-paper, .preview-paper { padding: 18px 20px 20px; }
.media-holding {
  margin: 12px 0;
  padding: 13px;
  background: rgba(245, 232, 198, .36);
}
.media-holding > header { margin-bottom: 11px; }
.media-holding > header b { font-size: 15px; }
.media-holding > header small { font-size: 11px; line-height: 1.45; }
.media-tray-actions { display: flex; align-items: center; gap: 7px; }
.media-add-button, .media-holding > header button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  color: #4b3720;
  border: 1px solid var(--line);
  background: rgba(248, 236, 204, .55);
  font: 500 11px/1 var(--sans);
  cursor: pointer;
}
.media-add-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.media-empty {
  min-height: 112px;
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border: 1px dashed var(--line);
  background: rgba(248, 236, 204, .26);
  cursor: pointer;
}
.media-empty b, .media-empty small { display: block; }
.media-empty b { font: 400 21px/1.1 var(--serif); }
.media-empty small { margin-top: 6px; color: var(--muted); font-size: 12px; }
.media-empty[hidden] { display: none !important; }
.media-tray { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; }
.media-thumb-select img, .media-thumb-select video, .media-thumb-placeholder { height: 82px; }
.media-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 11px;
  padding-top: 11px;
  border-top: 1px solid var(--line-soft);
}
.media-tools[hidden] { display: none !important; }
.media-tools > span { min-width: 0; }
.media-tools b, .media-tools small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-tools b { font-size: 12px; }
.media-tools small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.media-edit-button {
  flex: none;
  min-height: 34px;
  padding: 7px 11px;
  color: #f8eedb;
  border: 1px solid #17140f;
  background: #17140f;
  font: 500 11px/1 var(--sans);
}
.post-mode {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
  padding: 13px;
  border: 1px solid var(--line-soft);
  background: rgba(245, 232, 198, .24);
}
.post-mode > header b, .post-mode > header small { display: block; }
.post-mode > header b { font: 500 13px/1.2 var(--sans); }
.post-mode > header small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.post-mode-choice { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 10px; }
.post-mode-choice button {
  min-width: 0;
  padding: 9px 10px;
  color: var(--ink);
  border: 1px solid var(--line-soft);
  background: rgba(248, 236, 204, .34);
  text-align: left;
}
.post-mode-choice button.selected {
  border-color: #9f6f2d;
  box-shadow: inset 3px 0 #9f6f2d;
  background: rgba(248, 236, 204, .72);
}
.post-mode-choice b, .post-mode-choice small { display: block; }
.post-mode-choice b { font-size: 12px; }
.post-mode-choice small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.platform-icon svg { width: 20px; height: 20px; display: block; fill: currentColor; stroke: none; }
.platform-icon.ig svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.platform-icon.ig .platform-icon-dot { fill: currentColor; stroke: none; }
.platform-icon.tt { background: #151412; box-shadow: inset 4px 0 #25f4ee, inset -4px 0 #fe2c55; }
.platform-icon.yt { background: #2a1013; box-shadow: inset 0 -4px #ff0033; }
.platform-icon.tt svg { width: 18px; height: 18px; }
.platform-card em { min-width: 42px; text-align: right; font-family: var(--sans); font-size: 11px; }
.preview-paper {
  width: min(100%, 560px);
  height: min(566px, calc(100svh - var(--hub-header-h) - var(--hub-local-h) - 40px));
  min-height: 480px;
  justify-self: center;
  display: grid;
  grid-template-rows: 52px minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(181, 138, 80, .42);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(61, 40, 22, .16), rgba(5, 4, 3, .28)),
    rgba(12, 8, 6, .2);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
  -webkit-backdrop-filter: blur(7px) saturate(1.04);
  backdrop-filter: blur(7px) saturate(1.04);
}
.preview-paper::after { display: none; }
.preview-format-tabs {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(72px, 1fr));
  margin: 0;
  overflow-x: auto;
  border: 0;
  border-bottom: 1px solid rgba(181, 138, 80, .32);
  background: rgba(13, 12, 10, .96);
  scrollbar-width: thin;
  scrollbar-color: rgba(181, 138, 80, .42) transparent;
}
.preview-format-tabs button {
  position: relative;
  min-height: 0;
  padding: 0 8px;
  color: #a99d8d;
  border: 0;
  border-right: 1px solid rgba(181, 138, 80, .2);
  background: transparent;
  font: 13px/1 Georgia, "Times New Roman", serif;
}
.preview-format-tabs button:last-child { border-right: 0; }
.preview-format-tabs button:hover { color: #fff8ec; background: rgba(255, 255, 255, .025); }
.preview-format-tabs button.selected {
  color: #fff8ec;
  background: rgba(57, 40, 24, .48);
  box-shadow: inset 0 -2px #c18a45;
}
.preview-format-tabs button:focus-visible { outline: 2px solid #d7ad72; outline-offset: -3px; }
.preview-stage {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 12px 22px 16px;
}
.social-preview {
  width: min(390px, 100%);
  max-width: none;
  margin: 0;
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .35);
}
.social-preview > header {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px;
  min-height: 50px;
  padding: 8px 10px;
}
.avatar { width: 34px; height: 34px; overflow: hidden; background: #171512; }
.avatar img { width: 100%; height: 100%; display: block; object-fit: contain; filter: sepia(.12) saturate(.7); }
.social-preview header b { font-size: 11px; }
.social-preview header small { font-size: 9px; }
.social-preview header em { font-size: 15px; }
.preview-media {
  position: relative;
  isolation: isolate;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  background: #181610;
  font-size: 9px;
}
.preview-media::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -22px;
  background-image: var(--preview-image, none);
  background-position: center;
  background-size: cover;
  filter: blur(18px) saturate(.72) brightness(.58);
  opacity: .68;
  transform: scale(1.08);
}
.preview-media img, .preview-media video {
  position: relative;
  z-index: 1;
  object-fit: contain;
  background: transparent;
}
.social-preview > p {
  min-height: 54px;
  max-height: 70px;
  padding: 9px 10px;
  font-size: 10px;
  line-height: 1.45;
}
.social-preview > footer { gap: 15px; padding: 0 10px 9px; font-size: 8px; }
.social-preview[data-format="instagram-feed"] { width: min(276px, 100%); max-width: none; margin: 0; }
.social-preview[data-format="instagram-feed"] .preview-media {
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 5;
}
.social-preview[data-format="instagram-reel"],
.social-preview[data-format="instagram-story"],
.social-preview[data-format="tiktok-video"] { width: min(248px, 100%); max-width: none; margin: 0; }
.social-preview[data-format="instagram-reel"] .preview-media,
.social-preview[data-format="instagram-story"] .preview-media,
.social-preview[data-format="tiktok-video"] .preview-media {
  height: auto;
  min-height: 0;
  aspect-ratio: 9 / 16;
}

@media (min-width: 1101px) {
  .product-nav { display: flex; }
}

@media (min-width: 1101px) and (max-width: 1450px) {
  .activity-strip { grid-template-columns: 150px minmax(390px, 1fr); }
  .activity-truth { display: none; }
}

@media (min-width: 1101px) and (max-width: 1320px) {
  .workspace { grid-template-columns: minmax(390px, 1fr) minmax(340px, .88fr); }
}

@media (max-width: 1100px) {
  .hub-global-header { grid-template-columns: minmax(150px, 180px) minmax(0, 1fr) auto; gap: 10px; padding-inline: 12px; }
  .hub-header-tools button:nth-child(1),
  .hub-header-tools button:nth-child(4),
  .hub-header-tools button:nth-child(5) { display: none; }
  .hub-product-nav a, .hub-product-nav button { padding-inline: 8px; }
  .site-header { grid-template: 68px 54px / 1fr auto; gap: 0; min-height: 122px; padding: 0 18px; }
  .wordmark { grid-row: 1; grid-column: 1; }
  .header-tools { grid-row: 1; grid-column: 2; }
  .product-nav { grid-row: 2; grid-column: 1 / -1; height: 54px; justify-content: flex-start; border-top: 1px solid rgba(183, 133, 62, .22); }
  .mobile-account-nav { display: block; flex: 0 0 auto; }
  .desk { grid-row: 2; grid-column: 1; }
  .account-strip { grid-template-columns: 1fr 1fr; }
  .activity-strip { grid-template-columns: 160px 1fr; }
  .activity-truth { grid-column: 1 / -1; display: block; padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--line-soft); }
  .workspace { grid-template-columns: 1fr; }
  .preview-paper { order: -1; }
}

@media (max-width: 620px) {
  .hub-global-header { grid-template-columns: 138px minmax(0, 1fr) 36px; gap: 6px; padding-inline: 8px; }
  .hub-header-mark { flex-basis: 27px; width: 27px; height: 27px; }
  .hub-logo-letters { width: 78px; }
  .hub-destination-mark { display: none; }
  .hub-header-tools button { display: none !important; }
  .hub-profile-tool { min-width: 34px; min-height: 34px; padding: 3px; }
  .hub-product-nav a, .hub-product-nav button { min-width: 58px; padding-inline: 7px; }
  .site-header { padding: 0 10px; }
  .header-tools button:nth-child(1), .header-tools button:nth-child(3), .header-tools button:nth-child(4), .header-tools button:nth-child(5) { display: none; }
  .social-local-strip { padding: 0 10px; }
  .header-actions span { display: none; }
  .top-connect { padding: 7px 8px; font-size: 8px; }
  .desk { padding: 20px 12px 48px; }
  .desk-head { align-items: start; }
  .desk-head p, .connection-pill { display: none; }
  .truthbar { display: grid; }
  .connection-paper, .composer-paper { padding: 20px 16px; box-shadow: 4px 6px 0 rgba(46, 32, 17, .12); }
  .connection-paper > header { align-items: start; }
  .connection-grid, .platform-choice { grid-template-columns: 1fr; }
  .post-mode-choice { grid-template-columns: 1fr; }
  .preview-format-tabs { grid-template-columns: repeat(6, minmax(64px, 1fr)); }
  .account-strip { grid-template-columns: 1fr; }
  .activity-strip { grid-template-columns: 1fr; }
  .activity-metrics { border-left: 0; border-top: 1px solid var(--line-soft); }
  .activity-metrics div { padding: 10px 7px 3px; }
  .activity-metrics dd { font-size: 21px; }
  .account-identity, .account-truth { padding: 10px 0 0; border-left: 0; border-top: 1px solid var(--line-soft); }
  .tiktok-connect-strip { grid-template-columns: 36px 1fr; }
  .tiktok-connect-strip .ink-button { grid-column: 1 / -1; width: 100%; }
  .identity-readout { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--line-soft); }
  .publish-row { display: grid; }
  .publish-row .primary { width: 100%; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof-grid div { border-right: 0; border-bottom: 1px solid var(--line-soft); }
  .post-row { grid-template-columns: 48px minmax(0, 1fr); }
  .post-row img, .post-placeholder { width: 48px; height: 48px; }
  .post-row a { grid-column: 2; }
  .media-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Social editor: backlog-fed parchment workbench with a fixed preview rail. */
.workspace {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(790px, 1fr) 560px;
  gap: 18px;
}
.compose-stack { min-width: 0; }
.preview-stack {
  min-width: 0;
  display: grid;
  align-content: start;
  justify-items: end;
  gap: 12px;
}
.preview-paper { justify-self: end; }

.social-editor {
  --editor-parchment: rgba(214, 194, 163, .94);
  --editor-parchment-deep: rgba(198, 174, 140, .96);
  overflow: hidden;
  padding: 0 18px 18px;
  border-color: rgba(112, 78, 43, .42);
  border-radius: 14px;
  background:
    radial-gradient(circle at 19% 16%, rgba(255, 252, 242, .28), transparent 24%),
    repeating-linear-gradient(0deg, rgba(105, 74, 43, .025) 0 1px, transparent 1px 5px),
    linear-gradient(rgba(103, 70, 37, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(103, 70, 37, .04) 1px, transparent 1px),
    linear-gradient(135deg, var(--editor-parchment), var(--editor-parchment-deep));
  background-size: auto, auto, 24px 24px, 24px 24px, auto;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .38);
}
.social-editor::after { display: none; }
.editor-modebar {
  position: relative;
  z-index: 3;
  min-height: 52px;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) 74px;
  align-items: stretch;
  margin: 0 -18px;
  overflow: hidden;
  border-bottom: 1px solid rgba(181, 138, 80, .38);
  color: #e8dccb;
  background: rgba(15, 13, 10, .97);
}
.editor-route {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 15px;
  color: #d8c9b6;
}
.editor-route b { color: #d6aa70; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; }
.editor-route small { overflow: hidden; color: #918579; font: 10px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.editor-bank-trigger {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid rgba(181, 138, 80, .2);
  color: #d5a66a;
  background: rgba(255, 255, 255, .015);
  font: 8px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .1em;
}
.editor-bank-trigger b { color: #f5ebdd; font: 500 11px/1 Georgia, serif; letter-spacing: 0; }
.editor-bank-trigger:hover { background: rgba(181, 138, 80, .08); }
.editor-modes { min-width: 0; display: grid; grid-template-columns: repeat(3, 1fr); }
.editor-modes button {
  position: relative;
  display: grid;
  place-content: center;
  gap: 4px;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid rgba(181, 138, 80, .16);
  color: #9f9486;
  background: transparent;
}
.editor-modes button b { font: 500 13px/1 Georgia, serif; }
.editor-modes button small { font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.editor-modes button:hover { color: #fff8ec; background: rgba(255, 255, 255, .025); }
.editor-modes button.selected { color: #fff8ec; background: rgba(64, 44, 26, .42); box-shadow: inset 0 -2px #c18a45; }
.editor-modebar .draft-stamp {
  align-self: stretch;
  display: grid;
  place-items: center;
  color: #d6aa70;
  font: 8px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .1em;
}
.editor-backlog {
  position: absolute;
  z-index: 12;
  top: 52px;
  bottom: 0;
  left: 0;
  width: min(310px, calc(100% - 28px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  padding: 16px;
  border-right: 1px solid rgba(213, 177, 126, .34);
  color: #e9ddcc;
  background:
    linear-gradient(145deg, rgba(63, 40, 22, .2), rgba(5, 4, 3, .2)),
    rgba(18, 12, 8, .92);
  box-shadow: 18px 0 46px rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(12px) saturate(1.04);
  backdrop-filter: blur(12px) saturate(1.04);
}
.editor-backlog[hidden] { display: none !important; }
.editor-backlog > header { display: flex; align-items: start; justify-content: space-between; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(213, 177, 126, .2); }
.editor-backlog > header span,
.editor-backlog > header strong { display: block; }
.editor-backlog > header span { color: #c18f52; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .11em; }
.editor-backlog > header strong { margin-top: 7px; color: #fff4e3; font: 400 24px/1 Georgia, serif; }
.editor-backlog > header button { min-height: 30px; padding: 0 9px; border: 1px solid rgba(213, 177, 126, .25); border-radius: 6px; color: #d2af80; background: rgba(255, 255, 255, .025); font: 7px/1 "Cascadia Mono", "DM Mono", monospace; text-transform: uppercase; }
.editor-backlog > p { margin: 14px 0; color: #aaa092; font: 10px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.editor-backlog > nav { display: grid; align-content: start; gap: 7px; }
.editor-backlog > nav button { min-height: 66px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px; border: 1px solid rgba(213, 177, 126, .16); border-radius: 8px; color: #ded1c0; background: rgba(255, 255, 255, .02); text-align: left; }
.editor-backlog > nav button:hover { background: rgba(181, 138, 80, .08); }
.editor-backlog > nav b,
.editor-backlog > nav small { display: block; }
.editor-backlog > nav b { font: 500 12px/1.15 Georgia, serif; }
.editor-backlog > nav small { margin-top: 6px; color: #918579; font: 8px/1.3 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.editor-backlog > nav em { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgba(213, 177, 126, .24); border-radius: 50%; color: #caa06a; font: normal 8px/1 "Cascadia Mono", "DM Mono", monospace; }
.editor-backlog > footer { align-self: end; padding-top: 13px; border-top: 1px solid rgba(213, 177, 126, .16); color: #7f7368; font: 7px/1.3 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; }
.editor-workbench {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(330px, .72fr) minmax(460px, 1.28fr);
  gap: 12px;
  margin-top: 12px;
  transition: margin-left .24s ease, grid-template-columns .24s ease;
}
.social-editor[data-backlog="open"] .editor-workbench {
  grid-template-columns: minmax(260px, .62fr) minmax(390px, 1.38fr);
  margin-left: 324px;
}
.editor-intake { min-width: 0; display: grid; align-content: start; gap: 10px; }
.social-editor .media-holding,
.editor-direction {
  min-width: 0;
  margin: 0;
  padding: 13px;
  border: 1px solid rgba(88, 60, 33, .24);
  border-radius: 10px;
  background: rgba(255, 250, 239, .18);
  box-shadow: inset 0 1px rgba(255, 255, 255, .22);
}
.social-editor .media-holding > header { min-height: 36px; margin-bottom: 8px; }
.social-editor .media-holding > header b { color: #3f3023; font: 500 12px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.social-editor .media-holding > header small { margin-top: 4px; color: #78654e; font-size: 9px; }
.social-editor .media-add-button,
.social-editor .media-holding > header button {
  min-height: 30px;
  padding: 0 9px;
  border-radius: 6px;
  color: #5c4127;
  background: rgba(255, 250, 239, .18);
  font-size: 9px;
}
.social-editor .media-empty {
  position: relative;
  min-height: 142px;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 15px;
  padding: 18px 16px;
  border-color: rgba(105, 71, 37, .32);
  border-radius: 8px;
  background: rgba(255, 250, 239, .08);
}
.social-editor .media-empty::before,
.social-editor .media-empty::after {
  content: "";
  position: absolute;
  left: 31px;
  top: 31px;
  width: 56px;
  height: 72px;
  border: 1px solid rgba(111, 76, 41, .35);
  border-radius: 5px;
  background: rgba(224, 205, 173, .86);
  box-shadow: 0 7px 14px rgba(65, 43, 24, .12);
}
.social-editor .media-empty::before { transform: rotate(-8deg) translate(-7px, 2px); }
.social-editor .media-empty::after { transform: rotate(7deg) translate(8px, 1px); }
.social-editor .media-number {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 74px;
  justify-self: center;
  border-radius: 5px;
  color: #6d4b2c;
  background: rgba(238, 221, 190, .96);
  box-shadow: 0 8px 17px rgba(65, 43, 24, .14);
  font-size: 17px;
}
.social-editor .media-empty b { color: #3f3023; font-size: 17px; }
.social-editor .media-empty small { color: #74614c; font-size: 10px; line-height: 1.45; }
.social-editor .media-tray {
  --deck-overlap: 0px;
  height: 126px;
  display: flex;
  align-items: flex-start;
  gap: 0;
  overflow: hidden;
  padding: 7px 10px 11px;
}
.social-editor .media-tray[data-count="0"] { height: 0; padding-block: 0; }
.social-editor .media-thumb {
  z-index: calc(var(--deck-index) + 1);
  flex: 0 0 96px;
  margin-left: var(--deck-overlap);
  border-color: rgba(88, 60, 33, .32);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(234, 215, 182, .96);
  box-shadow: 0 8px 18px rgba(61, 42, 24, .2);
  transform: rotate(-1.5deg);
  transform-origin: 50% 110%;
  transition: transform .16s ease, margin .16s ease;
}
.social-editor .media-thumb:first-child { margin-left: 0; }
.social-editor .media-thumb:nth-child(2n) { transform: rotate(1.8deg); }
.social-editor .media-thumb:nth-child(3n) { transform: rotate(-2.4deg); }
.social-editor .media-thumb:nth-child(4n) { transform: rotate(.8deg); }
.social-editor .media-thumb.active {
  z-index: 40;
  border-color: #9f6f2d;
  box-shadow: 0 10px 21px rgba(61, 42, 24, .25), inset 0 0 0 2px rgba(159, 111, 45, .2);
  transform: translateY(-4px) rotate(0);
}
.social-editor .media-thumb-select img,
.social-editor .media-thumb-select video { height: 76px; }
.social-editor .media-thumb > span { padding: 5px 6px 6px; }
.social-editor .media-thumb > span small { display: none; }
.social-editor[data-asset-density="busy"] .editor-direction textarea {
  height: 78px;
  min-height: 78px;
}
.editor-direction { display: grid; align-content: start; gap: 9px; }
.direction-head { display: grid; gap: 10px; }
.direction-head > span > b,
.direction-head > span > small { display: block; }
.direction-head > span > b { color: #7a552e; }
.direction-head > span > small { margin-top: 6px; color: #74614c; font-size: 9px; line-height: 1.35; }
.editor-direction .editor-modes {
  min-height: 36px;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  border: 1px solid rgba(88, 60, 33, .22);
  border-radius: 7px;
  background: rgba(255, 250, 239, .12);
}
.editor-direction .editor-modes button {
  min-height: 36px;
  padding: 5px 8px;
  border-right-color: rgba(88, 60, 33, .16);
  color: #74614d;
}
.editor-direction .editor-modes button:last-child { border-right: 0; }
.editor-direction .editor-modes button b { font-size: 11px; }
.editor-direction .editor-modes button small { color: #8d7559; font-size: 6px; }
.editor-direction .editor-modes button:hover { color: #392b20; background: rgba(255, 250, 239, .2); }
.editor-direction .editor-modes button.selected { color: #2d2118; background: rgba(255, 250, 239, .38); box-shadow: inset 0 -2px #a8753e; }
.editor-direction textarea {
  height: 118px;
  min-height: 118px;
  margin: 0;
  padding: 12px;
  resize: none;
  border-color: rgba(88, 60, 33, .28);
  border-radius: 8px;
  background: rgba(255, 250, 239, .22);
  font: 14px/1.5 Georgia, serif;
}
.editor-direction > footer { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; }
.auto-caption-button {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(88, 60, 33, .28);
  border-radius: 6px;
  color: #523a25;
  background: rgba(255, 250, 239, .25);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.editor-direction > footer span { color: #786651; font: 8px/1.35 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.social-editor .media-tools .media-add-footer { width: auto; min-height: 32px; display: grid; place-items: center; margin: 0; padding: 0 10px; border-radius: 6px; color: #4b3826; background: rgba(255, 250, 239, .25); cursor: pointer; }

.inline-media-editor {
  min-width: 0;
  min-height: 488px;
  display: grid;
  grid-template-rows: auto minmax(404px, 1fr);
  overflow: hidden;
  border: 1px solid rgba(88, 60, 33, .28);
  border-radius: 10px;
  background: rgba(255, 250, 239, .16);
  box-shadow: inset 0 1px rgba(255, 255, 255, .22);
}
.inline-media-editor > header { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 0 12px; border-bottom: 1px solid rgba(88, 60, 33, .18); }
.inline-media-editor > header b,
.inline-media-editor > header small { display: block; }
.inline-media-editor > header b { color: #654624; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; }
.inline-media-editor > header small { margin-top: 5px; color: #766450; font: 9px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.inline-media-editor > header em { padding: 6px 8px; border: 1px solid rgba(88, 60, 33, .2); border-radius: 999px; color: #8b6336; font: normal 6px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .07em; white-space: nowrap; }
.inline-editor-body {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 238px;
  border-bottom: 0;
}
.inline-editor-stage {
  position: relative;
  min-width: 0;
  min-height: 404px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 20px;
  background:
    linear-gradient(45deg, rgba(107, 83, 49, .06) 25%, transparent 25%, transparent 75%, rgba(107, 83, 49, .06) 75%),
    linear-gradient(45deg, rgba(107, 83, 49, .06) 25%, transparent 25%, transparent 75%, rgba(107, 83, 49, .06) 75%),
    rgba(182, 160, 128, .3);
  background-position: 0 0, 9px 9px;
  background-size: 18px 18px;
}
.inline-editor-stage > span { max-width: 220px; color: #6f5d48; text-align: center; }
.inline-editor-stage > span b,
.inline-editor-stage > span small { display: block; }
.inline-editor-stage > span b { color: #443324; font: 400 20px/1.1 Georgia, serif; }
.inline-editor-stage > span small { margin-top: 8px; font: 9px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.inline-editor-stage canvas,
.inline-editor-stage video {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 364px;
  background: transparent;
  box-shadow: 0 14px 30px rgba(62, 41, 23, .2);
}
.inline-editor-controls {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border-left: 1px solid rgba(88, 60, 33, .22);
  background: rgba(255, 250, 239, .13);
}
.inline-control-fields { min-width: 0; }
.inline-controls-empty { margin: 0; color: #766450; font: 9px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.inline-media-editor .gme-control { display: block; margin: 0 0 9px; }
.inline-media-editor .gme-control > span {
  margin-bottom: 5px;
  color: #684d2b;
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .06em;
}
.inline-media-editor .gme-control select,
.inline-media-editor .gme-control input[type="number"] {
  min-height: 32px;
  padding-block: 5px;
  border-color: rgba(88, 60, 33, .34);
  border-radius: 5px;
  background: rgba(255, 250, 239, .28);
  font-size: 9px;
}
.inline-media-editor .gme-control input[type="range"] { height: 14px; accent-color: #2d2118; }
.inline-media-editor .gme-position { margin-bottom: 7px; }
.luna-media-command {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  margin: 0 0 12px;
  padding: 9px;
  border: 1px solid rgba(88, 60, 33, .2);
  border-radius: 7px;
  background: rgba(255, 250, 239, .18);
}
.luna-media-command label { min-width: 0; display: grid; gap: 6px; }
.luna-media-command label > span { color: #74502c; font: 700 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; }
.luna-media-command input {
  width: 100%;
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid rgba(88, 60, 33, .25);
  border-radius: 6px;
  color: #3b2b1e;
  background: rgba(255, 250, 239, .28);
}
.luna-media-command button {
  align-self: end;
  min-width: 64px;
  min-height: 34px;
  border: 1px solid rgba(88, 60, 33, .42);
  border-radius: 6px;
  color: #fff7e9;
  background: #3d2a19;
  font-weight: 700;
}
.luna-media-command button:hover:not(:disabled) { background: #2d2016; }
.luna-media-command button:disabled { opacity: .42; }
.inline-media-editor .gme-rotate { gap: 6px; margin: 2px 0 8px; }
.inline-media-editor .gme-rotate button,
.inline-editor-actions button {
  min-height: 30px;
  padding: 6px 8px;
  border: 1px solid rgba(88, 60, 33, .32);
  border-radius: 5px;
  color: #493521;
  background: rgba(255, 250, 239, .25);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  text-transform: uppercase;
}
.inline-editor-note { min-height: 28px; margin: auto 0 7px; color: #74614c; font: 8px/1.35 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.inline-editor-progress { min-height: 0; margin: 0 0 6px; color: #654624; font: 7px/1.3 "Cascadia Mono", "DM Mono", monospace; }
.inline-editor-actions { display: grid; grid-template-columns: .72fr 1fr; gap: 6px; }
.inline-editor-actions button.primary { color: #f7ebda; border-color: #20170f; background: #20170f; }
.inline-editor-actions button:disabled { opacity: .42; }
.inline-media-editor > footer { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 0 11px; border-top: 1px solid rgba(88, 60, 33, .14); color: #806e59; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; }
.inline-media-editor > footer b { color: #563d25; font-weight: 500; }
.inline-media-editor > footer span { margin-left: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.social-editor .post-mode[hidden],
.social-editor .platform-choice[hidden],
.social-editor .publish-row[hidden] { display: none !important; }
.social-editor .post-mode {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 12px 0;
  padding: 10px;
  border-radius: 9px;
  background: rgba(255, 250, 239, .12);
}
.social-editor .post-mode > header b { color: #3f3023; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.social-editor .post-mode > header small { margin-top: 5px; font-size: 9px; line-height: 1.3; }
.social-editor .post-mode-choice { margin: 0; }
.social-editor .post-mode-choice button {
  min-height: 52px;
  padding: 8px 10px;
  border-radius: 7px;
  background: rgba(255, 250, 239, .13);
}
.social-editor .post-mode-choice button.selected { background: rgba(255, 250, 239, .36); }
.social-editor .platform-choice { gap: 9px; margin: 0 0 10px; }
.social-editor .platform-card {
  min-height: 62px;
  padding: 9px;
  border-radius: 9px;
  background: rgba(255, 250, 239, .12);
}
.social-editor .platform-card.selected { background: rgba(255, 250, 239, .36); }
.social-editor .page-picker {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(88, 60, 33, .2);
  border-radius: 8px;
  background: rgba(255, 250, 239, .1);
}
.social-editor .page-picker select { height: 32px; margin: 0; border-radius: 6px; background: rgba(255, 250, 239, .25); font-size: 10px; }
.social-editor .publish-row { margin-top: 12px; }
.social-editor .publish-row .primary { min-width: 180px; min-height: 42px; border-radius: 7px; }

.preview-format-tabs button[data-availability="slideshow"] { color: #766b5e; background: rgba(255, 255, 255, .012); }
.preview-format-tabs button[data-availability="slideshow"]::before,
.preview-format-tabs button[data-availability="disconnected"]::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8c765c;
}
.preview-format-tabs button[data-availability="disconnected"] { color: #60594f; }
.preview-format-tabs button[data-availability="disconnected"]::before { background: #725247; }
.preview-stage > .slideshow-button {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(213, 177, 126, .32);
  border-radius: 7px;
  color: #dfc79f;
  background: rgba(20, 15, 10, .9);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.preview-stage > .slideshow-button[hidden] { display: none !important; }
.social-preview.is-slideshow { filter: grayscale(.88) brightness(.62); opacity: .62; }
.preview-connection-state {
  position: absolute;
  z-index: 6;
  inset: 12px 22px 16px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 9px;
  padding: 24px;
  border-radius: 10px;
  color: #d4c4af;
  background: rgba(13, 10, 7, .92);
  text-align: center;
}
.preview-connection-state[hidden] { display: none !important; }
.preview-connection-state b { color: #fff2df; font: 400 22px/1 Georgia, serif; }
.preview-connection-state span { max-width: 260px; color: #938779; font: 9px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.preview-connection-state button { min-height: 34px; margin-top: 5px; padding: 0 12px; border: 1px solid rgba(213, 177, 126, .3); border-radius: 7px; color: #d7b887; background: rgba(255, 255, 255, .025); font: 7px/1 "Cascadia Mono", "DM Mono", monospace; text-transform: uppercase; }
#previewCaption[role="button"] { cursor: text; }
#previewCaption[role="button"]:hover { background-color: rgba(186, 151, 104, .08); }
#previewCaption[role="button"]:focus-visible { outline: 2px solid #b98546; outline-offset: -2px; }
.preview-media[data-fit="cover"] img,
.preview-media[data-fit="cover"] video { object-fit: cover; }

@media (max-width: 1480px) {
  .workspace { grid-template-columns: 1fr; }
  .preview-stack { order: initial; justify-items: center; }
  .preview-paper { width: min(100%, 560px); justify-self: center; }
}

@media (max-width: 980px) {
  .social-editor[data-backlog="open"] .editor-workbench { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .editor-modebar { grid-template-columns: 94px minmax(0, 1fr) 58px; }
  .editor-bank-trigger { padding-inline: 9px; }
  .editor-bank-trigger b, .editor-route small, .editor-modes button small { display: none; }
  .editor-workbench { grid-template-columns: 1fr; }
  .social-editor[data-backlog="open"] .editor-workbench { display: none; margin-left: 0; }
  .social-editor[data-backlog="open"] .editor-backlog {
    position: relative;
    top: auto;
    bottom: auto;
    width: 100%;
    min-height: 520px;
    margin-top: 0;
    border-right: 0;
  }
  .inline-media-editor { min-height: 480px; }
  .inline-editor-body { grid-template-columns: 1fr; }
  .inline-editor-stage { min-height: 320px; }
  .inline-editor-controls { border-left: 0; border-top: 1px solid rgba(88, 60, 33, .22); }
  .inline-control-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; }
  .inline-editor-stage canvas, .inline-editor-stage video { max-height: 300px; }
  .social-editor .post-mode { grid-template-columns: 1fr; }
  .social-editor .page-picker { grid-template-columns: 1fr; }
}

/* 2026-08-20 public GetGuth boundary: Social + Privacy + Terms only. */
body[data-public-three-route] {
  --hub-header-h: 64px !important;
}

body[data-public-three-route] .guth-shared-global,
body[data-public-three-route] .hub-global-header,
body[data-public-three-route] .guth-shared-utility-dialog,
body[data-public-three-route] .social-header-collapse,
body[data-public-three-route] .guth-route-switcher,
body[data-public-three-route] .guth-semantic-search {
  display: none !important;
}

.getguth-public-header {
  position: sticky;
  z-index: 85;
  top: 0;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 22px;
  color: #eee5d1;
  border-bottom: 1px solid rgba(196, 155, 82, .56);
  background: rgba(13, 12, 9, .985);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .22);
}

.getguth-public-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.getguth-public-brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  filter: sepia(.58) saturate(1.18) hue-rotate(-7deg) brightness(1.38) contrast(.9);
}

.getguth-public-brand span,
.getguth-public-brand b,
.getguth-public-brand small {
  display: block;
}

.getguth-public-brand b {
  color: #f5edda;
  font: 700 15px/1 var(--sans);
  letter-spacing: .14em;
}

.getguth-public-brand small {
  margin-top: 5px;
  color: #b9955e;
  font: 700 7px/1 var(--mono);
  letter-spacing: .18em;
}

.getguth-public-header nav {
  display: flex;
  align-self: stretch;
  align-items: stretch;
}

.getguth-public-header nav a {
  position: relative;
  min-width: 74px;
  display: grid;
  place-items: center;
  padding: 0 14px;
  color: #a99e8d;
  font: 12px/1 Georgia, "Times New Roman", serif;
  letter-spacing: .04em;
}

.getguth-public-header nav a:hover,
.getguth-public-header nav a[aria-current="page"] {
  color: #fff9ed;
}

.getguth-public-header nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 14px;
  height: 2px;
  background: #c49b52;
}

.getguth-public-header :is(a, button):focus-visible {
  outline: 2px solid #d7ad72;
  outline-offset: -3px;
}

body[data-public-three-route] .social-local-strip {
  top: 64px;
  padding-left: 18px;
}

@media (max-width: 560px) {
  .getguth-public-header {
    gap: 8px;
    min-height: 58px;
    padding: 0 10px;
  }

  body[data-public-three-route] {
    --hub-header-h: 58px !important;
  }

  body[data-public-three-route] .social-local-strip {
    top: 58px;
  }

  .getguth-public-brand img {
    width: 28px;
    height: 28px;
  }

  .getguth-public-brand b {
    font-size: 12px;
  }

  .getguth-public-brand small {
    font-size: 6px;
  }

  .getguth-public-header nav a {
    min-width: 0;
    padding: 0 8px;
    font-size: 11px;
  }

  .getguth-public-header nav a[aria-current="page"]::after {
    right: 8px;
    left: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* 2026-08-06 Social product pass: one studio, one chronology, one retained record. */
.social-local-strip nav button {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 58px;
  padding: 0 1px;
  border: 0;
  color: #978d80;
  background: transparent;
  font: 500 9px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.social-local-strip nav button:hover,
.social-local-strip nav button[aria-selected="true"] { color: #fff8ec; }
.social-local-strip nav button[aria-selected="true"]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #b58a50;
}
.social-quick-capture,
.social-account-trigger {
  flex: 0 0 auto;
  align-self: center;
  min-height: 28px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid rgba(213, 177, 126, .3);
  border-radius: 6px;
  color: #d7b887;
  background: rgba(255, 255, 255, .025);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.social-account-trigger { margin-left: auto; color: #9f9486; border-color: rgba(213, 177, 126, .18); }
.social-account-trigger + .social-quick-capture { margin-left: 0; }
.social-quick-capture:hover { color: #fff8ec; background: rgba(181, 138, 80, .09); }
.social-product-panel[hidden] { display: none !important; }

.editor-modebar { grid-template-columns: 128px minmax(0, 1fr) auto 74px; }
.editor-accelerators { display: flex; align-items: center; gap: 6px; padding: 0 8px; }
.editor-accelerators button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(213, 177, 126, .24);
  border-radius: 6px;
  color: #d6c6b2;
  background: rgba(255, 255, 255, .025);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.editor-accelerators button:first-child { color: #e0b77e; border-color: rgba(213, 177, 126, .42); background: rgba(181, 138, 80, .08); }
.editor-accelerators button:hover { color: #fff8ec; background: rgba(181, 138, 80, .12); }

.editor-backlog { grid-template-rows: auto auto auto minmax(0, 1fr) auto; }
.ambient-capture {
  display: grid;
  gap: 7px;
  margin: 0 0 12px;
  padding: 10px;
  border: 1px solid rgba(213, 177, 126, .2);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}
.ambient-capture > span { color: #c79658; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; }
.ambient-capture textarea {
  width: 100%;
  min-height: 72px;
  resize: none;
  padding: 9px;
  border: 1px solid rgba(213, 177, 126, .18);
  border-radius: 6px;
  color: #eee3d4;
  background: rgba(4, 3, 2, .28);
  font: 12px/1.4 Georgia, serif;
}
.ambient-capture textarea::placeholder { color: #82786c; }
.ambient-capture button {
  justify-self: end;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(213, 177, 126, .28);
  border-radius: 5px;
  color: #e2c49a;
  background: rgba(181, 138, 80, .08);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  text-transform: uppercase;
}

.media-intelligence-trigger {
  display: grid;
  justify-items: end;
  gap: 4px;
  padding: 6px 9px;
  border: 1px solid rgba(88, 60, 33, .25);
  border-radius: 999px;
  color: #694a28;
  background: rgba(255, 250, 239, .18);
}
.media-intelligence-trigger span { font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; }
.media-intelligence-trigger small { color: #8a7357; font: 6px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .06em; }
.media-intelligence-trigger:disabled { opacity: .4; }
.media-intelligence-trigger:not(:disabled):hover { background: rgba(255, 250, 239, .36); }
.media-intelligence-panel {
  margin: 3px 0 9px;
  padding: 9px;
  border: 1px solid rgba(88, 60, 33, .22);
  border-radius: 7px;
  background: rgba(255, 250, 239, .16);
}
.media-intelligence-panel[hidden] { display: none !important; }
.media-intelligence-panel > span { color: #78552f; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; }
.media-intelligence-panel b,
.media-intelligence-panel small { display: block; }
.media-intelligence-panel b { margin-top: 7px; color: #3e2e21; font: 500 12px/1.2 Georgia, serif; }
.media-intelligence-panel small { margin-top: 5px; color: #74614c; font: 8px/1.4 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.media-intelligence-panel ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 9px 0 0; padding: 0; list-style: none; }
.media-intelligence-panel li { padding: 5px 6px; border: 1px solid rgba(88, 60, 33, .2); border-radius: 999px; color: #674b2e; font: 6px/1 "Cascadia Mono", "DM Mono", monospace; }

.preview-paper { grid-template-rows: 52px 42px minmax(0, 1fr); }
.preview-lens-status {
  position: relative;
  z-index: 3;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(181, 138, 80, .2);
  color: #998c7d;
  background: rgba(13, 12, 10, .88);
}
.preview-lens-status > span { min-width: 0; display: flex; align-items: center; gap: 7px; }
.preview-lens-status b { color: #c8a06c; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; white-space: nowrap; }
.preview-lens-status small { overflow: hidden; font: 8px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.preview-lens-status button {
  min-height: 26px;
  padding: 0 7px;
  border: 1px solid rgba(213, 177, 126, .2);
  border-radius: 5px;
  color: #b8aa99;
  background: rgba(255, 255, 255, .02);
  font: 6px/1 "Cascadia Mono", "DM Mono", monospace;
  text-transform: uppercase;
  white-space: nowrap;
}
.preview-lens-status button[aria-pressed="true"] { color: #f2d5a8; border-color: rgba(213, 177, 126, .52); background: rgba(181, 138, 80, .12); }
#previewCaption.is-empty { color: transparent; }
#previewCaption.is-empty::before { content: "Caption optional"; color: #8b8277; font-style: italic; }
.preview-stage.profile-context-mode { grid-template-columns: minmax(190px, .9fr) minmax(190px, 1fr); gap: 12px; padding-inline: 14px; }
.preview-stage.profile-context-mode .social-preview { max-width: 235px; }
.profile-context-grid {
  width: 100%;
  max-width: 230px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  color: #f2eadf;
  background: #15120f;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}
.profile-context-grid[hidden] { display: none !important; }
.profile-context-grid > header { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 8px; min-height: 50px; padding: 8px; }
.profile-context-grid > header .avatar { width: 30px; height: 30px; }
.profile-context-grid > header b,
.profile-context-grid > header small { display: block; }
.profile-context-grid > header b { font: 500 10px/1 Georgia, serif; }
.profile-context-grid > header small { margin-top: 4px; color: #92877a; font: 7px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.profile-context-grid > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding: 2px; background: #0a0806; }
.profile-context-grid > div span { aspect-ratio: 1; background: linear-gradient(145deg, #28221c, #100e0c); }
#profileContextCurrent { background-image: var(--profile-current-image, linear-gradient(145deg, #654725, #17120e)); background-position: center; background-size: cover; box-shadow: inset 0 0 0 2px #c18a45; }

.social-queue-view,
.social-record-view,
.social-profile-view,
.social-autopilot-view { width: 100%; max-width: 1580px; margin: 0 auto; }
.social-ledger,
.record-shell {
  overflow: hidden;
  border: 1px solid rgba(181, 138, 80, .4);
  border-radius: 16px;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .22);
}
.social-ledger { color: #e9dfd1; background: rgba(14, 10, 7, .74); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.social-ledger > header {
  min-height: 118px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 26px;
  border-bottom: 1px solid rgba(181, 138, 80, .25);
  background: rgba(22, 16, 11, .68);
}
.social-ledger > header span,
.record-index > header span { color: #c18f52; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .12em; }
.social-ledger h1,
.record-index h1 { margin: 7px 0 5px; color: #fff4e5; font: 400 32px/1 Georgia, serif; }
.social-ledger > header p,
.record-index > header p { margin: 0; color: #a79b8d; font: 11px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.social-ledger > header button,
.social-ledger > footer button,
.record-detail button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(213, 177, 126, .3);
  border-radius: 6px;
  color: #dec095;
  background: rgba(181, 138, 80, .07);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  text-transform: uppercase;
}
.social-ledger ol { margin: 0; padding: 0; list-style: none; }
.social-ledger li { border-bottom: 1px solid rgba(181, 138, 80, .16); }
.social-ledger li > button {
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 13px 24px;
  border: 0;
  color: #eaddcb;
  background: transparent;
  text-align: left;
}
.social-ledger li > button:hover,
.social-ledger li > button[aria-expanded="true"] { background: rgba(181, 138, 80, .07); }
.social-ledger time { padding-right: 16px; border-right: 1px solid rgba(181, 138, 80, .18); }
.social-ledger time b,
.social-ledger time small,
.social-ledger li > button > span b,
.social-ledger li > button > span small { display: block; }
.social-ledger time b { color: #d4a96e; font: 7px/1.2 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .07em; }
.social-ledger time small { margin-top: 6px; color: #8e8376; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; }
.social-ledger li > button > span b { color: #f0e5d7; font: 500 15px/1.2 Georgia, serif; }
.social-ledger li > button > span small { margin-top: 7px; color: #958a7d; font: 8px/1.3 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.social-ledger li > button em { padding: 7px 9px; border: 1px solid rgba(181, 138, 80, .22); border-radius: 999px; color: #cba16c; font: normal 7px/1 "Cascadia Mono", "DM Mono", monospace; white-space: nowrap; }
.social-ledger li[data-queue-state="held"] > button em { color: #b8ada0; border-color: rgba(255, 255, 255, .14); }
.social-ledger li > p { margin: 0; padding: 0 24px 14px 166px; color: #a79c8e; font: 10px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.social-ledger > footer { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 24px; color: #8e8376; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; }

.record-shell { display: grid; grid-template-columns: 320px minmax(0, 1fr); min-height: min(660px, calc(100svh - var(--hub-header-h) - var(--hub-local-h) - 42px)); background: rgba(14, 10, 7, .72); }
.record-index { min-width: 0; color: #e9dfd1; border-right: 1px solid rgba(181, 138, 80, .28); background: rgba(16, 11, 8, .86); }
.record-index > header { padding: 22px 20px; border-bottom: 1px solid rgba(181, 138, 80, .2); }
.record-index nav { display: grid; }
.record-index nav button { min-height: 82px; padding: 15px 18px; border: 0; border-bottom: 1px solid rgba(181, 138, 80, .14); color: #d8cbbc; background: transparent; text-align: left; }
.record-index nav button:hover,
.record-index nav button.selected { background: rgba(181, 138, 80, .1); box-shadow: inset 3px 0 #b98242; }
.record-index nav b,
.record-index nav small { display: block; }
.record-index nav b { font: 500 13px/1.25 Georgia, serif; }
.record-index nav small { margin-top: 7px; color: #8f8376; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; text-transform: uppercase; }
.record-detail {
  min-width: 0;
  padding: 22px 26px;
  color: #3b2d21;
  background:
    linear-gradient(rgba(96, 69, 36, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 69, 36, .045) 1px, transparent 1px),
    rgba(211, 192, 162, .97);
  background-size: 24px 24px;
}
.record-detail > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid rgba(88, 60, 33, .22); }
.record-detail > header span,
.record-copy > span { color: #835d32; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; }
.record-copy { max-width: 780px; padding: 52px 0 42px; }
.record-copy h2 { margin: 12px 0 16px; font: 400 34px/1.05 Georgia, serif; }
.record-copy p { margin: 0; font: 18px/1.6 Georgia, serif; }
.record-detail dl { margin: 0; border-top: 1px solid rgba(88, 60, 33, .22); }
.record-detail dl div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; padding: 13px 0; border-bottom: 1px solid rgba(88, 60, 33, .15); }
.record-detail dt { color: #805d39; font: 7px/1.3 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.record-detail dd { margin: 0; color: #49382a; font: 11px/1.35 "Segoe UI Variable Text", "Segoe UI", sans-serif; }

.review-runway {
  position: fixed;
  z-index: 140;
  top: calc(var(--hub-header-h) + var(--hub-local-h));
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  color: #eee3d5;
  background:
    linear-gradient(rgba(181, 138, 80, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(181, 138, 80, .035) 1px, transparent 1px),
    rgba(8, 6, 4, .985);
  background-size: 32px 32px;
}
body[data-header="collapsed"] .review-runway { top: var(--hub-local-h); }
.review-runway[hidden] { display: none !important; }
body[data-review="open"] { overflow: hidden; }
.review-runway > header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 17px 24px; border-bottom: 1px solid rgba(181, 138, 80, .3); background: rgba(16, 12, 8, .94); }
.review-runway > header span { color: #c18f52; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; }
.review-runway > header h2 { margin: 7px 0 4px; color: #fff4e5; font: 400 27px/1 Georgia, serif; }
.review-runway > header p { margin: 0; color: #978b7e; font: 9px/1.35 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.review-runway > header button,
.review-runway > footer button,
.hold-variant {
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid rgba(213, 177, 126, .28);
  border-radius: 6px;
  color: #d7b887;
  background: rgba(255, 255, 255, .025);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  text-transform: uppercase;
}
.review-variants { min-width: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; overflow: auto; padding: 14px; scrollbar-gutter: stable; }
.review-variants > article { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; gap: 9px; padding: 10px; overflow: hidden; border: 1px solid rgba(181, 138, 80, .28); border-radius: 10px; background: rgba(20, 15, 10, .88); }
.review-variants > article.held { opacity: .46; filter: grayscale(.5); }
.review-variants > article > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.review-variants > article > header label { color: #f3e8d9; font: 500 12px/1 Georgia, serif; }
.review-variants > article > header input { accent-color: #b98242; }
.review-variants > article > header span { color: #c59a63; font: 6px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .07em; }
.runway-wrapper { align-self: center; width: min(100%, 220px); justify-self: center; display: grid; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; border: 1px solid rgba(255, 255, 255, .32); color: #f5eee5; background: #15120f; box-shadow: 0 13px 28px rgba(0, 0, 0, .32); }
.runway-wrapper i { min-height: 150px; background: var(--runway-image, linear-gradient(145deg, #29231d, #100e0b)); background-position: center; background-size: cover; }
.runway-wrapper p { min-height: 58px; margin: 0; padding: 8px; overflow: hidden; color: #eee8e0; background: rgba(0, 0, 0, .68); font: 8px/1.35 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.runway-square i { aspect-ratio: 1; }
.runway-vertical { width: min(100%, 166px); }
.runway-vertical i { aspect-ratio: 9 / 16; min-height: 0; }
.review-when { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.review-when label { color: #928679; font: 6px/1 "Cascadia Mono", "DM Mono", monospace; text-transform: uppercase; }
.review-when input { width: 100%; min-height: 30px; margin-top: 5px; padding: 0 5px; border: 1px solid rgba(181, 138, 80, .2); border-radius: 5px; color: #e7d8c5; background: rgba(255, 255, 255, .035); font: 7px/1 "Cascadia Mono", "DM Mono", monospace; color-scheme: dark; }
.hold-variant { width: 100%; color: #9f9487; border-color: rgba(255, 255, 255, .12); }
.review-runway > footer { min-height: 58px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 10px 20px; border-top: 1px solid rgba(181, 138, 80, .28); background: rgba(15, 11, 8, .96); }
.review-runway > footer span { justify-self: center; color: #8d8275; font: 7px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .08em; }
.review-runway > footer button.primary { color: #20170f; border-color: #d7ad72; background: #d7ad72; font-weight: 700; }
.review-runway > footer button.primary:disabled { opacity: .42; cursor: not-allowed; }

@media (max-width: 900px) {
  .social-quick-capture,
  .social-account-trigger { display: none; }
  .editor-modebar { grid-template-columns: 94px minmax(0, 1fr) 74px; }
  .editor-accelerators { display: none; }
  .record-shell { grid-template-columns: 1fr; }
  .record-index { border-right: 0; border-bottom: 1px solid rgba(181, 138, 80, .28); }
  .record-index nav { display: flex; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(181, 138, 80, .42) transparent; }
  .record-index nav button { flex: 0 0 240px; min-width: 0; }
  .review-variants { grid-template-columns: 1fr; }
  .review-variants > article { min-height: 520px; }
  .review-runway { overflow-y: auto; }
}

@media (max-width: 340px) {
  html { min-width: 0; }
}

@media (max-width: 620px) {
  .social-local-destination { padding-right: 10px; }
  .social-local-strip nav { gap: 12px; }
  .social-ledger > header { align-items: start; padding: 18px; }
  .social-ledger > header button { display: none; }
  .social-ledger li > button { grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 12px 14px; }
  .social-ledger li > button em { grid-column: 2; justify-self: start; }
  .social-ledger li > p { padding: 0 14px 14px 108px; }
  .record-detail { padding: 18px; }
  .record-copy { padding-block: 36px; }
  .record-copy h2 { font-size: 27px; }
  .record-copy p { font-size: 16px; }
  .record-detail dl div { grid-template-columns: 1fr; gap: 6px; }
  .preview-lens-status small { display: none; }
  .preview-lens-status button:first-child { display: none; }
  .preview-stage.profile-context-mode { grid-template-columns: 1fr; overflow-y: auto; }
  .review-runway > header { padding: 14px; }
  .review-runway > header h2 { font-size: 22px; }
  .review-runway > footer { grid-template-columns: 1fr 1fr; }
  .review-runway > footer span { display: none; }
}

@media (max-height: 820px) and (min-width: 981px) {
  .inline-media-editor { min-height: 430px; grid-template-rows: auto minmax(350px, 1fr); }
  .inline-editor-body { min-height: 350px; }
  .inline-editor-stage { min-height: 350px; }
  .inline-editor-stage canvas,
  .inline-editor-stage video { max-height: 316px; }
  .preview-paper { height: 500px; min-height: 460px; }
}

/* 2026-08-07 ship pass: readable Social controls and one faithful wrapper system. */
.preview-paper {
  border-color: rgba(213, 177, 126, .28);
  background:
    radial-gradient(circle at 18% 0, rgba(181, 138, 80, .08), transparent 34%),
    linear-gradient(145deg, #18140f, #0e0c09);
  box-shadow: 0 22px 56px rgba(0, 0, 0, .34), inset 0 1px rgba(241, 223, 194, .035);
}

.preview-format-tabs,
.preview-lens-status,
.editor-modebar,
.review-runway > header,
.review-runway > footer {
  border-color: rgba(213, 177, 126, .22);
  background: #0d0c07;
}

.social-editor button,
.social-editor input,
.social-editor textarea,
.social-editor select,
.preview-lens-status button,
.preview-connection-state button,
.review-runway button,
.review-runway input {
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, sans-serif;
}

.editor-route b,
.editor-modes button small,
.editor-bank-trigger,
.editor-modebar .draft-stamp,
.direction-head > span > small,
.social-editor .media-holding > header small,
.inline-media-editor > header b,
.inline-media-editor > header small,
.inline-media-editor > header em,
.inline-controls-empty,
.inline-media-editor .gme-control > span,
.inline-media-editor .gme-control select,
.inline-media-editor .gme-control input[type="number"],
.inline-editor-actions button,
.inline-editor-note,
.inline-editor-progress,
.inline-media-editor > footer,
.preview-lens-status b,
.preview-lens-status small,
.preview-lens-status button,
.preview-connection-state span,
.preview-connection-state button,
.profile-context-grid > header small,
.review-runway > header span,
.review-runway > header p,
.review-variants > article > header span,
.review-when label,
.review-when input,
.hold-variant,
.review-runway > footer span,
.review-runway > footer button {
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.auto-caption-button {
  min-height: 40px;
  padding: 0 15px;
  border-color: rgba(80, 53, 27, .42);
  color: #fff7e9;
  background: #3d2a19;
  font: 700 12px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif;
  letter-spacing: .03em;
  text-transform: none;
}
.auto-caption-button:hover { background: #2d2016; }
.auto-caption-button:disabled { cursor: wait; opacity: .7; }
.editor-direction > footer span { font-size: 12px; line-height: 1.4; }
.hub-destination-mark,
.hub-tool-badge,
.hub-profile-tool,
.hub-profile-tool > span,
.social-local-destination,
.social-local-strip nav button,
.social-account-trigger,
.social-quick-capture,
.editor-route small,
.editor-accelerators button,
.social-editor .media-add-button,
.social-editor .media-empty small { font-size: 11px !important; line-height: 1.35 !important; }
.social-editor:not([data-has-media="true"]) .editor-workbench {
  grid-template-columns: minmax(330px, .72fr) minmax(460px, 1.28fr);
}

.preview-paper { height: min(610px, calc(100svh - var(--hub-header-h) - var(--hub-local-h) - 24px)); min-height: 520px; grid-template-rows: 52px 46px minmax(0, 1fr) auto; }
.preview-stage { padding: 12px 18px 16px; }
.preview-format-tabs button { min-height: 52px; font: 600 13px/1 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.preview-lens-status { min-height: 46px; }
.preview-lens-status button { min-height: 34px; padding-inline: 10px; text-transform: none; }

.social-preview {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  width: min(270px, 100%);
  overflow: hidden;
  border: 1px solid rgba(20, 24, 29, .18);
  border-radius: 12px;
  color: #151515;
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .38);
  font-family: Arial, Helvetica, sans-serif;
}
.social-preview[data-connection="disconnected"] { outline: 1px dashed rgba(190, 153, 102, .52); outline-offset: 3px; }
.social-preview > header {
  position: relative;
  z-index: 4;
  min-height: 48px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  color: #171717;
  background: #fff;
}
.social-preview > header .avatar { width: 36px; height: 36px; border: 1px solid #e3e3e3; border-radius: 50%; }
.social-preview > header span > b { font: 700 13px/1.15 Arial, sans-serif; }
.social-preview > header span > small { margin-top: 3px; color: #65676b; font: 11px/1.2 Arial, sans-serif; }
.social-preview > header > em { color: #5f6368; font: 700 16px/1 Arial, sans-serif; }
.platform-brand {
  padding: 5px 7px;
  border-radius: 999px;
  color: #fff;
  background: #1877f2;
  font: 700 11px/1 Arial, sans-serif;
  letter-spacing: .02em;
}
.social-preview[data-platform="instagram"] .platform-brand { color: #111; background: #f1f1f1; }
.social-preview[data-platform="tiktok"] .platform-brand { color: #fff; background: #111; box-shadow: inset 3px 0 #25f4ee, inset -3px 0 #fe2c55; }

.preview-media {
  position: relative;
  order: 3;
  width: 100%;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  color: #d8d8d8;
  background: #121212;
  font: 12px/1.35 Arial, sans-serif;
}
.preview-media img,
.preview-media video { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; background: transparent; }
.preview-media video { color-scheme: dark; }
.preview-deck-nav { position: absolute; z-index: 5; inset: 0; display: flex; align-items: center; justify-content: space-between; padding: 8px; pointer-events: none; }
.preview-deck-nav button { width: 36px; height: 36px; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.46); border-radius: 50%; color: transparent; background: rgba(0,0,0,.58); pointer-events: auto; }
.preview-deck-nav button::before { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; font: 700 22px/1 Arial, sans-serif; }
.preview-deck-nav button:first-child::before { content: "‹"; }
.preview-deck-nav button:last-child::before { content: "›"; }
.preview-deck-nav > span { position: absolute; top: 9px; right: 9px; display: grid; justify-items: end; gap: 5px; padding: 6px 8px; border-radius: 999px; color: #fff; background: rgba(0,0,0,.68); }
.preview-deck-nav > span b { font: 700 11px/1 Arial, sans-serif; }
.preview-deck-nav > span em { display: flex; gap: 3px; }
.preview-deck-nav > span i { width: 5px; height: 5px; min-height: 0; border-radius: 50%; background: rgba(255,255,255,.48); }
.preview-deck-nav > span i.active { background: #fff; }
.social-search-match {
  outline: 2px solid #c69654;
  outline-offset: 4px;
  box-shadow: 0 0 0 5px rgba(198, 150, 84, .16);
}

.social-preview > p {
  order: 2;
  min-height: 54px;
  max-height: 112px;
  margin: 0;
  padding: 12px 13px;
  overflow: auto;
  color: #171717;
  background: #fff;
  white-space: pre-wrap;
  font: 13px/1.45 Arial, sans-serif;
}
.preview-proof { order: 4; display: flex; justify-content: space-between; gap: 10px; padding: 7px 10px; color: #65676b; background: #fff; font: 11px/1.25 Arial, sans-serif; }
.preview-proof b { color: #4b4f56; }
.social-preview > footer { order: 5; min-height: 36px; display: flex; align-items: center; justify-content: space-around; gap: 8px; padding: 0 10px; border-top: 1px solid #e4e6eb; color: #65676b; background: #fff; font: 700 12px/1 Arial, sans-serif; }
.social-preview > footer span { flex: 1; text-align: center; }
.platform-action { min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.platform-action svg { width: 18px; height: 18px; flex: 0 0 auto; }
.platform-action b { font: 700 11px/1 Arial, sans-serif; }
.preview-audio { position: absolute; z-index: 5; right: 52px; bottom: 12px; left: 12px; overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap; font: 11px/1 Arial, sans-serif; text-shadow: 0 1px 3px #000; }
.story-progress { position: absolute; z-index: 7; top: 7px; right: 7px; left: 7px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
.story-progress i { height: 2px; min-height: 0; border-radius: 2px; background: rgba(255,255,255,.55); }
.story-progress i:first-child { background: #fff; }
.story-reply { position: absolute; z-index: 6; right: 12px; bottom: 12px; left: 12px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; color: #fff; }
.story-reply span { min-height: 38px; display: flex; align-items: center; padding: 0 13px; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; font: 12px/1 Arial, sans-serif; }
.story-reply b { font: 700 12px/1 Arial, sans-serif; }

.social-preview[data-format="instagram-feed"] { width: min(320px, 100%); border-radius: 4px; }
.social-preview[data-format="instagram-feed"] > header { min-height: 48px; grid-template-columns: 32px minmax(0, 1fr) auto; padding: 7px 11px; }
.social-preview[data-format="instagram-feed"] > header .avatar { width: 32px; height: 32px; }
.social-preview[data-format="instagram-feed"] > header span > small { display: none; }
.social-preview[data-format="instagram-feed"] .platform-brand { display: none; }
.social-preview[data-format="instagram-feed"] .preview-media { order: 2; aspect-ratio: 4 / 5; }
.social-preview[data-format="instagram-feed"] > footer { order: 3; min-height: 44px; justify-content: flex-start; gap: 14px; padding: 0 12px; border: 0; font-weight: 500; }
.social-preview[data-format="instagram-feed"] > footer .platform-action { flex: 0 0 auto; }
.social-preview[data-format="instagram-feed"] > footer span:last-child { margin-left: auto; }
.social-preview[data-format="instagram-feed"] .platform-action b { display: none; }
.social-preview[data-format="instagram-feed"] .platform-action svg { width: 24px; height: 24px; }
.social-preview[data-format="instagram-feed"] .preview-proof { display: none; }
.social-preview[data-format="instagram-feed"] > p { order: 5; min-height: 44px; max-height: 54px; padding: 6px 12px 12px; }
.social-preview[data-format="instagram-feed"] #previewCaption.is-empty::before { font-style: normal; }

.social-preview[data-format="instagram-reel"],
.social-preview[data-format="instagram-story"],
.social-preview[data-format="tiktok-video"] { width: min(225px, 100%); color: #fff; border-color: rgba(255,255,255,.25); background: #090909; }
.social-preview[data-format="instagram-reel"] > header,
.social-preview[data-format="instagram-story"] > header,
.social-preview[data-format="tiktok-video"] > header { position: absolute; top: 0; right: 0; left: 0; color: #fff; background: linear-gradient(rgba(0,0,0,.72), transparent); }
.social-preview[data-format="instagram-reel"] > header,
.social-preview[data-format="instagram-story"] > header,
.social-preview[data-format="tiktok-video"] > header { grid-template-columns: 32px minmax(0, 1fr) auto; }
.social-preview[data-format="instagram-reel"] > header > em,
.social-preview[data-format="instagram-story"] > header > em,
.social-preview[data-format="tiktok-video"] > header > em { display: none; }
.social-preview[data-format="instagram-story"] > header { top: 8px; }
.social-preview[data-format="instagram-reel"] > header span > small,
.social-preview[data-format="instagram-story"] > header span > small,
.social-preview[data-format="tiktok-video"] > header span > small,
.social-preview[data-format="instagram-reel"] > header > em,
.social-preview[data-format="instagram-story"] > header > em,
.social-preview[data-format="tiktok-video"] > header > em { color: rgba(255,255,255,.78); }
.social-preview[data-format="instagram-reel"] .preview-media,
.social-preview[data-format="instagram-story"] .preview-media,
.social-preview[data-format="tiktok-video"] .preview-media { order: 1; aspect-ratio: 9 / 16; }
.social-preview[data-format="instagram-reel"] > p,
.social-preview[data-format="tiktok-video"] > p { position: absolute; z-index: 5; right: 56px; bottom: 34px; left: 0; min-height: 0; max-height: 112px; padding: 24px 12px 12px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.78)); font-size: 12px; }
.social-preview[data-format="instagram-reel"] > footer,
.social-preview[data-format="tiktok-video"] > footer { position: absolute; z-index: 6; right: 8px; bottom: 54px; width: 46px; min-height: 0; display: grid; gap: 16px; padding: 0; border: 0; color: #fff; background: transparent; font-size: 11px; text-shadow: 0 1px 3px #000; }
.social-preview[data-format="instagram-reel"] .platform-action,
.social-preview[data-format="tiktok-video"] .platform-action { display: grid; justify-items: center; }
.social-preview[data-format="instagram-reel"] .platform-action b,
.social-preview[data-format="tiktok-video"] .platform-action b { display: none; }
.social-preview[data-format="instagram-reel"] .preview-proof,
.social-preview[data-format="instagram-story"] .preview-proof,
.social-preview[data-format="tiktok-video"] .preview-proof { display: none; }
.social-preview[data-format="instagram-story"] > p,
.social-preview[data-format="instagram-story"] > footer { display: none; }

.preview-connection-state {
  position: relative;
  inset: auto;
  z-index: 6;
  width: auto;
  margin: 0 10px 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  place-content: initial;
  justify-items: start;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(213, 177, 126, .34);
  border-radius: 10px;
  color: #ddd3c5;
  background: #0d0c07;
  box-shadow: 0 10px 28px rgba(0,0,0,.38);
  text-align: left;
}
.preview-connection-state b { color: #fff; font: 700 13px/1.2 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.preview-connection-state span { max-width: none; color: #a99a87; }
.preview-connection-state button { min-height: 36px; margin: 0; text-transform: none; }

.runway-wrapper { align-self: start; width: min(100%, 190px); display: block; overflow: hidden; border-radius: 9px; }
.runway-mini { position: relative; min-height: 100%; display: flex; flex-direction: column; overflow: hidden; color: #161616; background: #fff; font-family: Arial, sans-serif; }
.runway-mini > header { z-index: 3; min-height: 34px; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 5px; padding: 5px; background: #fff; }
.runway-avatar { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #392a1b; font: 700 11px/1 Arial, sans-serif; }
.runway-mini > header b,
.runway-mini > header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.runway-mini > header b { font-size: 11px; }
.runway-mini > header small { margin-top: 2px; color: #6c7075; font-size: 10px; }
.runway-mini-media { position: relative; display: grid; place-items: center; overflow: hidden; aspect-ratio: 4 / 3; color: #aaa; background: #111; font-size: 11px; }
.runway-mini-media img,
.runway-mini-media video { width: 100%; height: 100%; object-fit: contain; }
.runway-count { position: absolute; top: 6px; right: 6px; padding: 4px 6px; border-radius: 999px; color: #fff; background: rgba(0,0,0,.68); font: 700 10px/1 Arial, sans-serif; }
.runway-wrapper .runway-copy { min-height: 54px; margin: 0; padding: 8px; overflow: hidden; color: #191919; background: #fff; white-space: pre-wrap; font: 11px/1.35 Arial, sans-serif; }
.runway-mini > footer { min-height: 30px; display: flex; align-items: center; justify-content: space-around; gap: 4px; padding: 0 6px; border-top: 1px solid #e6e6e6; color: #676b70; background: #fff; font: 700 11px/1 Arial, sans-serif; }
.runway-mini > footer .platform-action b { display: none; }
.runway-mini > footer .platform-action svg { width: 15px; height: 15px; }
.runway-mini-audio { font: 11px/1 Arial, sans-serif; }
.runway-story-bars { position: absolute; z-index: 5; top: 5px; right: 5px; left: 5px; display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; }
.runway-story-bars i { height: 2px; min-height: 0; aspect-ratio: auto; background: rgba(255,255,255,.65); }
.runway-square { width: min(100%, 145px); }
.runway-square .runway-mini-media { aspect-ratio: 4 / 5; }
.runway-vertical { width: min(100%, 140px); aspect-ratio: 9 / 16; }
.runway-vertical .runway-mini > header { position: absolute; top: 6px; right: 0; left: 0; color: #fff; background: linear-gradient(rgba(0,0,0,.72), transparent); }
.runway-vertical .runway-mini > header small { color: rgba(255,255,255,.8); }
.runway-vertical .runway-mini-media { position: absolute; inset: 0; aspect-ratio: auto; }
.runway-vertical .runway-copy { position: absolute; z-index: 3; right: 38px; bottom: 24px; left: 0; min-height: 0; max-height: 74px; padding: 24px 7px 7px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.78)); font-size: 11px; }
.runway-vertical .runway-mini > footer { position: absolute; z-index: 4; right: 5px; bottom: 36px; width: 34px; min-height: 0; display: grid; gap: 10px; padding: 0; border: 0; color: #fff; background: transparent; font-size: 11px; }
.runway-vertical .runway-mini-audio { position: absolute; z-index: 4; right: 40px; bottom: 7px; left: 7px; overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap; }
.runway-vertical .runway-story-bars { top: 5px; }
.review-variants > article > header span { max-width: 112px; text-align: right; }
.review-variants > article { grid-template-rows: 32px minmax(0, 1fr) auto auto; align-content: start; }
.review-runway,
body[data-header="collapsed"] .review-runway { top: 0; }
.review-when input { min-height: 36px; }
.hold-variant { min-height: 38px; text-transform: none; }

@media (min-width: 1101px) and (max-width: 1480px) {
  .workspace { grid-template-columns: minmax(620px, 1fr) minmax(400px, 440px); gap: 14px; }
  .preview-stack { order: initial; position: sticky; top: calc(var(--hub-header-h) + var(--hub-local-h) + 12px); justify-items: end; }
  .preview-paper { width: 100%; justify-self: end; }
  .editor-workbench { grid-template-columns: minmax(280px, .78fr) minmax(340px, 1.22fr); }
}

@media (max-width: 1100px) {
  .workspace { grid-template-columns: 1fr; }
  .preview-stack { order: -1; justify-items: center; }
  .preview-paper { width: min(100%, 620px); justify-self: center; }
  .hub-product-nav,
  .social-local-strip nav { overflow-x: auto; scrollbar-width: thin; }
}

@media (max-width: 720px) {
  .social-editor { padding-inline: 10px; }
  .inline-media-editor { min-height: 0; grid-template-rows: auto minmax(0, 1fr); }
  .preview-paper { height: 600px; min-height: 560px; }
  .preview-lens-status { min-height: 52px; }
  .preview-lens-status > span:first-child { display: none; }
  .preview-lens-status > span:last-child { width: 100%; justify-content: stretch; }
  .preview-lens-status button { flex: 1; min-height: 42px; }
  .preview-stage { padding-inline: 10px; }
  .preview-connection-state { margin: 0 10px 10px; grid-template-columns: 1fr auto; }
  .preview-connection-state span { grid-column: 1 / -1; grid-row: 2; }
  .preview-connection-state button { grid-column: 2; grid-row: 1; min-height: 42px; }
.review-variants { grid-template-columns: repeat(6, minmax(280px, 84vw)); overflow-x: auto; scroll-snap-type: x mandatory; }
  .review-variants > article { min-height: 0; grid-template-rows: 32px auto auto auto; align-content: start; scroll-snap-align: center; }
  .review-runway button,
  .review-runway input,
  .social-editor button,
  .social-editor select { min-height: 44px; }
}

@media (prefers-reduced-transparency: reduce) {
  .preview-paper,
  .review-runway,
  .editor-backlog { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: #0d0c07 !important; }
}

@media (prefers-contrast: more) {
  .preview-paper,
  .social-editor,
  .review-variants > article { border-width: 2px; }
  button:focus-visible,
  input:focus-visible,
  textarea:focus-visible { outline: 3px solid #f2bd6d !important; outline-offset: 2px; }
}

/* Final review pass: explicit intent, editable last-mile copy, and platform
   canvases that remain readable at desktop width without turning into tiny
   thumbnails. */
.getguth-public-header nav { justify-content: center; }
.getguth-public-header nav a { min-width: 70px; }
.destination-readiness .page-picker[hidden] { display: none !important; }
.destination-readiness,
.destination-readiness .platform-choice,
.destination-readiness .platform-row,
.composer-paper.social-editor .editor-canvas-stack,
.preview-paper { min-width: 0; }
.destination-readiness .platform-choice { min-height: 160px; }

.review-controls {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  gap: 12px;
  padding: 12px 14px 0;
  background: rgba(15, 11, 8, .96);
}
.review-caption-box,
.review-intent-box {
  min-width: 0;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid rgba(181, 138, 80, .3);
  border-radius: 9px;
  background: rgba(25, 18, 12, .84);
}
.review-caption-box label,
.review-intent-box legend,
.review-schedule-field span {
  display: block;
  color: #cba36a;
  font: 700 8px/1.2 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.review-caption-box label span { display: block; margin-top: 4px; color: #998b7a; font: 500 10px/1.35 var(--sans); letter-spacing: 0; text-transform: none; }
.review-caption-box textarea {
  display: block;
  width: 100%;
  min-height: 76px;
  max-height: 140px;
  margin-top: 8px;
  padding: 9px 10px;
  resize: vertical;
  overflow: auto;
  color: #f5ead9;
  border: 1px solid rgba(181, 138, 80, .34);
  border-radius: 6px;
  background: #0d0b08;
  font: 12px/1.45 var(--sans);
}
.review-caption-box > small { display: block; margin-top: 7px; color: #8e816f; font: 500 9px/1.35 var(--sans); }
.review-intent-box { border-width: 1px; }
.review-intent-box legend { padding: 0 4px; }
.review-intent-option { display: flex; align-items: flex-start; gap: 8px; margin-top: 9px; color: #f1e5d4; cursor: pointer; }
.review-intent-option input { flex: 0 0 auto; margin-top: 2px; accent-color: #c69654; }
.review-intent-option span { display: grid; gap: 3px; min-width: 0; }
.review-intent-option b { font: 600 11px/1.2 var(--sans); }
.review-intent-option small { color: #998b7a; font: 500 9px/1.35 var(--sans); }
.review-schedule-field { display: grid; gap: 6px; margin: 11px 0 0 23px; }
.review-schedule-field input { min-height: 32px; padding: 0 8px; color: #f5ead9; border: 1px solid rgba(181, 138, 80, .34); border-radius: 5px; background: #0d0b08; font: 11px var(--sans); }
.review-schedule-field[hidden] { display: none !important; }

.review-variants { grid-template-columns: repeat(6, minmax(250px, 1fr)); align-items: stretch; gap: 12px; padding: 14px; }
.review-variants > article { min-height: 0; grid-template-rows: auto auto auto auto; align-content: start; }
.runway-wrapper { width: min(100%, 300px); max-width: 100%; justify-self: center; }
.runway-wrapper.runway-landscape .runway-mini-media { aspect-ratio: 4 / 3; }
.runway-wrapper.runway-square .runway-mini-media { aspect-ratio: 4 / 5; }
.runway-wrapper.runway-vertical { width: min(100%, 250px); aspect-ratio: 9 / 16; }
.runway-wrapper.runway-vertical .runway-mini { min-height: 0; aspect-ratio: 9 / 16; }
.runway-wrapper.runway-vertical .runway-mini-media { min-height: 0; }
.review-effect-boundary { min-width: 0; display: grid; gap: 6px; }
.review-effect-boundary > span { justify-self: start; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.review-effect-boundary > label { color: #d9c8b1; font: 500 10px/1.35 var(--sans); }
.review-effect-boundary > label[hidden] { display: none; }

/* Keep the destination/mode tools adjacent to the preview rather than
   consuming the narrow top edge of the canvas. */
.preview-paper { display: flex; flex-direction: column; }
.preview-paper > .preview-format-tabs { order: 0; flex: 0 0 auto; }
.preview-paper > .preview-stage { order: 1; flex: 1 1 auto; min-height: 0; }
.preview-paper > .preview-lens-status { order: 2; flex: 0 0 auto; }
.preview-paper .preview-lens-status { border-top: 1px solid rgba(198, 150, 84, .18); }

@media (max-width: 1120px) {
  .review-variants { grid-template-columns: repeat(6, minmax(280px, 84vw)); overflow-x: auto; scroll-snap-type: x mandatory; }
  .review-variants > article { scroll-snap-align: center; }
}
@media (max-width: 760px) {
  .review-controls { grid-template-columns: minmax(0, 1fr); }
  .review-variants { grid-template-columns: minmax(280px, 86vw); }
  .review-runway > footer { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  .review-effect-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .review-effect-actions button { width: 100%; }
}

/* 2026-08-10 Social Studio surface law: opaque Files-like espresso, not parchment or navy.
   The nested .social-preview / .runway-mini platform canvases remain intentionally authentic. */
.social-editor {
  --ink: #f1e6d5;
  --muted: #a99a87;
  --soft: #887967;
  --line: rgba(213, 177, 126, .28);
  --line-soft: rgba(196, 146, 83, .13);
  --gold: #c18a45;
  color: var(--ink);
  border-color: var(--line);
  background:
    linear-gradient(rgba(196, 146, 83, .018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 146, 83, .018) 1px, transparent 1px),
    radial-gradient(circle at 16% 0, rgba(181, 138, 80, .07), transparent 34%),
    linear-gradient(145deg, #18140f, #0d0c07 72%);
  background-size: 28px 28px, 28px 28px, auto, auto;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .36), inset 0 1px rgba(241, 223, 194, .035);
}

.social-editor .editor-modebar,
.preview-paper .preview-format-tabs,
.preview-paper .preview-lens-status,
.review-runway > header,
.review-runway > footer {
  border-color: rgba(213, 177, 126, .22);
  background: #0d0c07;
}

.social-editor .editor-route,
.social-editor .editor-accelerators button,
.social-editor .editor-bank-trigger,
.social-editor .editor-modebar .draft-stamp { color: #d9cbb8; }
.social-editor .editor-route b,
.social-editor .editor-modebar .draft-stamp { color: #c99a5e; }
.social-editor .editor-route small { color: #9e9181; }
.social-editor .editor-bank-trigger { border-color: rgba(213, 177, 126, .18); }
.social-editor .editor-bank-trigger:hover,
.social-editor .editor-accelerators button:hover { color: #fff5e5; background: rgba(181, 138, 80, .1); }

.social-editor .media-holding,
.social-editor .editor-direction,
.social-editor .inline-media-editor,
.social-editor .post-mode,
.social-editor .page-picker,
.social-editor .tiktok-options {
  color: var(--ink);
  border-color: var(--line-soft);
  background: linear-gradient(145deg, #18140f, #0e0c09);
  box-shadow: inset 0 1px rgba(241, 223, 194, .025);
}

.social-editor .media-holding > header b,
.social-editor .media-empty b,
.social-editor .post-mode > header b,
.social-editor .page-picker .field-label,
.social-editor .tiktok-options-head strong,
.social-editor .direction-head > span > b,
.social-editor .inline-media-editor > header b,
.social-editor .inline-editor-stage > span b,
.social-editor .media-intelligence-panel b { color: #f1e6d5; }

.social-editor .media-holding > header small,
.social-editor .media-empty small,
.social-editor .post-mode > header small,
.social-editor .post-mode-choice small,
.social-editor .platform-card small,
.social-editor .direction-head > span > small,
.social-editor .editor-direction > footer span,
.social-editor .inline-media-editor > header small,
.social-editor .inline-editor-stage > span,
.social-editor .inline-controls-empty,
.social-editor .inline-editor-note,
.social-editor .media-intelligence-panel small,
.social-editor .publish-row span { color: #a99a87; }

.social-editor .media-add-button,
.social-editor .media-holding > header button,
.social-editor .media-tools .media-add-footer,
.social-editor .auto-caption-button,
.social-editor .media-intelligence-trigger,
.social-editor .post-mode-choice button,
.social-editor .platform-card,
.social-editor .inline-media-editor .gme-rotate button,
.social-editor .inline-editor-actions button {
  color: #e7d8c3;
  border-color: rgba(213, 177, 126, .24);
  background: #211a12;
}
.social-editor .media-add-button:hover,
.social-editor .media-holding > header button:hover,
.social-editor .media-tools .media-add-footer:hover,
.social-editor .auto-caption-button:hover,
.social-editor .media-intelligence-trigger:not(:disabled):hover,
.social-editor .post-mode-choice button:hover,
.social-editor .platform-card:hover,
.social-editor .inline-media-editor .gme-rotate button:hover,
.social-editor .inline-editor-actions button:hover { color: #fff5e5; background: #2c2116; }

.social-editor .media-empty {
  border-color: rgba(213, 177, 126, .25);
  background: #12100c;
}
.social-editor .media-empty::before,
.social-editor .media-empty::after {
  border-color: rgba(213, 177, 126, .22);
  background: #241b12;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .34);
}
.social-editor .media-number {
  color: #d7ad72;
  border-color: rgba(213, 177, 126, .3);
  background: #1b140d;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .36);
}
.social-editor .media-thumb {
  color: #eadfce;
  border-color: rgba(213, 177, 126, .2);
  background: #1c1711;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .32);
}
.social-editor .media-thumb.active {
  border-color: #b98546;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .38), inset 0 0 0 2px rgba(185, 133, 70, .18);
}

.social-editor .editor-direction .editor-modes {
  border-color: rgba(213, 177, 126, .2);
  background: #12100c;
}
.social-editor .editor-direction .editor-modes button {
  color: #aa9c89;
  border-color: rgba(196, 146, 83, .13);
  background: transparent;
}
.social-editor .editor-direction .editor-modes button:hover { color: #f1e6d5; background: rgba(181, 138, 80, .08); }
.social-editor .editor-direction .editor-modes button.selected,
.social-editor .post-mode-choice button.selected,
.social-editor .platform-card.selected {
  color: #fff5e5;
  border-color: rgba(213, 177, 126, .38);
  background: #312315;
  box-shadow: inset 0 -2px #b98546;
}
.social-editor .editor-direction .editor-modes button small { color: #8f806e; }

.social-editor .editor-direction textarea,
.social-editor .page-picker select,
.social-editor .tiktok-options select,
.social-editor .inline-media-editor .gme-control select,
.social-editor .inline-media-editor .gme-control input[type="number"],
.social-editor .edit-box textarea {
  color: #f1e6d5;
  border-color: rgba(213, 177, 126, .24);
  background: #12100c;
  color-scheme: dark;
}
.social-editor textarea::placeholder,
.social-editor input::placeholder { color: #827565; opacity: 1; }
.social-editor .editor-direction textarea:focus,
.social-editor .edit-box textarea:focus {
  border-color: #b98546;
  box-shadow: 0 0 0 3px rgba(185, 133, 70, .14);
}

.social-editor .inline-media-editor > header,
.social-editor .inline-editor-body,
.social-editor .inline-media-editor > footer { border-color: rgba(196, 146, 83, .13); }
.social-editor .inline-editor-stage {
  background:
    linear-gradient(45deg, rgba(213, 177, 126, .025) 25%, transparent 25%, transparent 75%, rgba(213, 177, 126, .025) 75%),
    linear-gradient(45deg, rgba(213, 177, 126, .025) 25%, transparent 25%, transparent 75%, rgba(213, 177, 126, .025) 75%),
    #0c0a05;
  background-position: 0 0, 9px 9px;
  background-size: 18px 18px;
}
.social-editor .inline-editor-stage canvas,
.social-editor .inline-editor-stage video { box-shadow: 0 16px 34px rgba(0, 0, 0, .46); }
.social-editor .inline-editor-controls { border-color: rgba(196, 146, 83, .13); background: #14110d; }
.social-editor .inline-media-editor .gme-control > span,
.social-editor .inline-editor-progress,
.social-editor .inline-media-editor > footer b,
.social-editor .media-intelligence-panel > span { color: #c99a5e; }
.social-editor .inline-media-editor .gme-control input[type="range"] { accent-color: #b98546; }
.social-editor .inline-editor-actions button.primary {
  color: #160f08;
  border-color: #d5b17e;
  background: #d5b17e;
}
.social-editor .media-intelligence-trigger small,
.social-editor .inline-media-editor > header em,
.social-editor .inline-media-editor > footer { color: #9e9181; }
.social-editor .media-intelligence-panel {
  border-color: rgba(213, 177, 126, .2);
  background: #18130e;
}
.social-editor .media-intelligence-panel li { color: #cdb38d; border-color: rgba(213, 177, 126, .2); }

.preview-paper {
  color: #eadfce;
  border-color: rgba(213, 177, 126, .28);
  background:
    radial-gradient(circle at 18% 0, rgba(181, 138, 80, .075), transparent 34%),
    linear-gradient(145deg, #18140f, #0e0c09);
  box-shadow: 0 22px 56px rgba(0, 0, 0, .38), inset 0 1px rgba(241, 223, 194, .035);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.preview-paper .preview-stage { background: linear-gradient(145deg, #12100c, #0c0a05); }
.preview-paper .preview-format-tabs button { color: #a99a87; border-color: rgba(196, 146, 83, .13); }
.preview-paper .preview-format-tabs button:hover { color: #fff5e5; background: rgba(181, 138, 80, .07); }
.preview-paper .preview-format-tabs button.selected {
  color: #fff5e5;
  background: #2a1f14;
  box-shadow: inset 0 -2px #b98546;
}
.preview-paper .preview-lens-status { color: #a99a87; }
.preview-paper .preview-lens-status button {
  color: #cfc0ac;
  border-color: rgba(213, 177, 126, .2);
  background: #18130e;
}
.preview-paper .preview-lens-status button:hover { color: #fff5e5; background: #2a1f14; }
.preview-paper .preview-lens-status button[aria-pressed="true"] { color: #fff0d6; border-color: rgba(213, 177, 126, .48); background: #312315; }
.preview-paper .preview-connection-state {
  color: #ddd1c0;
  border-color: rgba(213, 177, 126, .28);
  background: #0d0c07;
}
.preview-paper .preview-connection-state span { color: #a99a87; }

.social-editor :is(button, input, textarea, select):focus-visible,
.preview-paper :is(button, [role="button"]):focus-visible {
  outline: 2px solid #d5b17e;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(213, 177, 126, .13);
}

/* Social keeps its wider banner language; only the Files utility contract is shared. */
.social-account-trigger,
.social-quick-capture { display: none !important; }
.social-section-tools {
  min-width: 274px;
  height: 100%;
  display: flex;
  flex: 0 1 274px;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-left: auto;
}
.social-section-search {
  width: 168px;
  height: 26px;
  min-width: 118px;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid rgba(210, 187, 143, .26);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
}
.social-section-search:focus-within { border-color: #b58a50; box-shadow: 0 0 0 2px rgba(181, 138, 80, .1); }
.social-section-search svg { width: 13px; height: 13px; color: #978d80; fill: none; stroke: currentColor; }
.social-section-search input { width: 100%; min-width: 0; padding: 0; color: #fff8ec; border: 0; border-radius: 0; outline: 0; background: transparent; font-size: 11px; }
.social-section-search input::placeholder { color: #746c62; }
.social-pilot-bank { flex: 0 0 auto; height: 18px; display: flex; align-items: center; }
.social-pilot {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 18px;
  display: grid;
  place-items: center;
  color: #978d80;
}
.social-pilot i { width: 5px; height: 5px; border-radius: 50%; opacity: .82; background: currentColor; filter: saturate(.62); box-shadow: 0 0 3px currentColor; }
.social-pilot.state-good { color: #37e0a0; }
.social-pilot.state-held { color: #f2b866; }
.social-pilot.state-danger { color: #ff7b72; }
.social-pilot::after {
  content: attr(data-status-tooltip);
  position: absolute;
  z-index: 90;
  top: calc(100% + 5px);
  right: 0;
  width: max-content;
  max-width: 230px;
  padding: 7px 9px;
  border: 1px solid rgba(210, 164, 94, .42);
  border-radius: 6px;
  color: #f1e6d5;
  background: #0b0b0a;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .55);
  font-size: 10.5px;
  line-height: 1.35;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-2px);
  transition: opacity .12s ease, transform .12s ease, visibility 0s .12s;
}
.social-pilot:hover::after,
.social-pilot:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .1s; }

@media (max-width: 720px) {
  .social-section-tools { min-width: 220px; flex-basis: 220px; }
  .social-section-search { width: 130px; }
}

/* Tony-directed calmer Social field, 2026-08-11. */
body {
  background-color: #0d0b09;
  background-image:
    linear-gradient(rgba(190, 148, 83, .022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(190, 148, 83, .022) 1px, transparent 1px),
    radial-gradient(circle at 76% 10%, rgba(108, 78, 43, .13), transparent 34%),
    radial-gradient(circle at 10% 86%, rgba(83, 58, 35, .1), transparent 30%),
    linear-gradient(135deg, #0d0b09 0%, #18130f 48%, #0a0908 100%);
  background-position: left top, left top, center, center, center;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat;
  background-size: 32px 32px, 32px 32px, auto, auto, auto;
  background-attachment: fixed;
}

.preview-paper,
.composer-paper.social-editor {
  background-color: rgba(13, 11, 8, 0.78);
  background-image:
    radial-gradient(circle at 18% 0, rgba(181, 138, 80, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(24, 20, 15, 0.76), rgba(13, 12, 7, 0.84));
  backdrop-filter: blur(1.5px);
}

@media (max-width: 720px) {
  body {
    background-position: center top, left top;
    background-size: auto, 960px auto;
  }
}

/* Remove the outer New Post shell while preserving its working contents. */
.composer-paper.social-editor {
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

/* Tony-directed removal of the New Post toolbar strip. */
.composer-paper.social-editor > .editor-modebar {
  display: none;
}

/* Social Studio instrument workbench: Tony-directed coherent pass, 2026-08-11. */
.composer-paper.social-editor {
  --instrument-glass: linear-gradient(145deg, rgba(20, 17, 12, 0.82), rgba(8, 8, 6, 0.72));
  --instrument-edge: rgba(213, 177, 126, 0.3);
  width: 100%;
  padding: 0;
  overflow: visible;
}

.composer-paper.social-editor .editor-workbench {
  width: 100%;
  height: auto;
  min-height: clamp(560px, 66vh, 720px);
  display: grid;
  grid-template-columns: minmax(260px, 0.62fr) minmax(500px, 1.38fr);
  align-items: stretch;
  gap: clamp(14px, 1.4vw, 22px);
  padding: 0;
  overflow: visible;
  background: transparent;
}

.composer-paper.social-editor .editor-intake {
  width: 100%;
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
}

.composer-paper.social-editor .media-holding,
.composer-paper.social-editor .editor-direction,
.composer-paper.social-editor .inline-media-editor {
  position: relative;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--instrument-edge);
  background: var(--instrument-glass);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 240, 210, 0.04);
  backdrop-filter: blur(7px) saturate(0.86);
}

.composer-paper.social-editor .media-holding,
.composer-paper.social-editor .editor-direction {
  height: auto;
  min-height: 0;
  padding: 14px;
  border-radius: 14px;
  overflow: hidden;
}

.composer-paper.social-editor .media-holding::before,
.composer-paper.social-editor .editor-direction::before,
.composer-paper.social-editor .inline-media-editor::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -1px;
  left: 18px;
  width: 72px;
  height: 2px;
  background: linear-gradient(90deg, #d6a965, rgba(214, 169, 101, 0));
  pointer-events: none;
}

.composer-paper.social-editor .media-holding {
  min-height: 218px;
}

.composer-paper.social-editor .media-empty {
  border-color: rgba(213, 177, 126, 0.26);
  border-radius: 10px;
  background: rgba(5, 5, 4, 0.28);
}

.composer-paper.social-editor .editor-direction {
  align-content: start;
  background:
    linear-gradient(180deg, rgba(181, 138, 80, 0.035), transparent 42%),
    var(--instrument-glass);
}

.composer-paper.social-editor .editor-direction textarea,
.composer-paper.social-editor .editor-modes {
  border-color: rgba(213, 177, 126, 0.26);
  background: rgba(4, 4, 3, 0.34);
}

.composer-paper.social-editor .inline-media-editor {
  height: auto;
  min-height: clamp(560px, 66vh, 720px);
  max-width: none;
  grid-template-rows: auto minmax(0, 1fr);
  border-radius: 16px;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% -20%, rgba(181, 138, 80, 0.1), transparent 35%),
    linear-gradient(145deg, rgba(18, 16, 12, 0.84), rgba(7, 7, 5, 0.76));
}

.composer-paper.social-editor .inline-media-editor > header,
.composer-paper.social-editor .inline-media-editor > footer {
  border-color: rgba(213, 177, 126, 0.18);
  background: rgba(7, 7, 5, 0.5);
}

.composer-paper.social-editor .inline-editor-body {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(220px, 25%, 286px);
  overflow: hidden;
}

.composer-paper.social-editor .inline-editor-stage {
  width: 100%;
  min-width: 0;
  min-height: 490px;
  background:
    radial-gradient(circle at 50% 42%, rgba(181, 138, 80, 0.07), transparent 35%),
    linear-gradient(rgba(196, 146, 83, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 146, 83, 0.018) 1px, transparent 1px),
    rgba(4, 4, 3, 0.48);
  background-size: auto, 18px 18px, 18px 18px, auto;
}

.composer-paper.social-editor .inline-editor-controls {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
  border-left: 1px solid rgba(213, 177, 126, 0.18);
  background: rgba(9, 8, 6, 0.66);
}

.composer-paper.social-editor .luna-media-command,
.composer-paper.social-editor .inline-editor-actions {
  width: 100%;
}

.composer-paper.social-editor .inline-editor-note {
  margin-top: auto;
}

@media (max-width: 960px) {
  .composer-paper.social-editor .editor-workbench {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .composer-paper.social-editor .editor-intake {
    height: auto;
    grid-template-columns: minmax(240px, 0.82fr) minmax(300px, 1.18fr);
    grid-template-rows: none;
  }

  .composer-paper.social-editor .inline-media-editor {
    min-height: 620px;
  }
}

/* Production preview controls: connected destinations, automatic platform framing,
   and provider-backed Post / Profile / Both lenses. */
.preview-paper .preview-lens-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "destination destination"
    "modes actions";
  align-items: center;
  gap: 10px;
  min-height: 82px;
  padding: 8px 10px;
}
.preview-paper .preview-destination-links {
  grid-area: destination;
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.preview-paper .preview-destination-links a,
.profile-context-grid #profileContextOpenLink {
  color: #f2d5a8;
  font: 700 10px/1.2 "Segoe UI Variable Text", "Segoe UI", sans-serif;
  text-decoration: none;
}
.preview-paper .preview-destination-links a:hover,
.profile-context-grid #profileContextOpenLink:hover { text-decoration: underline; }
.preview-paper .preview-destination-links small {
  display: block;
  color: #8f826f;
  font: 650 8px/1.2 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .04em;
}
.preview-paper .preview-primary-actions {
  grid-area: actions;
  justify-self: end;
}
.preview-paper .preview-display-modes {
  grid-area: modes;
  justify-self: start;
}
.preview-paper .preview-primary-actions,
.preview-paper .preview-display-modes { display: flex; align-items: center; gap: 6px; }
.preview-paper .preview-display-modes {
  padding: 3px;
  border: 1px solid rgba(198, 150, 84, .2);
  border-radius: 8px;
  background: #0d0b08;
}
.preview-paper .preview-display-modes button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding-inline: 9px;
  border: 0;
  border-radius: 5px;
  background: transparent;
}
.preview-paper .preview-display-modes button.selected,
.preview-paper .preview-display-modes button[aria-pressed="true"] {
  color: #fff2df;
  background: #322313;
  box-shadow: inset 0 0 0 1px rgba(213, 177, 126, .28);
}
.preview-paper .preview-media[data-auto-fit="true"][data-fit="contain"] :is(img, video) {
  object-fit: contain;
  object-position: center;
}
.preview-paper .preview-media[data-auto-fit="true"][data-fit="cover"] :is(img, video) {
  object-fit: cover;
  object-position: center;
}
.preview-paper .preview-media[data-auto-fit="true"][data-fit="cover"]::before { opacity: 0; }
.preview-paper .social-preview[hidden] { display: none !important; }
.preview-paper .preview-stage.profile-only-mode {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  overflow: auto;
}
.preview-paper .preview-stage.profile-only-mode .profile-context-grid {
  width: min(390px, 100%);
  max-width: 390px;
}
.preview-paper .profile-context-grid {
  width: min(390px, 100%);
  overflow: hidden;
  border: 1px solid rgba(198, 150, 84, .28);
  border-radius: 10px;
  color: #eadfce;
  background: #100e0b;
}
.preview-paper .profile-context-grid > header {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  min-height: 58px;
  padding: 10px;
  border-bottom: 1px solid rgba(198, 150, 84, .16);
}
.preview-paper .profile-context-grid > header .avatar { width: 34px; height: 34px; }
.preview-paper .profile-context-grid > header b { color: #f5ead9; font-size: 13px; }
.preview-paper .profile-context-grid > header small { display: block; margin-top: 3px; color: #998c7a; font-size: 9px; }
.preview-paper .profile-context-posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2px;
  padding: 2px;
  background: #080705;
}
.preview-paper .profile-context-posts > :is(a, div) {
  position: relative;
  min-width: 0;
  aspect-ratio: 1;
  overflow: hidden;
  color: #e8dac5;
  background: linear-gradient(145deg, #2a2118, #100d09);
  text-decoration: none;
}
.preview-paper .profile-context-posts img { width: 100%; height: 100%; object-fit: cover; display: block; }
.preview-paper .profile-context-posts > :is(a, div) > span {
  width: 100%; height: 100%; display: grid; align-content: end; gap: 5px; padding: 9px;
  aspect-ratio: auto;
  background: linear-gradient(160deg, #302316, #110e0a);
}
.preview-paper .profile-context-posts span b {
  display: -webkit-box; overflow: hidden; font: 650 9px/1.3 "Segoe UI Variable Text", "Segoe UI", sans-serif;
  -webkit-box-orient: vertical; -webkit-line-clamp: 4;
}
.preview-paper .profile-context-posts span small { color: #a69680; font: 650 7px/1.2 "Cascadia Mono", monospace; }
.preview-paper #profileContextEmpty { margin: 0; padding: 22px; color: #998c7a; font: 650 10px/1.5 "Segoe UI Variable Text", "Segoe UI", sans-serif; text-align: center; }
.preview-paper #profileContextEmpty[hidden] { display: none; }
.luna-caption-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; }
.luna-caption-actions small { color: #8a765e; font: 600 9px/1.35 "Segoe UI Variable Text", "Segoe UI", sans-serif; }

@media (max-width: 900px) {
  .preview-paper .preview-lens-status {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "destination destination"
      "modes actions";
  }
}
@media (max-width: 620px) {
  .preview-paper .preview-lens-status {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "destination" "modes" "actions";
  }
  .preview-paper .preview-display-modes { width: 100%; }
  .preview-paper .preview-display-modes button { flex: 1; }
  .preview-paper .preview-primary-actions { width: 100%; }
  .preview-paper .preview-primary-actions button { flex: 1; }
  .luna-caption-actions { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 680px) {
  .composer-paper.social-editor .editor-workbench,
  .composer-paper.social-editor .editor-intake {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  .composer-paper.social-editor .inline-media-editor {
    min-height: 0;
  }

  .composer-paper.social-editor .inline-editor-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .composer-paper.social-editor .inline-editor-stage {
    min-height: 330px;
  }

  .composer-paper.social-editor .inline-editor-controls {
    min-height: 250px;
    border-left: 0;
    border-top: 1px solid rgba(213, 177, 126, 0.18);
  }
}

/* Social photo controls: remove app handoff and restore the Guth instrument palette. */
.composer-paper.social-editor .media-intelligence-trigger {
  display: none;
}

.composer-paper.social-editor .luna-media-command {
  border: 1px solid rgba(201, 154, 94, 0.24);
  border-radius: 9px;
  background: rgba(7, 7, 5, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 244, 224, 0.03);
}

.composer-paper.social-editor #lunaMediaInstruction,
.composer-paper.social-editor .gme-control input[type="number"],
.composer-paper.social-editor .gme-control select {
  color: #eadfce;
  border: 1px solid rgba(201, 154, 94, 0.28);
  border-radius: 6px;
  background: #0d0c09;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.34);
  color-scheme: dark;
}

.composer-paper.social-editor #lunaMediaInstruction::placeholder {
  color: #776c5d;
}

.composer-paper.social-editor #lunaMediaButton,
.composer-paper.social-editor .gme-rotate button,
.composer-paper.social-editor .inline-editor-actions button {
  color: #e9dcc7;
  border: 1px solid rgba(190, 141, 78, 0.42);
  border-radius: 6px;
  background: linear-gradient(180deg, #292117, #17130e);
  box-shadow: inset 0 1px 0 rgba(255, 238, 207, 0.05);
}

.composer-paper.social-editor #lunaMediaButton:hover,
.composer-paper.social-editor .gme-rotate button:hover,
.composer-paper.social-editor .inline-editor-actions button:hover {
  color: #fff2dc;
  border-color: rgba(211, 164, 102, 0.68);
  background: linear-gradient(180deg, #382a1c, #21170f);
}

.composer-paper.social-editor .inline-editor-actions .primary {
  color: #fff1da;
  border-color: #9f7442;
  background: linear-gradient(180deg, #72502d, #49331e);
}

.composer-paper.social-editor .inline-editor-actions .primary:hover {
  border-color: #c39152;
  background: linear-gradient(180deg, #825d35, #563b21);
}

.composer-paper.social-editor :is(#lunaMediaButton, .gme-rotate button, .inline-editor-actions button):disabled {
  color: #766c5e;
  border-color: rgba(148, 117, 77, 0.2);
  background: #14120e;
  opacity: 0.72;
}

.composer-paper.social-editor .gme-control > span {
  color: #c89a5f;
}

.composer-paper.social-editor .gme-control input[type="range"] {
  width: 100%;
  height: 18px;
  appearance: none;
  background: transparent;
  accent-color: #c08c4d;
}

.composer-paper.social-editor .gme-control input[type="range"]::-webkit-slider-runnable-track {
  height: 4px;
  border: 1px solid rgba(211, 177, 126, 0.2);
  border-radius: 999px;
  background: linear-gradient(90deg, #6e502f, #2b2924);
}

.composer-paper.social-editor .gme-control input[type="range"]::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
  margin-top: -6px;
  appearance: none;
  border: 1px solid #d4a466;
  border-radius: 50%;
  background: #ad7740;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
}

.composer-paper.social-editor .gme-control input[type="range"]::-moz-range-track {
  height: 4px;
  border: 1px solid rgba(211, 177, 126, 0.2);
  border-radius: 999px;
  background: linear-gradient(90deg, #6e502f, #2b2924);
}

.composer-paper.social-editor .gme-control input[type="range"]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border: 1px solid #d4a466;
  border-radius: 50%;
  background: #ad7740;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
}

/* Align the Social compose and preview instruments. */
.workspace.social-product-panel {
  grid-template-columns: minmax(620px, 1fr) clamp(400px, 36vw, 580px);
  grid-template-areas:
    "notices notices"
    "compose preview";
  align-items: start;
  gap: 14px;
}

.workspace.social-product-panel > .workspace-notices {
  grid-area: notices;
  min-width: 0;
  display: grid;
  gap: 10px;
}

.workspace.social-product-panel > .workspace-notices:not(:has(> :not([hidden]))) {
  display: none;
}

.workspace-notices .result-card,
.workspace-notices .plan-upsell {
  margin: 0;
}

.receipt-popup {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  width: min(360px, calc(100vw - 36px));
  margin: 0;
  padding: 13px 42px 13px 14px;
  overflow: visible;
  color: #eee5d1;
  border: 1px solid rgba(198, 150, 84, .58);
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(24, 19, 14, .985), rgba(8, 8, 7, .985));
  box-shadow: 0 20px 54px rgba(0, 0, 0, .62);
}

.receipt-popup[hidden] { display: none !important; }
.receipt-popup[data-expanded="true"] { width: min(460px, calc(100vw - 36px)); }
.receipt-popup .result-summary { min-width: 0; }
.receipt-popup h3 { margin: 4px 0 0; color: #f0e5d2; font: 600 16px/1.25 var(--sans); }
.receipt-popup .result-status { margin: 4px 0 0; color: #b8aa96; font-size: 11px; }
.receipt-popup .result-details {
  max-height: min(44vh, 360px);
  margin-top: 10px;
  padding-right: 2px;
  overflow: auto;
}
.receipt-popup .result-details[hidden] { display: none !important; }
.receipt-popup .result-details > p { min-width: 0; margin: 0; color: #b8aa96; }
.receipt-popup .result-actions { margin-top: 9px; justify-content: flex-start; }
.receipt-popup .result-actions :is(a, button) { min-height: 32px; padding: 7px 10px; font-size: 10px; }
.receipt-popup-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 30px;
  min-height: 30px;
  padding: 0;
  border: 1px solid rgba(213, 177, 126, .24);
  border-radius: 7px;
  color: #c9bba7;
  background: rgba(255, 255, 255, .035);
  font: 400 22px/1 var(--sans);
  cursor: pointer;
}
.receipt-popup-close:hover { color: #fff8ec; background: rgba(198, 150, 84, .12); }
.receipt-popup-close:focus-visible { outline: 2px solid #f3d39e; outline-offset: 2px; }

.workspace.social-product-panel > .compose-stack {
  grid-area: compose;
  align-self: start;
}

.workspace.social-product-panel > .preview-stack {
  grid-area: preview;
  align-self: start;
  order: 0;
}

@media (min-width: 1101px) {
  .workspace.social-product-panel > .preview-stack > .preview-paper {
    width: 100%;
    max-width: none;
  }
}

.composer-paper.social-editor .editor-workbench {
  margin-top: 0;
}

@media (max-width: 1100px) {
  .workspace.social-product-panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "notices"
      "compose"
      "preview";
  }
}

@media (max-width: 720px) {
  .receipt-popup {
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
  }
  .receipt-popup[data-expanded="true"] { width: calc(100vw - 20px); }
}

/* Match Social's application bars to the verified Files header system. */
.hub-global-header {
  min-height: var(--hub-header-h);
  height: var(--hub-header-h);
  padding: 0 16px;
  gap: 10px;
  color: #eee5d1;
  border-bottom: 1px solid rgba(196, 155, 82, 0.48);
  background: #0b0b0a;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

.hub-wordmark {
  height: 34px;
  justify-self: start;
  gap: 8px;
  color: #f0eadf;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

.hub-product-nav {
  height: 71px;
  align-self: stretch;
  justify-self: center;
}

.hub-product-nav > :is(a, button) {
  min-height: 71px;
  padding: 0 9px;
  display: flex;
  align-items: center;
  color: #afa38d;
  background: transparent;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.49px;
}

.hub-product-nav > :is(a, button):hover {
  color: #eee5d1;
}

.hub-product-nav > [aria-current="page"] {
  color: #eee5d1;
  font-weight: 600;
}

.hub-product-nav > [aria-current="page"]::after {
  background: #c49b52;
}

.hub-header-tools {
  min-height: 71px;
  justify-self: end;
  gap: 5px;
  color: #afa38d;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

.hub-header-tools > :is(a, button) {
  color: #afa38d;
}

.hub-profile-tool {
  width: 25px;
  height: 25px;
  padding: 0;
  color: #eee5d1;
  border-color: rgba(196, 155, 82, 0.42);
  border-radius: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-size: 11px;
}

.social-local-strip {
  min-height: 44px;
  height: 44px;
  padding: 0 18px 0 10px;
  gap: 0;
  color: #eee5d1;
  border-bottom: 1px solid rgba(196, 155, 82, 0.4);
  background: #0b0b0a;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

.social-header-collapse {
  width: 32px;
  height: 31px;
  min-height: 31px;
  margin-right: 14px;
  color: #ad9a82;
}

.social-local-destination {
  height: 43px;
  flex: 0 0 77px;
  margin-right: 16px;
  padding: 0 10px 1px 0;
  border-right: 1px solid rgba(196, 155, 82, 0.18);
  color: #c49b52;
  font-family: "Cascadia Mono", SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.43px;
  text-transform: uppercase;
}

.social-local-strip > nav {
  min-height: 43px;
  gap: 2px;
}

.social-local-strip > nav > button {
  min-height: 43px;
  padding: 0 9px;
  color: #afa38d;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.social-local-strip > nav > button:hover,
.social-local-strip > nav > button[aria-selected="true"],
.social-local-strip > nav > button.active {
  color: #eee5d1;
}

.social-local-strip > nav > button[aria-selected="true"]::after,
.social-local-strip > nav > button.active::after {
  height: 2px;
  background: #c49b52;
}

.social-section-tools {
  min-height: 43px;
  margin-left: auto;
  gap: 6px;
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

.social-section-tools :is(input, button) {
  font-family: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
}

@media (min-width: 1101px) {
  .hub-global-header {
    grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
  }
}

@media (max-width: 1100px) {
  .hub-global-header {
    padding-inline: 8px;
  }

  .hub-product-nav > :is(a, button) {
    min-height: 61px;
    padding-inline: 7px;
    font-size: 12px;
  }

  .social-local-strip {
    padding-right: 10px;
  }
}

@media (max-width: 620px) {
  .hub-product-nav {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-self: stretch;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .hub-product-nav::-webkit-scrollbar {
    display: none;
  }
}

/* 2026-08-11 Social preview geometry contract.
   The platform card is the stable outer shell; only its media viewport owns
   placement geometry. Reference defaults: Instagram feed 4:5, full-screen
   Reel/Story 9:16, and TikTok 9:16. Facebook keeps the uploaded asset's
   natural ratio inside a bounded feed card instead of claiming one required
   platform ratio. Accepted upload ranges remain a media/crop concern:
   https://www.facebook.com/help/1631821640426723/
   https://www.facebook.com/help/1038071743007909
   https://www.facebook.com/help/instagram/570215404599013
   https://www.facebook.com/help/instagram/411192286082878/
   https://ads.tiktok.com/help/article/tiktok-auction-in-feed-ads?lang=en-GB */
.preview-paper .preview-lens-status {
  overflow: hidden;
}

.preview-paper .preview-lens-status > span:first-child {
  flex: 1 1 0;
  overflow: hidden;
}

.preview-paper .preview-lens-status > span:last-child {
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: 6px;
}

.preview-paper .social-preview[data-preview-shell="platform"] {
  --preview-shell-width: 270px;
  --preview-media-ratio: 4 / 3;
  --preview-feed-media-max-height: 300px;
  width: min(var(--preview-shell-width), 100%);
  max-width: 100%;
  justify-self: center;
  align-self: center;
}

.preview-paper .social-preview[data-preview-shell="platform"] .preview-media[data-preview-viewport="media"] {
  width: 100%;
  aspect-ratio: var(--preview-media-ratio);
}

.preview-paper .social-preview[data-format="facebook-feed"] {
  --preview-shell-width: 400px;
  --preview-media-ratio: 4 / 3;
}

.preview-paper .social-preview[data-format="facebook-feed"][data-preview-shell="platform"] .preview-media[data-preview-viewport="media"]:has(> img, > video) {
  aspect-ratio: auto;
}

.preview-paper .social-preview[data-format="instagram-feed"] {
  --preview-shell-width: 330px;
  --preview-media-ratio: 4 / 5;
}

.preview-paper .social-preview:is(
  [data-format="instagram-reel"],
  [data-format="instagram-story"],
  [data-format="tiktok-video"]
) {
  --preview-shell-width: 300px;
  --preview-media-ratio: 9 / 16;
}

.preview-paper .preview-stage:not(.profile-context-mode) {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
}

.preview-paper .preview-stage.profile-context-mode {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: max-content max-content;
  align-content: start;
  align-items: start;
  justify-items: center;
  overflow-x: hidden;
  overflow-y: auto;
}

.preview-paper .preview-stage.profile-context-mode .social-preview {
  width: min(var(--preview-shell-width), 100%);
  max-width: 100%;
}

.preview-paper .profile-context-grid {
  justify-self: center;
}

@media (min-width: 1481px), (min-width: 721px) and (max-width: 1100px) {
  .preview-paper .preview-stage.profile-context-mode {
    grid-template-columns: minmax(0, 270px) minmax(0, 230px);
    grid-template-rows: minmax(0, 1fr);
    align-content: center;
    align-items: center;
    justify-content: center;
    overflow-y: hidden;
  }
}

@media (max-width: 720px) {
  .preview-paper .preview-lens-status > span:last-child {
    flex: 1 1 100%;
  }

  .preview-paper .preview-lens-status button {
    flex: 1 1 0;
    min-width: 0;
  }
}

/* Full platform wrappers need the same stable review height when the rail
   stacks. Let the paper grow with the page instead of clipping tall media. */
@media (max-width: 1100px) {
  .preview-paper:has(.social-preview[data-preview-shell="platform"]) {
    height: 724px;
    min-height: 724px;
  }
}

@media (max-width: 720px) {
  .preview-paper:has(.social-preview[data-preview-shell="platform"]) {
    height: 760px;
    min-height: 760px;
  }
}

/* Social Studio — destination truth before composition, 2026-08-13.
   This is one source-owned surface. Existing provider controls retain their
   original IDs; layout and disclosure change without inventing connection
   state or a second publishing path. */
.composer-paper.social-editor .destination-readiness {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px;
  overflow: visible;
  border-radius: 11px;
  background:
    radial-gradient(circle at 92% 0, rgba(185, 133, 70, 0.09), transparent 31%),
    linear-gradient(145deg, rgba(19, 16, 12, 0.94), rgba(7, 7, 5, 0.91));
}

.destination-readiness-head {
  display: grid;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(213, 177, 126, 0.15);
}

.destination-readiness-head > span:first-child,
.destination-readiness-head strong,
.destination-readiness-head small {
  display: block;
}

.destination-readiness-head strong {
  margin-top: 7px;
  color: #f1e6d5;
  font: 600 16px/1.25 var(--sans);
  letter-spacing: -0.01em;
}

.destination-readiness-head small {
  max-width: 38ch;
  margin-top: 5px;
  color: #aa9c89;
  font: 400 11px/1.45 var(--sans);
}

.destination-readiness-summary {
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 9px;
  color: #d5c4ab;
  border: 1px solid rgba(213, 177, 126, 0.18);
  border-radius: 7px;
  background: rgba(4, 4, 3, 0.38);
  font: 600 10px/1.25 var(--sans);
}

.destination-readiness-summary::before {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a77a43;
  box-shadow: 0 0 9px rgba(167, 122, 67, 0.42);
}

.destination-readiness .platform-choice {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  margin: 0;
}

.destination-readiness .platform-card {
  min-height: 58px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(6, 6, 4, 0.46);
  box-shadow: inset 0 1px 0 rgba(255, 240, 210, 0.025);
}

.destination-readiness .platform-card:hover,
.destination-readiness .platform-card:focus-visible {
  color: #fff5e5;
  border-color: rgba(213, 177, 126, 0.48);
  background: #241b12;
  outline: none;
}

.destination-readiness .platform-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(185, 133, 70, 0.2);
}

.destination-readiness .platform-card > span:nth-child(2) {
  min-width: 0;
}

.destination-readiness .platform-card b {
  color: #efe2cf;
  font-size: 12px;
  font-weight: 650;
}

.destination-readiness .platform-card small {
  margin-top: 4px;
  color: #9d8f7d;
  font-size: 10px;
  line-height: 1.35;
}

.destination-readiness .platform-card em {
  min-width: 52px;
  color: #b9aa95;
  font: 600 10px/1 var(--sans);
  text-align: right;
}

.destination-readiness .platform-card.selected {
  border-color: rgba(213, 177, 126, 0.46);
  background: #312315;
  box-shadow: inset 3px 0 #b98546;
}

.destination-readiness .platform-card.selected em {
  color: #e1bd87;
}

.destination-readiness .platform-card[data-connection="disconnected"],
.destination-readiness .platform-card[data-connection="reconnect"] {
  border-style: solid;
  border-color: rgba(161, 79, 65, 0.38);
  background: rgba(73, 31, 24, 0.16);
}

.destination-readiness .platform-card[data-connection="disconnected"] small,
.destination-readiness .platform-card[data-connection="reconnect"] small,
.destination-readiness .platform-card[data-connection="disconnected"] em,
.destination-readiness .platform-card[data-connection="reconnect"] em {
  color: #cf8d7e;
}

.destination-readiness .page-picker {
  margin: 0;
  padding: 11px;
  border: 1px solid rgba(213, 177, 126, 0.18);
  border-radius: 8px;
  background: rgba(5, 5, 3, 0.43);
}

.destination-readiness .page-picker:not([hidden]) {
  display: grid;
  gap: 7px;
}

.destination-readiness .page-picker select {
  min-height: 44px;
  margin: 0;
  border-radius: 6px;
}

.destination-readiness .post-mode {
  display: block;
  margin: 0;
  padding: 11px;
  border-radius: 8px;
  background: rgba(5, 5, 3, 0.43);
}

.destination-readiness .post-mode > header b {
  color: #efe2cf;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.destination-readiness .post-mode > header small {
  margin-top: 4px;
  color: #9d8f7d;
  font-size: 10px;
}

.destination-readiness .post-mode-choice {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 9px;
}

.destination-readiness .post-mode-choice button {
  min-height: 50px;
  padding: 8px;
  border-radius: 6px;
}

.destination-readiness .post-mode-choice b {
  font-size: 10px;
}

.destination-readiness .post-mode-choice small {
  font-size: 9px;
}

.destination-readiness-list {
  display: grid;
  gap: 6px;
}

.destination-readiness-list > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid rgba(213, 177, 126, 0.14);
  border-radius: 7px;
  background: rgba(4, 4, 3, 0.32);
}

.destination-readiness-list i,
.destination-effect-boundary i {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  border-radius: 50%;
  background: #a77a43;
  box-shadow: 0 0 9px rgba(167, 122, 67, 0.38);
}

.destination-readiness-list [data-state="ready"] i {
  background: #5d9676;
  box-shadow: 0 0 9px rgba(93, 150, 118, 0.48);
}

.destination-readiness-list [data-state="blocked"] i,
.destination-readiness-list [data-state="disconnected"] i {
  background: #a15749;
  box-shadow: 0 0 9px rgba(161, 87, 73, 0.4);
}

.destination-readiness-list b,
.destination-readiness-list small {
  display: block;
}

.destination-readiness-list b {
  color: #ded0bc;
  font: 600 10px/1.25 var(--sans);
}

.destination-readiness-list small {
  margin-top: 3px;
  color: #928574;
  font: 400 10px/1.35 var(--sans);
}

.ask-guth-brief {
  display: grid;
  gap: 9px;
  padding: 11px;
  border: 1px solid rgba(213, 177, 126, 0.18);
  border-radius: 8px;
  background: rgba(5, 5, 3, 0.43);
}

.ask-guth-brief > header,
.ask-guth-brief > footer,
.exact-caption-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.ask-guth-brief > header span b,
.ask-guth-brief > header span small,
.exact-caption-panel > header span b,
.exact-caption-panel > header span small {
  display: block;
}

.ask-guth-brief > header span small,
.exact-caption-panel > header span small {
  margin-top: 4px;
  color: #9d8f7d;
  font: 400 10px/1.35 var(--sans);
}

.ask-guth-brief > header em,
.exact-caption-panel > header em {
  flex: 0 0 auto;
  color: #c89a5f;
  font: normal 600 9px/1.2 var(--sans);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.composer-paper.social-editor .ask-guth-brief textarea,
.composer-paper.social-editor .exact-caption-panel textarea {
  width: 100%;
  min-height: 88px;
  padding: 10px 11px;
  resize: vertical;
  color: #f1e6d5;
  border: 1px solid rgba(213, 177, 126, 0.24);
  border-radius: 7px;
  outline: none;
  background: #0c0b08;
  font: 400 12px/1.5 var(--sans);
  color-scheme: dark;
}

.composer-paper.social-editor .ask-guth-brief textarea:focus,
.composer-paper.social-editor .exact-caption-panel textarea:focus {
  border-color: #b98546;
  box-shadow: 0 0 0 3px rgba(185, 133, 70, 0.14);
}

.ask-guth-brief > footer {
  align-items: center;
}

.ask-guth-brief > footer span {
  color: #a99a87;
  font: 400 10px/1.4 var(--sans);
}

.ask-guth-brief > p {
  margin: 0;
  padding-top: 8px;
  color: #8e806e;
  border-top: 1px solid rgba(213, 177, 126, 0.12);
  font: 400 9px/1.35 var(--sans);
}

.destination-effect-boundary {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding-top: 11px;
  color: #aa9c89;
  border-top: 1px solid rgba(213, 177, 126, 0.15);
  font: 500 10px/1.4 var(--sans);
}

.composer-paper.social-editor .editor-canvas-stack {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
}

.composer-paper.social-editor .editor-canvas-stack > .inline-media-editor {
  height: 100%;
  min-height: 0;
  max-height: 100%;
}

.composer-paper.social-editor .exact-caption-panel {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 14px 15px;
  overflow: hidden;
  color: var(--ink);
  border: 1px solid var(--instrument-edge);
  border-radius: 11px;
  background:
    linear-gradient(180deg, rgba(181, 138, 80, 0.035), transparent 42%),
    var(--instrument-glass);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 240, 210, 0.04);
  backdrop-filter: blur(7px) saturate(0.86);
}

.composer-paper.social-editor .exact-caption-panel::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 18px;
  width: 72px;
  height: 2px;
  background: linear-gradient(90deg, #d6a965, rgba(214, 169, 101, 0));
  pointer-events: none;
}

.exact-caption-panel > header .field-label {
  color: #d2a365;
}

.exact-caption-panel > footer {
  color: #998b79;
  font: 400 10px/1.4 var(--sans);
}

@media (max-width: 960px) {
  .composer-paper.social-editor .editor-canvas-stack {
    min-height: 0;
  }

  .destination-readiness .platform-choice {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .destination-readiness .platform-card {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .destination-readiness .platform-card em {
    grid-column: 1 / -1;
    min-width: 0;
    text-align: left;
  }
}

@media (min-width: 1101px) {
  .composer-paper.social-editor .editor-intake {
    grid-template-rows: clamp(190px, 25vh, 230px) minmax(0, 1fr) !important;
  }

  .composer-paper.social-editor .destination-readiness {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(198, 150, 84, 0.72) rgba(7, 7, 5, 0.36);
  }

  .composer-paper.social-editor .destination-readiness::-webkit-scrollbar {
    width: 9px;
  }

  .composer-paper.social-editor .destination-readiness::-webkit-scrollbar-track {
    margin-block: 8px;
    background: rgba(7, 7, 5, 0.36);
  }

  .composer-paper.social-editor .destination-readiness::-webkit-scrollbar-thumb {
    border: 2px solid rgba(7, 7, 5, 0.36);
    border-radius: 8px;
    background: rgba(198, 150, 84, 0.72);
  }

  .composer-paper.social-editor .editor-canvas-stack {
    height: 100%;
    max-height: 100%;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
  }

  .composer-paper.social-editor .editor-canvas-stack > .inline-media-editor {
    min-height: 0;
  }

  .composer-paper.social-editor .exact-caption-panel {
    max-height: 184px;
  }
}

@media (max-width: 680px) {
  .destination-readiness .platform-choice {
    grid-template-columns: minmax(0, 1fr);
  }

  .destination-readiness .platform-card {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 60px;
  }

  .destination-readiness .platform-card em {
    grid-column: auto;
    min-width: 52px;
    text-align: right;
  }

  .destination-readiness .post-mode-choice {
    grid-template-columns: minmax(0, 1fr);
  }

  .destination-readiness .post-mode-choice button,
  .ask-guth-brief .auto-caption-button {
    min-height: 44px;
  }

  .ask-guth-brief > footer {
    align-items: stretch;
    flex-direction: column;
  }

  .ask-guth-brief .auto-caption-button {
    width: 100%;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .composer-paper.social-editor .destination-readiness,
  .composer-paper.social-editor .exact-caption-panel {
    backdrop-filter: none;
    background: #100e0b;
  }
}

@media (prefers-contrast: more) {
  .composer-paper.social-editor .destination-readiness,
  .composer-paper.social-editor .exact-caption-panel,
  .destination-readiness .platform-card,
  .destination-readiness .post-mode,
  .ask-guth-brief {
    border-color: #eadbc5;
  }
}

/* ── Plan and billing funnel ─────────────────────────────────────────────── */
.plan-upsell { margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(198,138,69,.4); }
.plan-upsell p { margin: 6px 0 10px; font-size: 12px; }
.plan-upsell-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.plan-upsell-actions button,
.social-profile-view .profile-plan-actions button { min-height: 34px; padding: 8px 12px; border: 1px solid rgba(198,138,69,.5); background: transparent; color: inherit; font: 500 11px/1 var(--sans); cursor: pointer; }
.plan-upsell-actions button:hover,
.social-profile-view .profile-plan-actions button:hover { background: rgba(198,138,69,.18); }
.social-profile-view .profile-plan-block { margin-top: 4px; padding-top: 17px; border-top: 1px solid var(--line); }
.social-profile-view .profile-plan-block h3 { margin: 6px 0 0; font: 400 22px/1.08 var(--serif); }
.social-profile-view .profile-plan-block p { margin: 10px 0 0; color: var(--muted); font-size: 11px; }
.social-profile-view .profile-plan-actions { display: flex; gap: 10px; margin-top: 12px; }

/* ── Autopilot tab: week calendar + scheduler (ledger idiom) ─────────────── */
.autopilot-shell {
  overflow: hidden;
  color: #e9dfd1;
  border: 1px solid rgba(181, 138, 80, .4);
  border-radius: 16px;
  background: rgba(14, 10, 7, .74);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 22px 56px rgba(0, 0, 0, .22);
}
.autopilot-shell > header {
  min-height: 118px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 26px;
  border-bottom: 1px solid rgba(181, 138, 80, .25);
  background: rgba(22, 16, 11, .68);
}
.autopilot-shell > header span { display: block; color: #c18f52; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .12em; }
.autopilot-shell > header h1 { margin: 7px 0 5px; color: #fff4e5; font: 400 32px/1 Georgia, serif; }
.autopilot-shell > header p { margin: 0; color: #a79b8d; font: 11px/1.45 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
.autopilot-header-actions { display: flex; gap: 10px; }
.autopilot-shell > header button,
.autopilot-wizard-actions button,
.autopilot-card button {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(213, 177, 126, .3);
  border-radius: 6px;
  color: #dec095;
  background: rgba(181, 138, 80, .07);
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}
.autopilot-shell > header button:hover,
.autopilot-wizard-actions button:hover,
.autopilot-card button:hover:not([disabled]) { color: #17110b; background: #dec095; }
.autopilot-card button[disabled] { opacity: .35; cursor: default; }
.autopilot-shell > p { margin: 0; padding: 14px 26px; color: #a79b8d; font: 11px/1.5 "Segoe UI Variable Text", "Segoe UI", sans-serif; border-bottom: 1px solid rgba(181, 138, 80, .16); }
.autopilot-footnote { display: block; padding: 12px 26px 16px; color: #7d7264; font-size: 10px; line-height: 1.5; border-top: 1px solid rgba(181, 138, 80, .16); }
#autopilotWizard { display: grid; gap: 14px; margin: 0; padding: 18px 26px; border-bottom: 1px solid rgba(181, 138, 80, .16); background: rgba(22, 16, 11, .45); }
#autopilotWizard legend { padding: 0 6px; color: #c18f52; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .12em; }
#autopilotWizard label { display: flex; align-items: center; gap: 10px; color: #cbbfae; font: 11px/1.3 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
#autopilotWizard .autopilot-field span { color: #c18f52; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .12em; }
#autopilotWizard input[type="text"] { flex: 1; min-height: 34px; padding: 6px 10px; border: 1px solid rgba(213, 177, 126, .3); border-radius: 6px; background: rgba(14, 10, 7, .6); color: #f0e6d8; font: 12px/1.3 "Segoe UI Variable Text", "Segoe UI", sans-serif; }
#autopilotWizard input[type="number"] { width: 64px; min-height: 30px; padding: 4px 8px; border: 1px solid rgba(213, 177, 126, .3); border-radius: 6px; background: rgba(14, 10, 7, .6); color: #f0e6d8; }
#autopilotWizard fieldset { display: flex; gap: 14px; flex-wrap: wrap; margin: 0; padding: 12px 14px; border: 1px solid rgba(181, 138, 80, .2); border-radius: 10px; }
.autopilot-cost-note { margin: 0; color: #7d7264; font-size: 10px; }
.autopilot-wizard-actions { display: flex; gap: 10px; }
.autopilot-calendar-scroll { overflow-x: auto; }
.autopilot-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(170px, 1fr));
  min-width: 1200px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.autopilot-day { border-left: 1px solid rgba(181, 138, 80, .16); min-height: 220px; }
.autopilot-day:first-child { border-left: 0; }
.autopilot-day > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px 10px;
  border-bottom: 1px solid rgba(181, 138, 80, .16);
}
.autopilot-day > header span { color: #c18f52; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .14em; }
.autopilot-day > header b { color: #fff4e5; font: 400 17px/1 Georgia, serif; }
.autopilot-day-slots { display: grid; gap: 10px; padding: 12px; align-content: start; }
.autopilot-day-empty { margin: 4px 2px; color: #55493c; font: 10px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; }
.autopilot-card {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(181, 138, 80, .28);
  border-radius: 10px;
  background: rgba(22, 16, 11, .68);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.autopilot-card[data-card-state="scheduled"] { border-color: rgba(96, 158, 120, .55); box-shadow: inset 3px 0 0 #2f6848, 0 10px 24px rgba(0, 0, 0, .18); }
.autopilot-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.autopilot-card-head b { color: #fff4e5; font: 400 15px/1 Georgia, serif; text-transform: capitalize; }
.autopilot-card-head em {
  padding: 4px 7px;
  border: 1px solid rgba(213, 177, 126, .3);
  border-radius: 5px;
  color: #c9a06a;
  font: 7px/1 "Cascadia Mono", "DM Mono", monospace;
  letter-spacing: .12em;
  font-style: normal;
}
.autopilot-card[data-card-state="scheduled"] .autopilot-card-head em { color: #8fd1a8; border-color: rgba(96, 158, 120, .55); }
.autopilot-card-pillar { color: #c18f52; font: 8px/1.5 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.autopilot-card p { margin: 0; color: #e4d8c6; font: 12px/1.5 "Segoe UI Variable Text", "Segoe UI", sans-serif; white-space: pre-wrap; }
.autopilot-card textarea {
  width: 100%;
  min-height: 84px;
  padding: 8px 10px;
  border: 1px solid rgba(213, 177, 126, .25);
  border-radius: 8px;
  background: rgba(14, 10, 7, .55);
  color: #f0e6d8;
  font: 12px/1.5 "Segoe UI Variable Text", "Segoe UI", sans-serif;
  resize: vertical;
}
.autopilot-card-tags { color: #9d8a6f; font-size: 10px; line-height: 1.4; }
.autopilot-time { display: flex; align-items: center; gap: 8px; }
.autopilot-time span { color: #c18f52; font: 8px/1 "Cascadia Mono", "DM Mono", monospace; letter-spacing: .12em; }
.autopilot-time input { padding: 5px 8px; border: 1px solid rgba(213, 177, 126, .3); border-radius: 6px; background: rgba(14, 10, 7, .6); color: #f0e6d8; font: 10px/1 "Cascadia Mono", "DM Mono", monospace; }
.autopilot-card-when { color: #8f8172; font-size: 10px; line-height: 1.45; font-style: italic; }
.autopilot-card-media { color: #a79b8d; font-size: 10px; line-height: 1.45; }
.autopilot-card-note { color: #c9a06a; font-size: 10px; line-height: 1.45; }
.autopilot-card[data-card-state="scheduled"] .autopilot-card-note { color: #8fd1a8; }
.autopilot-card-actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* ── Save your access (email attach) ─────────────────────────────────────── */
.social-profile-view .profile-access-block { margin-top: 4px; padding-top: 17px; border-top: 1px solid var(--line); }
.social-profile-view .profile-access-block h3 { margin: 6px 0 0; font: 400 22px/1.08 var(--serif); }
.social-profile-view .profile-access-block p { margin: 10px 0 0; color: var(--muted); font-size: 11px; }
.social-profile-view .profile-access-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.social-profile-view .profile-access-actions input { flex: 1; min-width: 180px; min-height: 34px; padding: 8px 10px; border: 1px solid rgba(91,59,28,.44); background: transparent; color: var(--ink); font: 400 12px/1 var(--sans); }
.social-profile-view .profile-access-actions button { min-height: 34px; padding: 8px 12px; border: 1px solid rgba(91,59,28,.44); background: transparent; color: #684a28; font: 500 11px/1 var(--sans); cursor: pointer; }
.social-profile-view .profile-access-actions button:hover { color: #fff4df; background: #684a28; }

/* ── Profile page: human-first layout (2026-08-21) — dark ledger palette ── */
.profile-lede { max-width: 720px; margin: 6px 0 18px; opacity: .85; }
.profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 14px; margin: 0 0 14px; }
.profile-card { border: 1px solid var(--line-soft, rgba(181,138,80,.2)); border-radius: 14px; padding: 18px; background: rgba(255, 255, 255, .035); }
.profile-card > header { margin: 0 0 10px; }
.profile-card > header h3 { margin: 2px 0 0; }
.profile-connections { margin: 0 0 14px; }
/* wide, not tall (Tony): connections tile into columns; each row becomes a compact card */
.profile-connections .connection-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.profile-connections .account-connection-row { margin: 0; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; padding: 14px; border: 1px solid var(--line-soft); border-radius: 12px; }
.profile-connections .account-connection-actions { display: flex; flex: 0 0 auto; flex-direction: row; gap: 8px; flex-wrap: wrap; }
.profile-connections .account-connection-actions button { flex: 1 1 auto; }
.profile-evidence-fold { border: 1px solid var(--line-soft, rgba(181,138,80,.2)); border-radius: 14px; background: rgba(0, 0, 0, .25); }
.profile-evidence-fold > summary { cursor: pointer; padding: 14px 18px; font-weight: 600; color: inherit; list-style: none; display: flex; gap: 12px; align-items: center; }
.profile-evidence-fold > summary::-webkit-details-marker { display: none; }
.profile-evidence-fold > summary::after { content: "+"; margin-left: auto; font-size: 18px; opacity: .55; }
.profile-evidence-fold[open] > summary::after { content: "\2212"; }
.profile-evidence-body { padding: 0 18px 18px; display: grid; gap: 16px; }
/* dark-scope accents: the paper-era reds/browns disappear on the ledger background */
.social-profile-view .disconnect-button { color: #c96b5f; border-color: rgba(201,107,95,.5); background: rgba(201,107,95,.06); }
.social-profile-view .connect-account-button[data-connected="true"] { color: var(--gold); }
.social-profile-view .account-permission-evidence li[data-permission-state="granted"] span { color: #6db38c; }
.social-profile-view .account-permission-evidence li[data-permission-state="missing"] span { color: #c96b5f; }
.social-profile-view .post-row { background: rgba(255,255,255,.035); }
.social-profile-view .post-row a { color: var(--gold); }
.social-profile-view .account-drawer-evidence > header button,
.social-profile-view .profile-open-link { color: var(--gold); }
.social-profile-view .media-grid a { background: rgba(255,255,255,.06); }
.review-runway > footer .review-footer-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
@media (max-width: 680px) { .profile-grid { grid-template-columns: 1fr; } .social-profile-view .profile-shell { padding: 18px 14px; } }

/* Your-content card: the readback promoted to the open Profile page (2026-08-21). */
.profile-your-content { margin: 0 0 14px; }
.profile-your-content .account-drawer-evidence { border: 0; padding: 0; margin: 0; }

/* One-viewport Profile dashboard on wide screens (2026-08-21, Tony: "I hate scrolling").
   Left: access+plan. Middle: connections (2-up). Right: your content, scrolling inside its
   own card so the page itself stays put. Below 1180px the stacked flow returns. */
@media (min-width: 1180px) {
  .social-profile-view .profile-shell { display: grid; grid-template-columns: 320px minmax(0, 1fr) minmax(0, 1.15fr); gap: 0 16px; align-items: stretch; }
  .social-profile-view .profile-shell > header { grid-column: 1 / -1; padding-bottom: 10px; margin-bottom: 12px; }
  .social-profile-view .profile-lede { display: none; }
  .social-profile-view .profile-grid { grid-column: 1; grid-template-columns: 1fr; margin: 0; }
  .social-profile-view .profile-connections { grid-column: 2; margin: 0; }
  .social-profile-view .profile-connections .connection-list { grid-template-columns: 1fr 1fr; gap: 10px; }
  .social-profile-view .profile-connections .account-connection-row { padding: 12px; gap: 10px; }
  .social-profile-view .profile-your-content { grid-column: 3; margin: 0; height: 100%; max-height: calc(100vh - 300px); overflow-y: auto; scrollbar-width: thin; }
  .social-profile-view .profile-evidence-fold { grid-column: 1 / -1; margin-top: 14px; }
}