.studio-only { display:none; }
.marketing-header-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.marketing-skin-control { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.marketing-skin-control select { min-height:38px; padding:6px 28px 6px 10px; border:1px solid var(--line); border-radius:5px; background:white; color:var(--text); }
#appearanceStatus:empty { display:none; }
#appearanceStatus { font-size:13px; margin:12px 0; }
.marketing-layout [data-editor-panel]>label { display:grid; margin:16px 0; }

html[data-marketing-skin="studio"] {
  --bg:#f4f6fa;
  --text:#25354b;
  --muted:#677892;
  --line:#dce3ef;
  --accent:#7153d7;
  --accent-soft:#eee9fc;
  --shadow:0 6px 20px rgba(29,43,66,.06);
  letter-spacing:0;
}
[data-marketing-skin="studio"] .studio-only { display:block; }
[data-marketing-skin="studio"] .marketing-internal:not(.app-studio):has(#marketingApp:not([hidden]))>.topbar { margin-left:222px; width:auto; }
[data-marketing-skin="studio"] .marketing-internal:not(.app-studio):has(#marketingApp:not([hidden]))>.marketing-layout { margin-left:222px; }
[data-marketing-skin="studio"] .topbar { min-height:74px; padding:14px 34px; background:white; border-bottom:1px solid var(--line); box-shadow:none; }
[data-marketing-skin="studio"] .marketing-heading h1 { font-size:17px; line-height:1.4; }
[data-marketing-skin="studio"] .marketing-internal .marketing-heading img { width:36px; height:36px; }
[data-marketing-skin="studio"] .marketing-heading #pilotLabel { font-size:11px; color:var(--accent-text); }
[data-marketing-skin="studio"] .marketing-layout { max-width:none; padding:24px 34px 40px; }
[data-marketing-skin="studio"] .marketing-shell { display:block; }
[data-marketing-skin="studio"] .marketing-workspace { max-width:1500px; margin:0 auto; }
[data-marketing-skin="studio"] .marketing-nav {
  position:fixed; inset:0 auto 0 0; z-index:20; width:222px; min-height:0;
  display:flex; flex-direction:column; gap:5px; padding:26px 18px 22px;
  border:0; background:#192537; color:#bcc9dc; overflow-y:auto;
}
[data-marketing-skin="studio"] .marketing-nav-brand { padding:4px 0 26px; font-size:25px; font-weight:750; color:#b09aff; }
[data-marketing-skin="studio"] .marketing-nav-brand span { color:white; }
[data-marketing-skin="studio"] .marketing-nav button {
  flex-shrink:0; border:0; border-radius:7px; color:#bcc9dc; padding:13px 14px;
  min-height:46px; text-align:left; font-size:14px; line-height:1.45; gap:12px;
}
[data-marketing-skin="studio"] .marketing-nav button:hover { background:#29374c; color:white; }
[data-marketing-skin="studio"] .marketing-nav button.active { background:var(--accent); color:white; font-weight:600; }
[data-marketing-skin="studio"] .marketing-nav svg { width:17px; height:17px; }
[data-marketing-skin="studio"] .marketing-nav-user { display:flex; align-items:center; gap:10px; margin-top:auto; padding:24px 8px 0; border-top:1px solid #3b4658; min-height:88px; overflow-wrap:anywhere; }
[data-marketing-skin="studio"] .marketing-nav-user>div { min-width:0; }
[data-marketing-skin="studio"] .marketing-nav-user strong { font-size:12px; font-weight:500; }
[data-marketing-skin="studio"] .marketing-nav-user small { color:#9caec8; font-size:11px; }
[data-marketing-skin="studio"] .marketing-user-avatar { flex-shrink:0; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#34445d; color:white; font-size:12px; }
[data-marketing-skin="studio"] .marketing-workspace h2 { font-size:25px; margin:4px 0; }
[data-marketing-skin="studio"] .marketing-workspace h3 { font-size:17px; margin:24px 0 18px; }
[data-marketing-skin="studio"] .marketing-toolbar { margin:12px 0 24px; }
[data-marketing-skin="studio"] .marketing-layout label { color:#65758e; font-size:12px; gap:8px; }
[data-marketing-skin="studio"] .marketing-layout :is(input,select,textarea) { border-color:#d6dfee; color:#25354b; border-radius:6px; min-height:40px; padding:10px 12px; }
[data-marketing-skin="studio"] input[type=checkbox] { accent-color:var(--accent); }
[data-marketing-skin="studio"] .marketing-layout input[type=checkbox] { min-height:0; padding:0; }
[data-marketing-skin="studio"] :is(.primary-btn,.secondary-btn) { border-radius:6px; font-size:13px; min-height:42px; }
[data-marketing-skin="studio"] .primary-btn { background:var(--accent); border-color:var(--accent); color:white; }
[data-marketing-skin="studio"] .primary-btn:hover { background:var(--accent-hover); }
[data-marketing-skin="studio"] .secondary-btn { color:#334762; background:white; border-color:#dce3ef; }
[data-marketing-skin="studio"] .secondary-btn:hover { background:var(--accent-soft); border-color:var(--accent-border); }
[data-marketing-skin="studio"] .marketing-text-button { color:var(--accent-text); }
[data-marketing-skin="studio"] .marketing-summary { gap:16px; padding:8px 0 22px; border:0; }
[data-marketing-skin="studio"] .marketing-summary>div { border:1px solid var(--line); border-radius:8px; background:white; padding:20px; min-width:0; }
[data-marketing-skin="studio"] .marketing-summary strong { font-size:23px; margin-top:14px; color:#25354b; }
[data-marketing-skin="studio"] .marketing-summary span { color:#40516b; font-size:13px; }
[data-marketing-skin="studio"] #budgetSummary>div:nth-child(3) { background:var(--accent-soft); border-color:var(--accent-border); }
[data-marketing-skin="studio"] .marketing-table { border:1px solid var(--line); border-radius:6px; font-size:13px; }
[data-marketing-skin="studio"] .marketing-table th { background:#f0f3f8; color:#65758e; font-weight:500; font-size:11px; }
[data-marketing-skin="studio"] .marketing-table td { padding:18px 14px; color:#334762; border-color:#e2e7f0; }
[data-marketing-skin="studio"] .marketing-table td label { font-weight:600; color:#334762; font-size:13px; }
[data-marketing-skin="studio"] .marketing-state.positive { color:#1b756d; }
[data-marketing-skin="studio"] .marketing-notice { background:#fff7e5; border-left-color:#dfa949; color:#91611d; }
[data-marketing-skin="studio"] .marketing-dialog { border-color:#dce3ef; color:#25354b; box-shadow:0 18px 60px #182c4040; }
[data-marketing-skin="studio"] .marketing-dialog::backdrop { background:#19253785; }
[data-marketing-skin="studio"] .marketing-queue-row { background:white; padding:20px; border-color:var(--line); }
[data-marketing-skin="studio"] #draftForm { margin:0; padding:0; border:0; }
[data-marketing-skin="studio"] [data-panel="campaigns"]:has(#draftForm:not([hidden]))>#draftList,
[data-marketing-skin="studio"] [data-panel="campaigns"]:has(#draftForm:not([hidden]))>.marketing-toolbar { display:none; }
[data-marketing-skin="studio"] .marketing-editor-tabs { display:flex; gap:24px; overflow-x:auto; border-bottom:1px solid var(--line); margin:18px 0 24px; }
[data-marketing-skin="studio"] .marketing-editor-tabs button { min-height:44px; flex-shrink:0; padding:12px 0; border:0; border-radius:0; border-bottom:2px solid transparent; background:none; color:#677892; font-size:13px; }
[data-marketing-skin="studio"] .marketing-editor-tabs button[aria-selected="true"] { color:var(--accent-text); border-bottom-color:var(--accent-text); font-weight:650; }
[data-marketing-skin="studio"] #editorBudget>h3 { display:none; }
[data-marketing-skin="studio"] .marketing-budget-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:24px; align-items:start; }
[data-marketing-skin="studio"] .marketing-budget-main { min-width:0; }
[data-marketing-skin="studio"] .marketing-budget-main .marketing-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
[data-marketing-skin="studio"] .marketing-budget-side { border-left:1px solid #d6dfee; padding:0 0 16px 24px; min-width:0; }
[data-marketing-skin="studio"] .marketing-budget-side h3 { margin-top:24px; }
[data-marketing-skin="studio"] .marketing-budget-side dl { margin:0; }
[data-marketing-skin="studio"] .marketing-budget-side dl>div { display:flex; justify-content:space-between; align-items:start; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }
[data-marketing-skin="studio"] .marketing-budget-side dd { margin:0; text-align:right; font-weight:650; overflow-wrap:anywhere; }
[data-marketing-skin="studio"] .marketing-budget-side dt { color:#65758e; }
[data-marketing-skin="studio"] .marketing-budget-side .marketing-state { color:var(--accent-text); background:var(--accent-soft); padding:12px; border-radius:6px; font-size:12px; }

@media(max-width:1200px) {
  [data-marketing-skin="studio"] .marketing-layout { padding:20px; }
  [data-marketing-skin="studio"] .marketing-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-marketing-skin="studio"] .marketing-budget-layout { grid-template-columns:1fr; }
  [data-marketing-skin="studio"] .marketing-budget-side { border-left:0; border-top:1px solid var(--line); padding:0; }
  [data-marketing-skin="studio"] .marketing-budget-side dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
}
@media(max-width:760px) {
  [data-marketing-skin="studio"] .marketing-internal:has(#marketingApp:not([hidden]))>:is(.topbar,.marketing-layout) { margin-left:0; }
  [data-marketing-skin="studio"] .marketing-layout { padding:12px 16px 30px; }
  [data-marketing-skin="studio"] .topbar { padding:14px 16px; }
  [data-marketing-skin="studio"] .marketing-nav { position:static; width:auto; flex-direction:row; overflow-x:auto; border-radius:0; margin:0 -16px 22px; padding:10px 12px; }
  [data-marketing-skin="studio"] .marketing-nav :is(.marketing-nav-brand,.marketing-nav-user) { display:none; }
  [data-marketing-skin="studio"] .marketing-nav button { min-height:42px; padding:10px 14px; }
  [data-marketing-skin="studio"] .marketing-heading h1 { font-size:17px; }
  [data-marketing-skin="studio"] .marketing-summary { gap:10px; }
  [data-marketing-skin="studio"] .marketing-summary>div { padding:14px; }
  [data-marketing-skin="studio"] .marketing-summary strong { font-size:19px; }
  [data-marketing-skin="studio"] .marketing-budget-main .marketing-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-marketing-skin="studio"] .marketing-editor-tabs { gap:20px; }
  .marketing-header-actions { gap:12px; }
}
@media(max-width:420px) {
  [data-marketing-skin="studio"] .marketing-budget-main .marketing-fields { grid-template-columns:1fr; }
  [data-marketing-skin="studio"] .marketing-budget-side dl { grid-template-columns:1fr; }
  [data-marketing-skin="studio"] .marketing-summary strong { font-size:18px; }
}
/* Marketing views remain local tabs; the application navigation stays in place. */
.marketing-internal:has(>.topbar[data-shared-navigation]) .marketing-shell { display:block; }
.marketing-internal:has(>.topbar[data-shared-navigation]) .marketing-nav {
  position:static; width:auto; height:auto; min-height:0; flex-direction:row; flex-wrap:wrap;
  margin:0 0 24px; padding:0 0 12px; gap:6px; border:0; border-bottom:1px solid var(--line);
  border-radius:0; background:transparent; color:var(--text);
}
.marketing-internal:has(>.topbar[data-shared-navigation]) .marketing-nav :is(.marketing-nav-brand,.marketing-nav-user) { display:none; }
.marketing-internal:has(>.topbar[data-shared-navigation]) .marketing-nav button { color:var(--muted); padding:10px 12px; min-height:40px; }
.marketing-internal:has(>.topbar[data-shared-navigation]) .marketing-nav button:hover { background:var(--accent-soft); color:var(--text); }
.marketing-internal:has(>.topbar[data-shared-navigation]) .marketing-nav button.active { background:var(--accent-soft); color:var(--accent); }