/* AI Studio123 — Editorial Studio workspace system. See docs/DESIGN.md. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root, :root[data-theme="light"] {
  color-scheme: light;
  --studio-bg: #f6f7f9;
  --studio-surface: #ffffff;
  --studio-surface-soft: #f0f2f5;
  --studio-surface-hover: #e9edf3;
  --studio-border: #dce1e8;
  --studio-border-strong: #c1cad6;
  --studio-ink: #171d26;
  --studio-muted: #586271;
  --studio-subtle: #606b7a;
  --studio-brand: #2454e6;
  --studio-brand-hover: #173cb0;
  --studio-brand-soft: #eef2fc;
  --studio-inverse: #ffffff;
  --studio-success: #14734f;
  --studio-success-soft: #e9f7ef;
  --studio-danger: #bb3045;
  --studio-danger-soft: #fff0f2;
  --studio-warning: #925b0b;
  --studio-warning-soft: #fff6e5;
  --studio-purple: #7445a6;
  --studio-purple-soft: #f3edfa;
  --studio-shadow: none;

  /* Compatibility tokens for existing services; no application logic changes. */
  --bg: var(--studio-bg); --bg-primary: var(--studio-bg); --page-bg: var(--studio-bg);
  --surface: var(--studio-surface); --card: var(--studio-surface);
  --card-bg: var(--studio-surface); --bg-card: var(--studio-surface);
  --sidebar-bg: var(--studio-surface); --popover-bg: var(--studio-surface);
  --surface2: var(--studio-surface-soft); --surface3: var(--studio-surface-soft);
  --card2: var(--studio-surface-soft); --input-bg: var(--studio-surface); --hover: var(--studio-surface-hover);
  --s2: var(--studio-surface-soft); --s3: var(--studio-surface-hover);
  --bg-input: var(--studio-surface); --bg-hover: var(--studio-surface-hover);
  --card-bg-hover: var(--studio-surface-soft);
  --text: var(--studio-ink); --txt: var(--studio-ink); --text-bright: var(--studio-ink);
  --primary-text: var(--studio-ink); --text-primary: var(--studio-ink);
  --sub: var(--studio-muted); --text2: var(--studio-muted);
  --text-sub: var(--studio-muted); --text-secondary: var(--studio-muted);
  --secondary-text: var(--studio-muted); --muted: var(--studio-subtle);
  --text3: var(--studio-subtle); --text-muted: var(--studio-subtle);
  --sidebar-text: var(--studio-muted); --sidebar-active-text: var(--studio-brand);
  --border: var(--studio-border); --border2: var(--studio-border-strong);
  --border-color: var(--studio-border); --border-low: var(--studio-border);
  --border-strong: var(--studio-border-strong); --line: var(--studio-border);
  --brand: var(--studio-brand); --brand-light: var(--studio-brand); --brand-dark: var(--studio-brand-hover);
  --accent: var(--studio-brand); --accent2: var(--studio-brand);
  --accent-primary: var(--studio-brand); --accent-light: var(--studio-brand);
  --accent-color: var(--studio-brand); --a1: var(--studio-brand); --a4: var(--studio-purple);
  --brand-glow: var(--studio-brand-soft); --brand-hover: #e3ebff; --brand-active: #dce6ff;
  --accent-hover: var(--brand-hover); --accent-active: var(--brand-active);
  --hover-bg: var(--studio-brand-soft); --sidebar-active-bg: var(--studio-brand-soft);
  --sidebar-active-bar: 3px solid var(--studio-brand);
  --success: var(--studio-success); --ok: var(--studio-success); --accent-green: var(--studio-success);
  --danger: var(--studio-danger); --bad: var(--studio-danger); --a2: var(--studio-danger);
  --error: var(--studio-danger); --crit-bg: var(--studio-danger-soft);
  --warn: var(--studio-warning); --warning: var(--studio-warning); --a3: var(--studio-warning);
  --healthy-bg: var(--studio-success-soft); --warn-bg: var(--studio-warning-soft);
  --critical-bg: var(--studio-danger-soft); --accent-purple: var(--studio-purple);
  --radius: 6px; --radius-sm: 4px; --radius-lg: 8px; --radius-xl: 10px;
  --topbar-height: 72px; --header-height: 72px;
  --shadow-sm: var(--studio-shadow);
  --shadow-md: 0 8px 25px -12px rgb(27 49 89 / 18%);
  --shadow-lg: 0 18px 60px -20px rgb(27 49 89 / 24%);
  --fc-page-bg-color: var(--studio-surface); --fc-neutral-bg-color: var(--studio-surface-soft);
  --fc-border-color: var(--studio-border); --fc-today-bg-color: var(--studio-brand-soft);
}

html { background: var(--studio-bg); scroll-padding-top: 90px; }
body.studio-page {
  background: var(--studio-bg); color: var(--studio-ink);
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased;
}
.studio-page *, .studio-page *::before, .studio-page *::after { box-sizing: border-box; }
.studio-page button, .studio-page input, .studio-page textarea, .studio-page select { font-family: inherit; }
.studio-page h1, .studio-page h2, .studio-page h3 { color: var(--studio-ink); letter-spacing: -.035em; word-break: keep-all; }
.studio-page :focus-visible { outline: 3px solid #7c9bfa; outline-offset: 3px; }
.studio-page ::selection { color: var(--studio-ink); background: #dce6ff; }
.studio-page input::placeholder, .studio-page textarea::placeholder { color: var(--studio-subtle); opacity: 1; }
.studio-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="file"]),
.studio-page textarea, .studio-page select {
  color: var(--studio-ink); background-color: var(--studio-surface);
  border-color: var(--studio-border-strong); border-radius: 10px; font-size: 16px; line-height: 1.5;
}
.studio-page input:focus, .studio-page textarea:focus, .studio-page select:focus {
  border-color: var(--studio-brand); box-shadow: 0 0 0 3px rgb(40 89 237 / 10%);
}
.studio-page input[type="checkbox"], .studio-page input[type="radio"], .studio-page input[type="range"] { accent-color: var(--studio-brand); }
.studio-page select option { color: var(--studio-ink); background: var(--studio-surface); }
.studio-page :where(.card, .content-card, .section, .plan-card, .stat-card, .platform-card, .kpi, .campaign-card, .modal-box) {
  background: var(--studio-surface); border: 1px solid var(--studio-border); border-radius: 18px; box-shadow: var(--studio-shadow);
}
.studio-page :where(.card, .content-card, .section) { padding: 24px; }
.studio-page :where(.card h2, .section h2, .content-card h2) { font-size: 18px; font-weight: 750; }
.studio-page :where(.form-group label, .field label, .form-label) { color: var(--studio-muted); font-size: 14px; font-weight: 650; }
.studio-page .btn { border-radius: 10px; min-height: 40px; font-weight: 650; }
.studio-page .btn-primary, .studio-page .shepherd-button-primary {
  background: var(--studio-brand); color: var(--studio-inverse); border-color: var(--studio-brand);
}
.studio-page .btn-primary:hover:not(:disabled) { background: var(--studio-brand-hover); color: var(--studio-inverse); }
.studio-page .btn-secondary, .studio-page .btn-outline, .studio-page .btn-ghost {
  background: var(--studio-surface); border: 1px solid var(--studio-border-strong); color: var(--studio-muted);
}
.studio-page .btn-secondary:hover:not(:disabled), .studio-page .btn-outline:hover:not(:disabled), .studio-page .btn-ghost:hover:not(:disabled) {
  color: var(--studio-brand); background: var(--studio-brand-soft); border-color: #aec1f7;
}
.studio-page .btn-success { background: var(--studio-success); border-color: var(--studio-success); color: white; }
.studio-page .btn-danger { background: var(--studio-danger); border-color: var(--studio-danger); color: white; }
.studio-page .btn-sm { font-size: 13px; }
.studio-page .btn:disabled { cursor: not-allowed; opacity: .55; box-shadow: none; }
.studio-page :where(.sub-tab, .tab, .filter-btn) { color: var(--studio-muted); }
.studio-page :where(.sub-tab.active, .tab.active, .filter-btn.active) { background: var(--studio-brand-soft); border-color: #b5c8fc; color: var(--studio-brand); }
.studio-page :where(.note, .info-box, .notice) { background: var(--studio-brand-soft); color: var(--studio-muted); border-color: #d5e0fb; }
.studio-page .badge-DRAFT { background: var(--studio-surface-soft); color: var(--studio-muted); }
.studio-page :where(.badge-SCHEDULED, .badge-APPROVED) { background: var(--studio-brand-soft); color: var(--studio-brand); }
.studio-page :where(.badge-PUBLISHED, .msg.success) { background: var(--studio-success-soft); color: var(--studio-success); border-color: #c6e7d6; }
.studio-page :where(.badge-FAILED, .msg.error) { background: var(--studio-danger-soft); color: var(--studio-danger); border-color: #f0cbd2; }
.studio-page :where(.modal, .modal-content, .dialog, .popover, .command-palette) { background-color: var(--studio-surface); color: var(--studio-ink); border-color: var(--studio-border); box-shadow: var(--shadow-lg); }
.studio-page :where(th, td) { border-color: var(--studio-border); }
.studio-page th { background: var(--studio-surface-soft); color: var(--studio-muted); }
.studio-page :where(.empty, .loading, .empty-state) { color: var(--studio-subtle); }
.studio-page .log-box { background: var(--studio-surface-soft); color: var(--studio-muted); border-color: var(--studio-border); }

/* A shared identity, with the existing workspace controls kept in place. */
.studio-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--studio-ink); font-size: 21px; font-weight: 800; letter-spacing: -.8px; text-decoration: none; white-space: nowrap; }
.studio-brand em { color: var(--studio-brand); font-style: normal; font-weight: 650; }
.studio-brand-mark { display: inline-grid; place-items: center; width: 33px; height: 33px; border-radius: 10px; background: var(--studio-brand); color: white; font-size: 26px; font-weight: 500; line-height: 1; }
.studio-nav-home { color: var(--studio-brand); font-size: 13px; font-weight: 650; text-decoration: none; }
.studio-page-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 25px; }
.studio-page-intro h1 { font-size: 29px; font-weight: 780; line-height: 1.4; margin: 0; }
.studio-page-intro p { font-size: 15px; color: var(--studio-muted); margin-top: 5px; }
.studio-page-intro > a { flex-shrink: 0; }
.studio-workspace .topbar { position: sticky; top: 0; z-index: 300; height: var(--topbar-height); padding: 0 26px; background: white; border-color: var(--studio-border); }
.studio-workspace .topbar-left { min-width: 0; }
.studio-workspace .topbar-title { padding-left: 18px; border-left: 1px solid var(--studio-border); font-size: 14px; font-weight: 600; color: var(--studio-muted); white-space: nowrap; }
.studio-workspace .layout { min-height: calc(100vh - var(--topbar-height)); margin-top: 0; }
.studio-workspace .sidebar { top: var(--topbar-height); height: calc(100vh - var(--topbar-height)); background: white; border-color: var(--studio-border); }
.studio-workspace .sidebar-header h1 { font-size: 13px!important; font-weight: 700; color: var(--studio-subtle)!important; letter-spacing: .03em; }
.studio-workspace .sidebar-item { min-height: 45px; border-radius: 10px; font-size: 14px; }
.studio-workspace .sidebar-item.active { color: var(--studio-brand); background: var(--studio-brand-soft); }
.studio-workspace .sidebar-group-label { font-size: 12px; color: var(--studio-subtle); padding-top: 22px; letter-spacing: .04em; }
.studio-workspace .sidebar-item .item-icon { color: inherit; }
.studio-workspace .main { padding: 30px 36px; max-width: 1280px; }
.studio-workspace .sub-nav { margin: 0 0 8px; }
.studio-workspace .sub-tab { min-height: 42px; font-size: 14px; border-radius: 10px; border-color: var(--studio-border); background: white; }
.studio-workspace .sub-tab.active { color: var(--studio-brand); background: var(--studio-brand-soft); border-color: #b5c8fc; }
.studio-workspace .preview { color: #26364a; background: white; border-color: var(--studio-border); }
.studio-workspace .agent-overlay { background: rgba(247,249,252,.98); color: var(--studio-ink); }
.studio-workspace :is(.agent-stream-area, .agent-log) { background: white; color: var(--studio-muted); border: 1px solid var(--studio-border); }
.studio-workspace .topbar-search-trigger { background: var(--studio-bg); color: var(--studio-muted); min-height: 36px; }
.studio-workspace .shepherd-element { background: white!important; color: var(--studio-ink)!important; border-color: var(--studio-border)!important; box-shadow: var(--shadow-lg); }
.studio-workspace .shepherd-element :is(.shepherd-header, .shepherd-footer) { background: var(--studio-surface-soft)!important; border-color: var(--studio-border)!important; }
.studio-workspace .shepherd-element :is(.shepherd-title, .shepherd-text) { color: var(--studio-ink)!important; }
.studio-workspace .shepherd-button.shepherd-button-primary { color: white!important; background: var(--studio-brand)!important; }
.studio-workspace .shepherd-button.shepherd-button-secondary { color: var(--studio-muted)!important; background: var(--studio-surface-hover)!important; }

.studio-marketing .sidebar { background: white; }
.studio-marketing .sidebar-logo { min-height: 72px; padding: 16px; }
.studio-marketing .sidebar-logo .studio-brand { font-size: 18px; gap: 7px; }
.studio-marketing .sidebar-logo .studio-brand span { padding: 0; background: none; color: inherit; font-size: inherit; }
.studio-marketing .sidebar-logo .studio-brand .studio-brand-mark { width: 30px; height: 30px; background: var(--studio-brand); color: white; font-size: 24px; border-radius: 9px; }
.studio-marketing .nav-btn { min-height: 44px; border-radius: 10px; font-size: 14px; }
.studio-marketing .nav-section { padding-top: 23px; font-size: 12px; letter-spacing: .04em; color: var(--studio-subtle); }
.studio-marketing .nav-btn.active { background: var(--studio-brand-soft); color: var(--studio-brand); border-color: #dce6ff; }
.studio-marketing .top-bar { min-height: 72px; background: white; }
.studio-marketing .content { width: 100%; padding: 30px 32px; }
.studio-marketing .kpi { padding: 23px; }
.studio-marketing .kpi .label { color: var(--studio-muted); font-size: 14px; }
.studio-marketing .kpi .val { font-size: 32px; color: var(--studio-ink); letter-spacing: -.045em; }
.studio-marketing :is(.platform-card, .campaign-card, .variant-card, .cal-day) { background: white; }
.studio-marketing .mobile-bottom-nav { background: rgba(255,255,255,.97); }
.studio-marketing .b-nav-item.active { color: var(--studio-brand); background: var(--studio-brand-soft); }
.studio-marketing .section-title { font-size: 18px; }

.studio-tool > .container { max-width: 1040px; padding: 32px 24px 70px; }
.studio-tool .container > nav { background: white; border: 1px solid var(--studio-border); border-radius: 14px; padding: 16px 20px; gap: 8px; margin-bottom: 37px; }
.studio-tool nav .brand { color: var(--studio-ink); font-size: 16px; margin-right: auto; }
.studio-tool .container > nav > a:not(.brand) { font-size: 14px; padding: 7px 11px; border-radius: 7px; color: var(--studio-muted); }
.studio-tool .container > nav > a.active { background: var(--studio-brand-soft); color: var(--studio-brand); }
.studio-tool h1 { font-size: 30px; line-height: 1.4; margin-bottom: 12px; background: none; -webkit-text-fill-color: var(--studio-ink); }
.studio-tool .subtitle { color: var(--studio-muted); font-size: 16px; margin-bottom: 28px; }
.studio-tool .search-box { background: white; border: 1px solid var(--studio-border); padding: 20px; border-radius: 16px; gap: 12px; }
.studio-tool .search-box input { min-width: 0; }
.studio-tool .search-box button { background: var(--studio-brand); color: white; border-radius: 10px; min-height: 46px; }
.studio-tool .card { padding: 23px; }
.studio-tool .card .kw { color: var(--studio-brand); font-size: 17px; }
.studio-tool .card .meta { font-size: 14px; color: var(--studio-muted); }
.studio-tool .note { font-size: 14px; line-height: 1.8; border-radius: 12px; padding: 18px; }
.studio-tool .cta { background: white; border: 1px solid var(--studio-border); padding: 25px; border-radius: 16px; }
.studio-tool .cta a { background: var(--studio-brand); color: white; border-radius: 10px; }
.studio-tool .bg-deco { display: none; }

.studio-account { padding: 48px 24px; }
.studio-account .logo { margin-bottom: 24px; }
.studio-auth-intro { max-width: 440px; width: 100%; text-align: center; margin-bottom: 26px; }
.studio-auth-intro h1 { font-size: 28px; line-height: 1.45; }
.studio-auth-intro p { color: var(--studio-muted); font-size: 15px; margin-top: 10px; }
.studio-account > .card { max-width: 440px; padding: 32px; box-shadow: 0 18px 55px -25px rgb(40 69 113 / 24%); }
.studio-account .tabs { border-bottom: 1px solid var(--studio-border); gap: 8px; }
.studio-account .tab { font-size: 16px; border-radius: 9px 9px 0 0; }
.studio-account .tab.active { background: var(--studio-brand-soft); color: var(--studio-brand); border-color: var(--studio-brand); }
.studio-account .field label { font-size: 14px; }
.studio-account form > .btn { width: 100%; min-height: 46px; font-size: 16px; }
.studio-account .guest-link { font-size: 14px; color: var(--studio-muted); }
.studio-billing .plan-card { padding: 30px 25px; }
.studio-billing .plan-card.popular { border: 2px solid var(--studio-brand); background: #f7f9ff; }
.studio-billing .plan-card.popular::before { background: var(--studio-brand); color: white; }
.studio-billing .plan-name, .studio-billing .plan-price { color: var(--studio-ink); }
.studio-billing .plan-features li { color: var(--studio-muted); }
.studio-billing .cta-bottom { background: var(--studio-brand-soft); border: 1px solid #d8e3ff; }
.studio-document .container { padding-bottom: 64px; }
.studio-document :where(p, li) { line-height: 1.85; }
.studio-admin :where(.header, .topbar, .nav) { border-color: var(--studio-border); }
.studio-admin :where(.metric, .metric-card, .kpi-card, .panel) { border-color: var(--studio-border); }

@media (max-width: 1100px) {
  .studio-workspace .topbar-title { display: none; }
  .studio-workspace .main { padding: 26px; }
}
@media (max-width: 768px) {
  :root, :root[data-theme="light"] { --topbar-height: 64px; --header-height: 64px; }
  .studio-page :where(.card, .content-card, .section) { padding: 19px; border-radius: 14px; }
  .studio-workspace .topbar { padding-inline: 14px; gap: 10px; }
  .studio-workspace .topbar-left { gap: 8px!important; }
  .studio-workspace .studio-brand { font-size: 18px; gap: 7px; }
  .studio-workspace .studio-brand-mark { width: 29px; height: 29px; font-size: 22px; border-radius: 8px; }
  .studio-workspace .topbar-actions { gap: 7px; }
  .studio-workspace .topbar-actions > a[download] { display: none!important; }
  .studio-workspace .main { padding: 23px 16px; }
  .studio-page-intro { gap: 12px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 21px; }
  .studio-page-intro h1 { font-size: 25px; }
  .studio-page-intro p { font-size: 14px; }
  .studio-marketing .top-bar { min-height: 64px; padding: 13px 16px; }
  .studio-marketing .content { padding: 22px 16px 84px; }
  .studio-marketing .sidebar-logo { min-height: 64px; }
  .studio-tool > .container { padding: 20px 16px 50px; }
  .studio-tool h1 { font-size: 25px; }
  .studio-tool .subtitle { font-size: 15px; }
  .studio-tool .container > nav { padding: 12px; margin-bottom: 26px; }
  .studio-tool nav .brand { width: 100%; margin-bottom: 5px; }
  .studio-tool .search-box { flex-wrap: wrap; padding: 15px; }
  .studio-tool .search-box input { flex: 1 1 170px; }
  .studio-tool .search-box button { flex: 1 0 auto; }
  .studio-account { padding: 36px 20px; }
  .studio-account > .card { padding: 25px; }
}
@media (max-width: 420px) {
  .studio-workspace .topbar-search-trigger { width: 35px; justify-content: center; padding: 6px; }
  .studio-workspace .topbar-search-trigger span:not(:first-child), .studio-workspace .topbar-search-trigger kbd { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-page *, .studio-page *::before, .studio-page *::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; }
}

/* Editorial hierarchy: dividers and typography carry the layout. */
.studio-page { --studio-panel-radius: 6px; }
.studio-page :where(.card,.content-card,.section,.plan-card,.stat-card,.platform-card,.kpi,.campaign-card,.modal-box) { border-radius:var(--studio-panel-radius);box-shadow:none; }
.studio-page :where(.card,.content-card,.section) { padding:28px; }
.studio-page :where(.card h2,.section h2,.content-card h2) { font-size:18px;font-weight:600;letter-spacing:-.03em; }
.studio-page h1 { font-weight:580; }
.studio-page .btn { border-radius:4px;font-weight:550;min-height:42px;box-shadow:none;transition:background .18s,border-color .18s,color .18s; }
.studio-page .btn-sm { min-height:34px;font-size:13px; }
.studio-page .btn-secondary,.studio-page .btn-outline,.studio-page .btn-ghost { border-color:var(--studio-border); }
.studio-page input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="file"]),
.studio-page textarea,.studio-page select { border-radius:5px; }
.studio-page :where(.form-group label,.field label,.form-label) { font-weight:550; }
.studio-page .table-responsive { overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch; }
.studio-page .table-responsive table { width:100%; }
.studio-page th { background:transparent;font-weight:550;font-size:12px;letter-spacing:.025em; }
.studio-page td { font-variant-numeric:tabular-nums;font-size:14px; }
.studio-page :where(.empty,.empty-state) { font-size:14px; }
.studio-icon { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle; }
.studio-brand { font-size:20px;letter-spacing:-.75px;font-weight:720;gap:10px; }
.studio-brand em { color:inherit;font-weight:440; }
.studio-brand .studio-brand-mark { display:inline-flex;align-items:center;gap:3px;width:25px;height:28px;transform:skewY(-14deg);background:none;border-radius:0;color:var(--studio-brand); }
.studio-brand-mark i { display:block;flex-shrink:0;width:4px;height:14px;background:currentColor; }
.studio-brand-mark i:nth-child(2) { height:21px; }
.studio-brand-mark i:nth-child(3) { height:27px; }
.studio-overline { display:block;font:11px/1.5 Consolas,'SFMono-Regular',monospace;letter-spacing:.06em;color:var(--studio-muted);margin-bottom:14px; }
.studio-nav-home { color:var(--studio-muted);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:13px;min-height:40px; }
.studio-nav-home:hover { color:var(--studio-brand); }
.studio-page-intro { margin-bottom:30px;align-items:flex-end; }
.studio-page-intro h1 { font-size:36px;font-weight:580;letter-spacing:-.055em;line-height:1.2; }
.studio-page-intro p { font-size:15px;margin-top:13px; }

/* Persistent application navigation: quiet, compact, distinct from content. */
.studio-workspace .topbar,.studio-marketing .top-bar { background:#fff;border-bottom:1px solid var(--studio-border); }
.studio-workspace .sidebar,.studio-marketing .sidebar { background:#f0f2f5;border-color:var(--studio-border); }
.studio-workspace .sidebar-item,.studio-marketing .nav-btn { min-height:43px;border-radius:4px;font-size:14px;font-weight:500;color:#525e6f; }
.studio-workspace .sidebar-item:hover,.studio-marketing .nav-btn:hover { background:#e8ecf2;color:var(--studio-ink);transform:none; }
.studio-workspace .sidebar-item.active,.studio-marketing .nav-btn.active { background:#fff;color:#1b428f;border-color:transparent;box-shadow:0 1px 3px #17253b08; }
.studio-workspace .sidebar-item.active::before { border-radius:0;width:2px;background:var(--studio-brand); }
.studio-marketing .nav-btn.active { position:relative; }
.studio-marketing .nav-btn.active:before { content:'';position:absolute;left:-1px;top:11px;bottom:11px;width:2px;background:var(--studio-brand); }
.studio-workspace .sidebar-group-label,.studio-marketing .nav-section { font-size:11px;letter-spacing:.04em;font-weight:500;color:#657184;padding-top:23px;padding-bottom:8px; }
.studio-workspace .sidebar-nav { padding-inline:14px; }
.studio-workspace .sidebar-header { border-bottom:1px solid var(--studio-border); }
.studio-workspace .sidebar-user-info { background:#f0f2f5;border-color:var(--studio-border); }
.studio-workspace .topbar-search-trigger { border-radius:4px;border:1px solid var(--studio-border);background:#fff;font-size:13px; }
.studio-workspace .topbar-title { border-color:var(--studio-border);font-size:13px;color:var(--studio-muted); }
.studio-workspace .sidebar-item .item-icon,.studio-marketing .nav-icon { display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px; }
.studio-marketing .sidebar-logo { padding:20px 22px; }
.studio-marketing .sidebar-logo .studio-brand { font-size:19px; }
.studio-marketing .sidebar-logo .studio-brand .studio-brand-mark { width:24px;height:27px;background:none;color:var(--studio-brand);border-radius:0; }
.studio-marketing .sidebar-nav { padding:12px 14px; }
.studio-marketing .sidebar-footer { padding:16px 20px; }
.studio-marketing .btn-back { background:none;border:0;font-size:12px;padding:9px 0;font-weight:500; }
.studio-marketing .page-title { font-size:13px;font-weight:500;color:var(--studio-muted); }
.studio-marketing .status-pill { background:none;border:0;font-size:12px;border-radius:0;color:var(--studio-muted); }
.studio-marketing .content { max-width:1390px;padding:38px 44px 60px; }
.studio-marketing .section { border-radius:6px;padding:26px; }
.studio-marketing .section-title { font-size:17px;font-weight:600;letter-spacing:-.035em;padding-bottom:17px;border-bottom:1px solid var(--studio-border); }
.studio-process { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #c8d1df;background:#fff;margin:30px 0 38px; }
.studio-process button { position:relative;display:flex;align-items:center;gap:18px;text-align:left;padding:25px 22px;background:none;border:0;border-right:1px solid var(--studio-border);cursor:pointer;color:var(--studio-ink);min-width:0; }
.studio-process button:last-child { border-right:0; }
.studio-process button:after { content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--studio-brand);transform:scaleX(0);transform-origin:left;transition:transform .3s ease; }
.studio-process button:hover:after,.studio-process button:focus-visible:after { transform:scaleX(1); }
.studio-process button:hover .studio-icon { color:var(--studio-brand);transform:translateX(3px); }
.studio-process .studio-icon { margin-left:auto;transition:transform .25s; }
.process-no { font:12px/1.5 Consolas,monospace;color:var(--studio-subtle);align-self:flex-start;margin-top:3px; }
.studio-process strong { display:block;font-size:16px;font-weight:560;letter-spacing:-.04em; }
.studio-process small { display:block;font-size:12px;margin-top:6px;color:var(--studio-muted);font-weight:400;word-break:keep-all; }
.studio-section-label { display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px; }
.studio-section-label h2 { font-size:16px;font-weight:600; }
.studio-section-label>span { font-size:12px;color:var(--studio-muted); }
.studio-marketing .kpi-grid { grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-block:1px solid var(--studio-border);background:#fff;margin-bottom:30px; }
.studio-marketing .kpi { border:0;border-right:1px solid var(--studio-border);border-radius:0;padding:24px 20px;box-shadow:none; }
.studio-marketing .kpi:last-child { border-right:0; }
.studio-marketing .kpi .label { font-size:12px;color:var(--studio-muted);margin-bottom:14px; }
.studio-marketing .kpi .val { font-size:34px;font-weight:480;line-height:1.3;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--studio-ink)!important; }
.studio-marketing .kpi:has(#kpi-failed) .val { color:var(--studio-danger)!important; }
.studio-overview-grid { display:grid;grid-template-columns:1.45fr 1fr;gap:24px;align-items:start; }
.studio-overview-grid>.section { margin:0;min-width:0; }
.studio-empty { display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:210px;padding:22px 4px;color:var(--studio-muted); }
.studio-empty-index { display:block;font:30px/1.5 Consolas,monospace;color:#8696af;margin-bottom:18px; }
.studio-empty h3 { font-size:17px;font-weight:500;margin:0 0 10px; }
.studio-empty p { font-size:14px;line-height:1.8;margin:0;word-break:keep-all; }
.studio-empty-success .studio-empty-index { color:var(--studio-success); }
.studio-marketing .platform-card,.studio-marketing .campaign-card { border-radius:6px;box-shadow:none; }
.studio-marketing .variant-card { border-radius:6px; }
.studio-marketing .toast { background:var(--studio-success);color:#fff;border-radius:5px; }
.studio-marketing .toast.error { background:var(--studio-danger);color:#fff; }

/* Writing is a sequence, not a dashboard of floating tiles. */
.studio-workspace .main { max-width:1340px;padding:30px 42px 60px; }
.studio-workspace-intro { border-bottom:1px solid var(--studio-border);padding-bottom:19px;margin-bottom:28px; }
.studio-workspace-intro .studio-overline { margin-bottom:6px; }
.studio-workspace-intro p { margin:0;color:var(--studio-ink);font-size:18px;font-weight:550; }
.studio-workspace #generatePageTitle { font-size:32px!important;font-weight:580!important;letter-spacing:-.055em;margin-bottom:10px!important; }
.studio-workspace #generatePageDesc { font-size:15px!important; }
.studio-workspace .sub-tab { background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding-inline:18px;color:var(--studio-muted); }
.studio-workspace .sub-tab.active { background:transparent;border-color:var(--studio-brand);color:var(--studio-brand); }
.studio-workspace .sub-nav { border-bottom:1px solid var(--studio-border);margin-bottom:22px; }
.studio-workspace #page-generate .content-card { border-radius:6px!important;box-shadow:none; }
.studio-workspace #page-generate .studio-category-section { border:0!important;background:transparent!important;padding:16px 0 22px!important;border-bottom:1px solid var(--studio-border)!important;border-radius:0!important;margin-bottom:26px!important; }
.studio-workspace .content-card>h2 { font-size:16px!important;font-weight:550!important;display:flex;align-items:center;gap:14px; }
.studio-workspace .studio-category-section>h2:before,.studio-workspace .studio-input-section>h2:before,.studio-workspace .studio-publish-section>h2:before { font:11px/1.5 Consolas,monospace;color:var(--studio-brand);letter-spacing:.03em; }
.studio-workspace .studio-category-section>h2:before { content:'01'; }
.studio-workspace .studio-input-section>h2:before { content:'02'; }
.studio-workspace .studio-publish-section>h2:before { content:'03'; }
.studio-workspace .cat-grid { grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:0!important; }
.studio-workspace .cat-btn { background:transparent;border:1px solid #d3dae4;border-radius:4px;min-height:40px!important;padding:9px 8px!important;font-size:13px!important;color:var(--studio-muted);font-weight:500;transition:border-color .2s,background .2s; }
.studio-workspace .cat-btn.active { background:#fff;border-color:var(--studio-ink);color:var(--studio-ink);box-shadow:inset 0 -2px var(--studio-ink); }
.studio-workspace .cat-btn:hover { background:#fff;transform:none;border-color:var(--studio-brand); }
.studio-workspace :is(.studio-input-section,.studio-publish-section) input:not([type="checkbox"]):not([type="radio"]),
.studio-workspace :is(.studio-input-section,.studio-publish-section) textarea,
.studio-workspace :is(.studio-input-section,.studio-publish-section) select { border-radius:5px!important;background:#fafbfc!important; }
.studio-workspace .stats { gap:0;background:#fff;border-block:1px solid var(--studio-border); }
.studio-workspace .stat-card { border:0;border-right:1px solid var(--studio-border);border-radius:0;box-shadow:none;text-align:left;padding:24px; }
.studio-workspace .stat-card:last-child { border-right:0; }
.studio-workspace .stat-card .number { font-size:34px;font-weight:500;color:var(--studio-ink); }

/* Tool pages share the typography, while the input remains their main focus. */
.studio-tool { background:#fff!important; }
.studio-tool>.container { max-width:1120px;padding-top:28px; }
.studio-tool .container>nav { padding:14px 0 22px;background:transparent;border:0;border-bottom:1px solid var(--studio-border);border-radius:0;margin-bottom:54px; }
.studio-tool .container>nav>a:not(.brand) { border-radius:0;padding:5px 0;margin-left:16px; }
.studio-tool .container>nav>a.active { background:none;border-bottom:1px solid var(--studio-brand); }
.studio-tool nav .brand { font-size:18px;letter-spacing:-.03em;font-weight:650; }
.studio-tool h1 { font-size:38px;font-weight:570;letter-spacing:-.05em; }
.studio-tool .subtitle { max-width:720px;line-height:1.85;margin-top:16px;margin-bottom:30px; }
.studio-tool .search-box { border-radius:5px;background:#f0f3f8;border:0;padding:20px;margin-bottom:32px; }
.studio-tool .search-box button { border-radius:4px;padding:12px 25px; }
.studio-tool .card { border-radius:4px;box-shadow:none;padding:23px; }
.studio-tool .note { background:#f5f7fa;border:0;border-left:2px solid #9cacbf;border-radius:0;font-size:14px; }
.studio-tool .cta { border:0;border-top:1px solid var(--studio-border);border-radius:0;padding:28px 0;background:transparent;text-align:left; }
.studio-tool .cta a { border-radius:4px;font-size:14px; }
.studio-account .logo { max-width:440px;width:100%;margin-bottom:40px; }
.studio-auth-intro { text-align:left;margin-bottom:25px; }
.studio-auth-intro h1 { font-size:32px;font-weight:560;letter-spacing:-.05em; }
.studio-auth-intro p { font-size:15px;margin-top:14px; }
.studio-account>.card { padding:30px;border-radius:6px;box-shadow:none; }
.studio-account .tab,.studio-account .tab.active { border-radius:0;background:transparent;font-weight:550; }
.studio-account form>.btn { border-radius:4px;min-height:48px; }
.studio-billing .plan-card { border-radius:6px;box-shadow:none; }
.studio-billing .plan-card.popular { background:#fff;border-width:1px;border-top-width:3px; }
.studio-billing .plan-price { font-weight:550; }
.studio-document .container>h1 { font-size:36px;font-weight:570;letter-spacing:-.05em; }
.studio-document .container>.card,.studio-document .container>.section { border-radius:4px; }
.studio-admin :where(.metric,.metric-card,.kpi-card,.panel) { border-radius:6px;box-shadow:none; }

@media(max-width:1200px) {
  .studio-marketing .content { padding:30px; }
  .studio-process button { gap:12px;padding:21px 16px; }
  .studio-process strong { font-size:14px; }
  .studio-process small { font-size:11px; }
  .studio-process .studio-icon { width:16px;height:16px; }
  .studio-marketing .kpi { padding:20px 14px; }
  .studio-marketing .kpi .label { font-size:11px; }
  .studio-overview-grid { gap:20px; }
  .studio-workspace .main { padding-inline:28px; }
}
@media(max-width:980px) {
  .studio-overview-grid { grid-template-columns:1fr; }
  .studio-empty { min-height:150px; }
  .studio-process .process-no { display:none; }
  .studio-process button { padding:21px 15px;gap:9px; }
  .studio-process .studio-icon { width:15px; }
  .studio-marketing .section { padding:22px; }
}
@media(max-width:768px) {
  .studio-page :where(.card,.content-card,.section) { border-radius:5px;padding:20px; }
  .studio-page-intro { margin-bottom:24px; }
  .studio-page-intro h1 { font-size:30px; }
  .studio-page-intro p { font-size:14px;margin-top:10px; }
  .studio-overline { font-size:10px;margin-bottom:12px; }
  .studio-marketing .content { padding:28px 20px 100px; }
  .studio-marketing .top-bar { min-height:60px; }
  .studio-marketing .status-pill { font-size:11px; }
  .studio-marketing .sidebar-logo { padding:18px 20px; }
  .studio-process { margin:24px 0 30px; }
  .studio-process strong { font-size:14px; }
  .studio-process small { font-size:11px; }
  .studio-marketing .kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0; }
  .studio-marketing .kpi { padding:19px 16px; }
  .studio-marketing .kpi:nth-child(3) { border-right:0; }
  .studio-marketing .kpi:nth-child(n+4) { border-top:1px solid var(--studio-border); }
  .studio-marketing .kpi .val { font-size:30px; }
  .studio-marketing .kpi .label { font-size:12px;margin-bottom:10px; }
  .studio-marketing .mobile-bottom-nav { background:#fff;border-color:var(--studio-border); }
  .studio-marketing .b-nav-item { border-radius:0;min-height:48px; }
  .studio-marketing .b-nav-item.active { background:none; }
  .studio-workspace .main { padding:23px 20px 90px; }
  .studio-workspace .cat-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  .studio-workspace #generatePageTitle { font-size:28px!important; }
  .studio-workspace-intro { padding-bottom:16px;margin-bottom:25px; }
  .studio-workspace-intro p { margin:0;font-size:16px; }
  .studio-workspace .studio-brand .studio-brand-mark { background:none;border-radius:0;width:23px;height:25px; }
  .studio-workspace .stat-card { padding:18px; }
  .studio-tool>.container { padding:18px 20px 50px; }
  .studio-tool .container>nav { padding:10px 0 18px;margin-bottom:34px;row-gap:13px; }
  .studio-tool .container>nav>a:not(.brand) { margin-left:0;margin-right:15px;font-size:13px; }
  .studio-tool h1 { font-size:30px; }
  .studio-tool .search-box { padding:14px; }
  .studio-account .logo { margin-bottom:30px; }
  .studio-auth-intro h1 { font-size:28px; }
  .studio-account>.card { padding:24px; }
}
@media(max-width:480px) {
  .studio-marketing .content { padding-inline:18px; }
  .studio-process { grid-template-columns:1fr; }
  .studio-process button { padding:15px 17px;border-right:0;border-bottom:1px solid var(--studio-border);gap:15px; }
  .studio-process button:last-child { border-bottom:0; }
  .studio-process .process-no { display:block;margin-top:1px;font-size:11px; }
  .studio-process small { display:none; }
  .studio-process .studio-icon { width:17px;height:17px; }
  .studio-marketing .kpi-grid { grid-template-columns:1fr 1fr; }
  .studio-marketing .kpi:nth-child(3) { border-right:1px solid var(--studio-border); }
  .studio-marketing .kpi:nth-child(even) { border-right:0; }
  .studio-marketing .kpi:nth-child(n+3) { border-top:1px solid var(--studio-border); }
  .studio-marketing .kpi:last-child { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-right:0;padding-block:14px; }
  .studio-marketing .kpi:last-child .label { margin:0; }
  .studio-marketing .kpi:last-child .val { font-size:23px; }
  .studio-workspace .main { padding-inline:16px; }
  .studio-workspace .cat-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .studio-workspace .cat-btn { font-size:13px!important; }
  .studio-workspace .topbar .studio-brand { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) {
  .studio-page *, .studio-page *::before, .studio-page *::after { transition:none!important;scroll-behavior:auto!important; }
}

/* Adjustments from the desktop / tablet / phone browser review. */
html { scrollbar-gutter:stable; }
.studio-page :is(p,.subtitle,.form-label) { word-break:keep-all;overflow-wrap:anywhere; }
.studio-page img,.studio-page video,.studio-page canvas { max-width:100%; }
.studio-workspace .topbar-left>button,.studio-workspace .profile-btn,
.studio-workspace .topbar-search-trigger,.studio-workspace .sidebar-toggle,
.studio-marketing .mobile-menu-btn,.studio-marketing .sidebar-close-btn { min-width:44px!important;min-height:44px!important; }
.studio-workspace .sidebar-shortcut { position:relative;display:flex;align-items:center;min-width:0; }
.studio-workspace .sidebar-shortcut>.sidebar-item { flex:1;min-width:0;padding-right:38px; }
.studio-workspace .sidebar-shortcut>.fav-star { position:absolute;right:3px;top:5px;display:grid;place-items:center;width:32px;height:32px;border:0;background:none;color:var(--studio-muted);border-radius:3px;opacity:0;cursor:pointer; }
.studio-workspace .sidebar-shortcut:hover>.fav-star,.studio-workspace .sidebar-shortcut>.fav-star:focus-visible,.studio-workspace .sidebar-shortcut>.fav-star.active { opacity:1; }
.studio-workspace .sidebar-shortcut>.fav-star.active { color:var(--studio-brand); }
.studio-workspace #sidebarFavRecent:empty { display:none; }
.studio-workspace .studio-workspace-intro { padding-bottom:14px;margin-bottom:24px; }
.studio-workspace .studio-workspace-intro p { font-size:14px;font-weight:500;color:var(--studio-muted); }
.studio-compose-actions { display:flex;gap:8px;margin:20px 0 18px; }
.studio-compose-actions>.btn { min-height:44px;font-size:14px; }
.studio-workspace #mobileNav { padding-block:6px max(6px,env(safe-area-inset-bottom));box-shadow:none; }
.studio-workspace #mobileNav button { min-height:48px;min-width:52px;gap:4px!important;font-size:11px!important;color:var(--studio-muted)!important; }
.studio-workspace #mobileNav button:hover,.studio-workspace #mobileNav button:focus-visible { color:var(--studio-brand)!important; }
.studio-workspace #mobileNav .studio-icon { width:20px;height:20px; }
.studio-sidebar-backdrop[hidden] { display:none!important; }
.studio-sidebar-backdrop { position:fixed;inset:0;z-index:10900;background:rgb(20 32 50 / 32%);border:0; }
.studio-marketing .studio-page-intro>div { min-width:0; }
.studio-marketing .studio-page-intro>.studio-nav-home { white-space:nowrap; }
.studio-marketing .kpi-grid { overflow:hidden; }
.studio-marketing .kpi .val { min-height:44px; }
.studio-tool .tpl-btn { min-height:44px;border-radius:4px;font-size:14px; }
.studio-tool .btn-generate,.studio-tool .btn-download { min-height:48px;border-radius:4px; }
.studio-tool .preview-box { border-radius:4px; }
.studio-tool .container>nav.studio-compact-tool-nav { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.studio-tool .studio-compact-tool-nav>a { text-decoration:none;min-height:44px;display:inline-flex;align-items:center; }
.studio-tool .studio-compact-tool-nav>.brand { width:auto;margin:0 auto 0 0; }
.studio-tool .container>nav.studio-compact-tool-nav>a:not(.brand) { margin:0;font-size:12px; }
.studio-admin-console .main-wrapper { min-width:0; }
.studio-admin-console .top-header { flex-wrap:wrap;gap:14px; }
.studio-admin-console .nav-item { font:inherit;text-align:left;width:100%;cursor:pointer; }
.studio-admin-console .content-container,.studio-admin-console .tab-panel { min-width:0; }
.studio-admin-console .user-pill { max-width:100%;overflow-wrap:anywhere; }
@media(min-width:768px) and (max-width:1023px) {
  .studio-workspace .sidebar-group-label,.studio-workspace .sidebar-fav-section { display:none!important; }
  .studio-workspace .sidebar-nav { padding-inline:6px; }
  .studio-workspace .cat-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
}
@media(min-width:600px) and (max-width:840px) {
  .studio-marketing .kpi-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .studio-marketing .kpi { padding:20px 12px;border:0;border-right:1px solid var(--studio-border)!important; }
  .studio-marketing .kpi:last-child { border-right:0!important; }
  .studio-marketing .kpi:nth-child(n+3) { border-top:0; }
  .studio-marketing .kpi .label { min-height:36px;font-size:12px; }
  .studio-marketing .kpi .val { font-size:28px; }
}
@media(max-width:767px) {
  .studio-workspace .layout,.studio-workspace .layout.sidebar-collapsed { grid-template-columns:minmax(0,1fr)!important;width:100%; }
  .studio-workspace .main { width:100%;min-width:0; }
  .studio-workspace .sidebar,.studio-workspace .sidebar.collapsed { display:flex;position:fixed;top:0;left:0;bottom:0;height:100vh;height:100dvh;width:min(320px,calc(100vw - 48px));z-index:11000;visibility:hidden;transform:translateX(-100%);transition:transform .22s ease; }
  .studio-workspace .sidebar.is-open { visibility:visible;transform:translateX(0);box-shadow:12px 0 40px rgb(20 32 50 / 15%); }
  .studio-workspace .sidebar.is-open .sidebar-label { display:inline!important; }
  .studio-workspace .sidebar.is-open .sidebar-group-label { display:flex!important; }
  .studio-workspace .sidebar.is-open :is(.sidebar-fav-section,.sidebar-user-info,.sidebar-header h1) { display:block!important; }
  .studio-workspace .sidebar.is-open .sidebar-item { justify-content:flex-start;padding:10px 14px;min-height:46px; }
  .studio-workspace .sidebar.is-open .sidebar-shortcut>.sidebar-item { padding-right:42px; }
  .studio-workspace .sidebar.is-open .sidebar-shortcut>.fav-star { opacity:1;min-height:40px;min-width:40px;top:3px;right:0; }
  .studio-workspace .sidebar.is-open .sidebar-header { justify-content:space-between;min-height:64px;padding:10px 18px!important; }
  .studio-workspace .sidebar.is-open .sidebar-toggle { font-size:27px!important; }
  .studio-nav-open { overflow:hidden; }
  .studio-nav-open #design-preview-notice { display:none; }
  .studio-workspace .topbar { padding-inline:10px; }
  .studio-workspace .topbar-left { gap:4px!important; }
  .studio-workspace .topbar-actions { gap:4px; }
  .studio-workspace .topbar .studio-brand { font-size:17px;gap:7px; }
  .studio-workspace .studio-workspace-intro { margin-bottom:19px;padding-bottom:10px;align-items:center;flex-wrap:nowrap; }
  .studio-workspace #generatePageDesc { font-size:14px!important;line-height:1.7; }
  .studio-compose-actions { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0 14px; }
  .studio-compose-actions>.btn { padding:9px 5px!important;font-size:13px!important;min-width:0; }
  .studio-workspace #page-generate .studio-category-section { padding-top:8px!important;padding-bottom:18px!important;margin-bottom:20px!important; }
  .studio-workspace .cat-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important; }
  .studio-workspace .cat-btn { min-height:44px!important;padding:9px 4px!important; }
  .studio-workspace .content-card>h2 { gap:10px;margin-bottom:13px!important; }
  .studio-workspace .studio-input-section,.studio-workspace .studio-publish-section { padding:19px!important; }
}
@media(max-width:600px) {
  .studio-marketing .studio-page-intro { flex-wrap:nowrap;gap:16px;align-items:flex-end; }
  .studio-marketing .studio-page-intro p { display:none; }
  .studio-marketing .studio-page-intro>.studio-nav-home { font-size:12px;gap:6px; }
  .studio-marketing .studio-process { margin-top:22px;margin-bottom:26px; }
  .studio-marketing .kpi-grid { grid-template-columns:1fr 1fr; }
  .studio-marketing .kpi:nth-child(3) { border-right:1px solid var(--studio-border); }
  .studio-marketing .kpi:nth-child(even) { border-right:0; }
  .studio-marketing .kpi:nth-child(n+3) { border-top:1px solid var(--studio-border); }
  .studio-marketing .kpi:last-child { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-right:0;padding-block:12px; }
  .studio-marketing .kpi:last-child .label { margin:0; }
  .studio-marketing .kpi:last-child .val { min-height:32px;font-size:24px; }
  .studio-tool .container>nav { margin-bottom:28px; }
  .studio-tool .container>nav>a { min-height:44px;display:inline-flex;align-items:center; }
  .studio-tool h1 { font-size:28px;line-height:1.4; }
  .studio-tool .subtitle { font-size:15px;margin-top:12px;margin-bottom:26px; }
  .studio-admin-console { flex-direction:column; }
  .studio-admin-console .sidebar { position:relative;width:100%;height:auto;min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--studio-border); }
  .studio-admin-console .sidebar-header { display:flex;justify-content:flex-start;padding:15px 18px; }
  .studio-admin-console .sidebar .sidebar-logo { display:block;font-size:18px; }
  .studio-admin-console .sidebar .sidebar-badge { display:block; }
  .studio-admin-console .sidebar-nav { display:flex;flex-direction:row;gap:6px;overflow-x:auto;padding:0 12px 12px;min-height:60px;flex:none; }
  .studio-admin-console .sidebar .nav-text { display:inline; }
  .studio-admin-console .nav-item { flex:0 0 auto;width:auto;min-width:44px;min-height:44px;white-space:nowrap;padding:10px 12px;font-size:13px; }
  .studio-admin-console .main-wrapper { margin-left:0;width:100%;max-width:100%; }
  .studio-admin-console .top-header { padding:18px; }
  .studio-admin-console .page-title { font-size:18px; }
  .studio-admin-console .content-container { padding:18px; }
  .studio-admin-console .kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  .studio-admin-console .kpi-card { min-width:0;padding:15px; }
  .studio-admin-console .kpi-card .value { font-size:25px;overflow-wrap:anywhere; }
  .studio-admin-console .user-pill { font-size:12px;border-radius:4px; }
}
@media(max-width:359px) {
  .studio-workspace .topbar .studio-brand { font-size:15px; }
  .studio-workspace .topbar .studio-brand-mark { display:none; }
  .studio-workspace .cat-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}
@media(prefers-reduced-motion:reduce) {
  .studio-workspace .sidebar { transition:none!important; }
}

.studio-standard .top-nav{gap:12px;flex-wrap:wrap}.studio-standard .top-nav>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.studio-standard .top-nav a{display:inline-flex;align-items:center;min-height:44px}.studio-standard .top-nav>div>a{margin-left:0!important}
.studio-marketing .mobile-menu-btn,.studio-marketing .sidebar-close-btn{min-height:44px;min-width:44px}
@media(max-width:840px){.studio-marketing .sidebar{height:100vh;height:100dvh;max-width:calc(100vw - 36px)}.studio-marketing .sidebar:not(.open){visibility:hidden}.studio-marketing .sidebar.open{visibility:visible}.studio-marketing:has(.sidebar.open) #design-preview-notice{display:none}}

.studio-marketing #studioPlatforms>label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;padding:6px 8px;border:1px solid var(--studio-border);border-radius:4px}.studio-marketing #studioPlatforms>label:has(input:checked){background:var(--studio-brand-soft);border-color:#a5b9f4}
@media(max-width:840px){.studio-marketing #studioPlatforms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.studio-marketing #studioPlatforms>label{font-size:12px}}

/* Keep labels on one line while the desktop rail expands. */
.studio-workspace .sidebar-label,.studio-workspace .sidebar-header h1,.studio-workspace .sidebar-group-label{white-space:nowrap}