:root{
  --bg:#f3f6fa;--panel:#fff;--ink:#0c1c33;--muted:#5d6b7d;--line:#d8e0ea;
  --teal:#1a4d8c;--teal-dark:#0d3674;--teal-soft:#e8eef7;--gold:#d8aa45;
  --red:#b42318;--red-soft:#fff0ee;--amber:#9a6700;--amber-soft:#fff7db;--blue:#175cd3;--blue-soft:#eff4ff;
  --shadow:0 10px 28px rgba(16,35,38,.06);
  --topbar-bg:#012559;
  --home-canvas:#012559;
  --home-hero:url("/assets/home/chicago-skyline-dusk.jpg");
  --home-idea:url("/assets/home/chicago-cloud-gate.jpg");
  --home-content:url("/assets/home/chicago-theatre.jpg");
  --home-hero-position:center 42%;
  --home-hero-overlay:linear-gradient(180deg,rgba(1,37,89,.22) 0%,rgba(13,54,116,.18) 42%,rgba(1,29,69,.58) 100%);
  --home-hero-fade:linear-gradient(180deg,transparent,rgba(1,29,69,.28));
  --home-choice-bg:#0a1d3f;
  --home-choice-step:#0d3674;
  --home-choice-step-alt:#1a4d8c;
  --home-choice-overlay:linear-gradient(180deg,rgba(13,54,116,.22),rgba(1,29,69,.58));
  --home-choice-overlay-alt:linear-gradient(180deg,rgba(26,77,140,.22),rgba(1,29,69,.58));
  --home-choice-body:linear-gradient(180deg,rgba(10,29,63,.32),rgba(1,29,69,.82))
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;background:var(--topbar-bg);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;position:sticky;top:0;z-index:5}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--teal);font-weight:900}.brand-name{font-weight:800}.brand-subtitle{font-size:.78rem;color:#c5d3e8}.topbar-status{font-size:.82rem;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1)}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:11px;font:inherit;color:var(--muted);cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:750}.nav-divider{height:1px;background:var(--line);margin:12px 5px}.nav-note{font-size:.75rem;color:var(--muted);padding:0 12px}.main{padding:34px;min-width:0}.page{display:none}.page.active{display:block}.page-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850;color:var(--teal)}h1{font-size:2rem;margin:5px 0 7px}h2{font-size:1.05rem;margin:0 0 4px}.page-heading p,.panel-heading p{margin:0;color:var(--muted)}.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.secondary-button:hover{border-color:#8aa3c4}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow)}.metric-label{font-size:.75rem;color:var(--muted);margin-bottom:8px}.metric-value{font-size:1.75rem;font-weight:850}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{padding:18px 20px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:12px 14px;background:#f9fbfb;border-bottom:1px solid var(--line)}.data-table td{padding:13px 14px;border-bottom:1px solid #edf2f1;vertical-align:top}.data-table tr:last-child td{border-bottom:0}.title-cell{font-weight:750}.subtle{font-size:.8rem;color:var(--muted);margin-top:3px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eef3f2;font-size:.75rem;font-weight:800;white-space:nowrap}.badge.published{background:#e8f7ef;color:#067647}.badge.failed{background:var(--red-soft);color:var(--red)}.badge.attention,.badge.retry-pending,.badge.manual-action-required{background:var(--amber-soft);color:var(--amber)}.badge.rendering,.badge.uploading,.badge.platform-processing{background:var(--blue-soft);color:var(--blue)}.badge.ready-for-review,.badge.approved,.badge.draft-delivered{background:var(--teal-soft);color:var(--teal-dark)}.empty,.error{padding:28px;color:var(--muted);text-align:center}.error{color:var(--red)}.music-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.music-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fbfdfd}.music-card h3{font-size:.95rem;margin:0 0 6px}.music-meta{font-size:.78rem;color:var(--muted);margin-bottom:10px}.music-actions{display:flex;gap:8px}.link-button{display:inline-block;border:1px solid var(--line);padding:7px 9px;border-radius:9px;color:var(--teal-dark);text-decoration:none;font-size:.78rem;font-weight:750}.progress{height:8px;border-radius:999px;background:#e8eeee;overflow:hidden;margin-top:5px}.progress>span{display:block;height:100%;background:var(--teal)}@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.music-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:72px;z-index:4;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.nav-divider,.nav-note{display:none}.nav-item{white-space:nowrap}.main{padding:22px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.music-grid{grid-template-columns:1fr}.page-heading{align-items:stretch;flex-direction:column}.secondary-button{align-self:flex-start}}

.raw-filename{font-size:.7rem;color:#839295;margin:-2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.music-card-head h3{margin:0;flex:1;min-width:0}.music-favorite-button{border:0;background:transparent;color:#b0892e;font-size:1.4rem;line-height:1;cursor:pointer;padding:0 2px}.music-favorite-button:hover,.music-favorite-button[aria-pressed="true"]{color:#e4b84a}.music-card.is-favorite{box-shadow:inset 0 0 0 1px rgba(228,184,74,.42)}.music-preview{display:block;width:100%;margin:12px 0 10px;height:36px}.music-upload-panel{margin-bottom:16px}.music-upload-body{padding:18px 20px 20px;display:grid;gap:14px}.music-upload-zone{cursor:pointer}.music-upload-zone[data-busy="true"]{opacity:.7;pointer-events:none}.music-upload-name{max-width:420px}.table-link{display:inline-block;margin-top:5px;color:var(--teal-dark);font-size:.76rem;font-weight:750;text-decoration:none}.table-link:hover{text-decoration:underline}.empty strong{color:var(--ink);font-size:.95rem}

.heading-actions{display:flex;gap:9px;align-items:center}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}.primary-button:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.primary-button[data-busy="true"]{cursor:progress}.idea-create-panel{margin-bottom:18px}.idea-form{padding:20px;display:grid;gap:16px}.idea-path-mode{border:1px solid var(--line);border-radius:12px;background:#f9fbfb;padding:12px 14px;margin:0;display:grid;gap:8px}.idea-path-mode legend{font-size:.82rem;font-weight:800;padding:0 4px}.idea-path-mode-option{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;cursor:pointer}.idea-path-pane[hidden]{display:none!important}.idea-path-pane select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit;outline:none}.idea-path-pane select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.form-field{display:grid;gap:7px;font-size:.82rem;font-weight:800}.form-field em{font-style:normal;font-weight:500;color:var(--muted)}.form-field input,.form-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.form-actions{display:flex;justify-content:flex-end;gap:9px}.form-message{min-height:18px;font-size:.8rem;color:var(--muted)}.form-message.success{color:#067647;font-weight:700}.form-message.error-text{color:var(--red);font-weight:700}.idea-create-panel[hidden]{display:none}@media(max-width:760px){.heading-actions{align-items:stretch}.heading-actions .secondary-button,.heading-actions .primary-button{flex:1}.form-actions{justify-content:stretch}.form-actions button{flex:1}}


/* Phase 2A Idea Management */
.manage-button{border:1px solid var(--line);background:#fff;color:var(--teal-dark);padding:7px 10px;border-radius:9px;font-weight:800;cursor:pointer;white-space:nowrap}.manage-button:hover{border-color:var(--teal);background:var(--teal-soft)}.idea-row-held td{background:#fffdf4}.badge.on-hold{background:var(--amber-soft);color:var(--amber)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(16,35,38,.32);z-index:20}.drawer-backdrop[hidden]{display:none}.idea-drawer{position:fixed;top:0;right:0;width:min(560px,94vw);height:100vh;background:#fff;z-index:21;box-shadow:-20px 0 45px rgba(16,35,38,.18);transform:translateX(105%);transition:transform .2s ease;display:flex;flex-direction:column}.idea-drawer.open{transform:translateX(0)}body.drawer-open{overflow:hidden}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line);background:#fbfdfd}.drawer-header h2{font-size:1.35rem;margin:5px 0 0}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:1.55rem;line-height:1;cursor:pointer}.icon-button:hover{color:var(--ink);border-color:#a9bfbd}.drawer-body{padding:22px 24px 28px;overflow:auto}.idea-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.idea-detail-meta>div,.detail-grid>div{border:1px solid var(--line);background:#f9fbfb;border-radius:11px;padding:11px 12px;display:grid;gap:4px}.idea-detail-meta span,.detail-grid span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.idea-detail-meta strong,.detail-grid strong{font-size:.84rem}.drawer-form{padding:18px 0 0}.detail-section{border-top:1px solid var(--line);padding-top:16px}.detail-section h3{font-size:.85rem;margin:0 0 10px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.drawer-actions{display:flex;gap:9px;flex-wrap:wrap}.danger-zone{margin-top:8px;border:1px solid #f1b5af;background:var(--red-soft);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-zone>div{display:grid;gap:3px}.danger-zone strong{font-size:.84rem;color:var(--red)}.danger-zone span{font-size:.74rem;color:#8a3d37}.danger-button{border:1px solid var(--red);background:#fff;color:var(--red);padding:9px 12px;border-radius:9px;font-weight:800;cursor:pointer}.danger-button:hover{background:var(--red);color:#fff}.danger-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.idea-table th:last-child,.idea-table td:last-child{text-align:right}
@media(max-width:760px){.idea-drawer{width:100vw}.drawer-body{padding:18px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr}.drawer-actions .primary-button{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.danger-zone{align-items:stretch;flex-direction:column}.danger-button{width:100%}}


/* Phase 2A branding: official full ChicagoShining logo */
.brand-logo-frame{
  height:50px;
  min-width:92px;
  max-width:205px;
  padding:5px 10px;
  border-radius:12px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(0,0,0,.12);
  overflow:hidden;
}
.brand-logo{
  display:block;
  width:auto;
  max-width:185px;
  height:auto;
  max-height:40px;
  object-fit:contain;
}
.brand-studio-copy{display:grid;gap:1px}
.brand-studio-copy .brand-name{font-size:.93rem}
@media(max-width:760px){
  .topbar{padding:0 14px}
  .brand-wrap{gap:8px}
  .brand-logo-frame{max-width:150px;padding:5px 8px}
  .brand-logo{max-width:134px;max-height:38px}
  .brand-studio-copy{display:none}
}


/* Phase 2A branding hotfix: keep full logo in the exact former CS badge footprint */
.brand-logo-frame{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  flex:0 0 42px !important;
}
.brand-logo{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
}
.brand-studio-copy{display:grid !important;gap:1px !important}
.brand-studio-copy .brand-name{font-size:1rem !important}
@media(max-width:760px){
  .brand-logo-frame{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
  }
  .brand-logo{
    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
  }
  .brand-studio-copy{display:grid !important}
}


/* Phase 2A approve/promote checkpoint */
.promotion-zone{border:1px solid #a8d5ca;background:#f3fbf8;border-radius:14px;padding:15px;display:grid;gap:13px}.promotion-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.promotion-heading>div{display:grid;gap:3px}.promotion-heading strong{font-size:.9rem;color:var(--teal-dark)}.promotion-heading span{font-size:.75rem;color:var(--muted);line-height:1.35}.promotion-zone .form-field{gap:6px}.promotion-zone select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 11px;font:inherit;outline:none}.promotion-zone select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.platform-fieldset{border:0;padding:0;margin:0}.platform-fieldset legend{font-size:.82rem;font-weight:800;margin-bottom:7px}.platform-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.platform-checks label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;font-size:.8rem;font-weight:650}.promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.promotion-subpanel{border-top:1px solid #d6ebe6;padding-top:12px}.promotion-subpanel[hidden]{display:none}.promote-button{width:100%;border:1px solid #087a65;background:#087a65;color:#fff;padding:11px 14px;border-radius:10px;font-weight:850;cursor:pointer}.promote-button:hover{background:#065f50;border-color:#065f50}.promote-button:disabled{opacity:.5;cursor:not-allowed}.promotion-zone.promotion-disabled{background:#f7f9f9;border-color:var(--line)}.promotion-zone.promotion-disabled .promotion-heading strong{color:var(--muted)}
@media(max-width:760px){.promotion-grid,.platform-checks{grid-template-columns:1fr}}


/* Phase 2B — Production Requests */
.production-request-launch{border:1px solid #087a65;background:#f4fbf9;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.production-request-launch>div{display:grid;gap:3px}.production-request-launch strong{font-size:.9rem;color:var(--teal-dark)}.production-request-launch span{font-size:.75rem;color:var(--muted);line-height:1.4}
.idea-media-chooser{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;flex:0 0 auto}
.idea-library-picker{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;display:grid;gap:10px}
.idea-library-picker[hidden]{display:none!important}
.idea-library-picker-hint{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4}
.idea-library-grid,.idea-library-picker-body{display:grid;gap:10px;max-height:360px;overflow:auto}
.idea-library-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.idea-library-section{margin:0;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.idea-library-card-tag{font-size:.6rem;font-style:normal;font-weight:750;color:#087a65}
.idea-library-card{display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;padding:7px;background:#fbfdfd;cursor:pointer;text-align:left}
.idea-library-card input{accent-color:var(--teal)}
.idea-library-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#eef3f2}
.idea-library-card .item4-clip-poster-wrap{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#012559}
.idea-library-card span{font-size:.68rem;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.idea-library-card[data-selected="true"]{border-color:#087a65;background:#f4fbf9}
.idea-library-picker-actions{display:flex;justify-content:flex-end;gap:8px}
.item4-upload-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
#item4ChooseClip,#ezChooseClip{display:none!important}
.item4-library-picker{margin-top:12px}
.idea-library-promote{margin-top:14px;border:0;background:transparent;padding:0}
.idea-library-promote[hidden]{display:none}
.idea-library-promote .promotion-zone{padding:15px}
.idea-row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.manage-button.promote-row-button{background:var(--teal);color:#fff;border-color:var(--teal)}
.manage-button.promote-row-button:hover{border-color:var(--teal-dark);background:var(--teal-dark);color:#fff}
.production-request-shell{margin-bottom:18px}.production-request-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.production-request-form{padding:20px;display:grid;gap:22px}.request-section{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fbfdfd;display:grid;gap:15px}
.request-section-heading{display:grid;gap:4px}.request-section-heading h3{margin:0;font-size:.98rem}.request-section-heading p{margin:0;font-size:.78rem;color:var(--muted)}
.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.request-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.request-grid select,.request-grid input,.request-section select,.request-section input,.request-section textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 11px;font:inherit;outline:none}
.request-grid select:focus,.request-grid input:focus,.request-section select:focus,.request-section input:focus,.request-section textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.request-platforms{align-self:end}.request-platforms .platform-checks{grid-template-columns:repeat(3,minmax(0,1fr))}
.structure-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;display:grid;gap:11px}.structure-card>strong{font-size:.85rem}.count-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.count-inputs .exact-count{grid-column:1/-1}.count-inputs [hidden]{display:none!important}
.text-control{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:start}.text-control .grow{min-width:0}.request-actions{display:flex;justify-content:flex-end;gap:10px;position:relative;z-index:5}
.request-actions button{pointer-events:auto}
.request-actions .primary-button.phase6-tooltip-target,
.request-actions .secondary-button.phase6-tooltip-target{cursor:pointer}
.request-actions .primary-button:disabled,
.request-actions .secondary-button:disabled{cursor:not-allowed}
.request-list-panel{margin-bottom:18px}.badge.draft{background:#eef3f2;color:var(--teal-dark)}.badge.ready{background:var(--blue-soft);color:var(--blue)}
@media(max-width:980px){.request-grid,.request-grid.three{grid-template-columns:1fr 1fr}.request-platforms .platform-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.production-request-launch{align-items:stretch;flex-direction:column}.request-grid,.request-grid.three,.text-control{grid-template-columns:1fr}.request-platforms .platform-checks{grid-template-columns:1fr}.request-actions{justify-content:stretch}.request-actions button{flex:1}}


/* Phase 2B 0.4.0 — requested platform/output matrix */
.output-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.output-platform-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px;display:grid;gap:8px;min-width:0}
.output-platform-card legend{padding:0 5px;font-size:.9rem;font-weight:850;color:var(--teal-dark)}
.output-platform-card label{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #e4ecea;border-radius:9px;background:#fbfdfd;font-size:.8rem;font-weight:700;cursor:pointer}
.output-platform-card label:has(input:checked){border-color:#8ecfc0;background:#eefaf6;color:var(--teal-dark)}
.output-platform-card input{width:auto!important;margin:0;box-shadow:none!important}
.output-matrix-summary{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;line-height:1.45}
@media(max-width:1100px){.output-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.output-matrix{grid-template-columns:1fr}}


/* Phase 2B 0.4.1 — output matrix alignment + derived platform cleanup */
.derived-platform-note{
  border:1px solid var(--line);
  border-radius:11px;
  background:#f9fbfb;
  padding:12px 14px;
  display:grid;
  align-content:center;
  gap:3px;
  min-height:68px;
}
.derived-platform-note strong{
  font-size:.82rem;
  font-weight:850;
  color:var(--ink);
}
.derived-platform-note span{
  font-size:.76rem;
  color:var(--muted);
  line-height:1.35;
}
.legacy-target-platforms[hidden]{display:none!important}

.output-platform-card{
  align-content:start;
}
.output-platform-card label{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  justify-items:start!important;
  column-gap:10px!important;
  min-height:38px;
  width:100%;
  text-align:left!important;
}
.output-platform-card label input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin:0!important;
  padding:0!important;
  justify-self:start!important;
  align-self:center!important;
}


/* Phase 2B 0.4.2 — per-output overrides */
.requested-output-cards{display:grid;gap:8px;margin-top:12px}
.requested-output-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff}
.requested-output-title{font-size:.82rem;font-weight:850;color:var(--ink)}
.requested-output-detail{font-size:.74rem;color:var(--muted);margin-top:2px}
.requested-output-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.inherit-pill,.override-count{font-size:.7rem;font-weight:800;border-radius:999px;padding:5px 8px;background:#edf4f2;color:#49645f}
.override-count{background:#fff3d8;color:#7c5b12}
.compact-empty{padding:10px 12px!important;font-size:.76rem!important}

.output-override-editor{margin-top:14px;border:1px solid #b9d9d2;border-radius:14px;background:#fbfefd;padding:15px}
.override-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.override-editor-header h4{margin:2px 0 2px;font-size:1rem}
.override-editor-header p{margin:0;color:var(--muted);font-size:.76rem}
.override-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.override-grid label,.override-text-row label,.full-width-label{display:grid;gap:5px;font-size:.73rem;font-weight:800;color:var(--ink)}
.override-subsection{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}
.override-subsection h5{margin:0 0 10px;font-size:.82rem}
.override-text-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;margin-bottom:10px}
.override-text-row .grow{min-width:0}
.full-width-label{margin-top:10px}
.effective-preview{margin-top:14px;border:1px dashed #b7cbc6;background:#f6faf9;border-radius:11px;padding:11px;font-size:.74rem}
.effective-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:8px}
.effective-preview-grid div{display:grid;gap:2px;background:#fff;border:1px solid #e4ecea;border-radius:8px;padding:7px}
.effective-preview-grid span{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.effective-preview-grid b{font-size:.73rem}
.override-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
@media(max-width:1100px){
  .override-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .effective-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .requested-output-card{align-items:flex-start;flex-direction:column}
  .requested-output-actions{justify-content:flex-start}
  .override-grid,.override-text-row,.effective-preview-grid{grid-template-columns:1fr}
}

/* Phase 6 0.5.0 — Creative review editor */
.creative-editor-shell{margin-bottom:18px;overflow:visible}.creative-editor-shell[hidden]{display:none!important}.creative-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.creative-heading-actions{display:flex;align-items:center;gap:9px}.creative-safety-banner{padding:11px 18px;background:#fff9df;border-bottom:1px solid #ead997;color:#715719;font-size:.8rem;line-height:1.45}.creative-safety-banner strong{color:#5d470e}.creative-editor-body{padding:18px;display:grid;gap:16px}.creative-top-grid{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(520px,1.15fr);gap:16px}.creative-preview-card,.creative-global-card,.creative-audio-card,.creative-ratio-card,.creative-slides-section{border:1px solid var(--line);border-radius:14px;background:#fbfdfd;padding:14px}.creative-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.creative-section-heading h3{font-size:.9rem;margin:0 0 3px}.creative-section-heading p{font-size:.76rem;color:var(--muted);margin:0;line-height:1.42}.render-preview-frame{position:relative;min-height:260px;background:#102326;border-radius:12px;overflow:hidden;display:grid;place-items:center}.render-preview-frame video{display:block;width:100%;max-height:520px;background:#000}.render-preview-frame .render-preview-drive{display:block;width:100%;height:520px;max-height:70vh;border:0;background:#000}.render-preview-frame .render-preview-drive[hidden]{display:none!important}.render-preview-frame video:not([src]),.render-preview-frame video[src=""]{display:none}.render-preview-empty{color:#c8d6d5;font-size:.82rem;padding:28px;text-align:center}.creative-output-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.creative-output-meta>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 9px;display:grid;gap:2px}.creative-output-meta span{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850}.creative-output-meta b{font-size:.78rem;overflow-wrap:anywhere}.creative-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creative-form-grid select,.creative-form-grid input,.creative-slide-card select,.creative-slide-card input,.creative-slide-card textarea,.creative-audio-card input,.creative-review-notes textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:9px 10px;font:inherit;outline:none}.creative-form-grid select:focus,.creative-form-grid input:focus,.creative-slide-card select:focus,.creative-slide-card input:focus,.creative-slide-card textarea:focus,.creative-audio-card input:focus,.creative-review-notes textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.audio-mix-summary{font-size:.75rem;font-weight:850;color:var(--teal-dark);background:var(--teal-soft);padding:6px 9px;border-radius:999px;white-space:nowrap}.audio-control-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr .9fr .65fr;gap:12px;align-items:end}.audio-control{display:grid;grid-template-columns:minmax(0,1fr) 68px 18px;gap:7px;align-items:center;font-size:.75rem;font-weight:800}.audio-control>span{grid-column:1/-1}.audio-control input[type="range"]{padding:0;border:0;box-shadow:none}.audio-control input[type="number"]{padding:8px 7px;text-align:right}.audio-control b{font-size:.75rem;color:var(--muted)}.toggle-control{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;font-size:.75rem;font-weight:800;min-height:40px}.toggle-control input{width:auto!important;margin:0}.form-field.compact input{padding:8px 9px}.audio-help{font-size:.72rem;color:var(--muted);margin-top:10px;line-height:1.45}.creative-ratio-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ratio-summary-item{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;display:grid;gap:3px}.ratio-summary-item.active{border-color:#8bc9bd;background:#effaf7}.ratio-summary-item span{font-size:.66rem;color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.05em}.ratio-summary-item b{font-size:.84rem}.ratio-summary-item small{font-size:.68rem;color:var(--muted)}.slides-heading{align-items:center}.creative-slides-list{display:grid;gap:12px}.creative-slide-card{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.creative-slide-card.dragging{opacity:.48}.creative-slide-card.drag-over{outline:2px solid var(--teal);outline-offset:2px}.creative-slide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#f8fbfa}.creative-slide-title-wrap{display:flex;align-items:center;gap:9px;min-width:0}.slide-drag-handle{cursor:grab;color:#82928f;font-size:1.05rem;letter-spacing:-2px;user-select:none}.slide-drag-handle:active{cursor:grabbing}.creative-slide-title{font-size:.82rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-slide-subtitle{font-size:.69rem;color:var(--muted);margin-top:2px}.slide-include-control{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;white-space:nowrap}.slide-include-control input{width:auto!important;margin:0}.creative-slide-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;padding:12px}.creative-slide-visual{display:grid;gap:9px;align-content:start}.slide-preview-canvas{position:relative;width:100%;aspect-ratio:4/5;border-radius:10px;background:#e8eeee;overflow:hidden;display:grid;place-items:center}.slide-preview-canvas.ratio-9x16{aspect-ratio:9/16}.slide-preview-canvas.ratio-1x1{aspect-ratio:1/1}.slide-preview-canvas.ratio-16x9{aspect-ratio:16/9}.slide-preview-canvas img{width:100%;height:100%;object-fit:cover;display:block}.slide-preview-placeholder{padding:18px;text-align:center;color:var(--muted);font-size:.72rem}.safe-zone-overlay{position:absolute;inset:0;pointer-events:none;display:none}.safe-zone-overlay.on{display:block}.safe-zone-overlay:after{content:"SAFE AREA";position:absolute;border:2px dashed rgba(255,255,255,.86);box-shadow:0 0 0 999px rgba(0,0,0,.12);left:5%;right:5%;top:14.84%;bottom:14.84%;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px;color:#fff;font-size:.57rem;font-weight:900;letter-spacing:.07em;text-shadow:0 1px 2px #000}.variant-chips{display:flex;gap:5px;flex-wrap:wrap}.variant-chip{font-size:.62rem;font-weight:850;padding:4px 6px;border-radius:999px;background:#f0f3f3;color:#758481}.variant-chip.ready{background:#e7f7ef;color:#067647}.variant-chip.target{outline:1px solid var(--teal)}.creative-slide-controls{display:grid;gap:10px}.slide-control-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slide-control-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.slide-control-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.slide-control-row .form-field{font-size:.69rem;gap:4px}.slide-control-row .form-field span{line-height:1.25}.slide-control-section{border-top:1px solid #e9efee;padding-top:9px}.slide-control-section:first-child{border-top:0;padding-top:0}.slide-control-section-title{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-dark);margin-bottom:7px}.slide-overlay-text{min-height:66px;resize:vertical}.voiceover-text{min-height:76px;resize:vertical}.creative-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.creative-editor-action-group{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.review-approve-button{background:#08715a;border-color:#08715a}.review-approve-button:hover{background:#065a48;border-color:#065a48}.creative-review-notes{margin-top:0}.creative-review-notes textarea{resize:vertical}.creative-editor-message-spacer{min-height:18px}.creative-output-action-cell{white-space:nowrap}.creative-button{border:1px solid #9fcfc5;background:#effaf7;color:var(--teal-dark);padding:7px 10px;border-radius:9px;font-size:.73rem;font-weight:850;cursor:pointer}.creative-button:hover{background:#dcf3ed;border-color:var(--teal)}.creative-button:disabled{opacity:.45;cursor:not-allowed}.creative-no-slides{border:1px dashed #bdcecb;border-radius:11px;padding:20px;text-align:center;color:var(--muted);font-size:.78rem}.creative-slide-card.excluded{opacity:.67}.creative-slide-card.excluded .creative-slide-body{filter:saturate(.7)}
@media(max-width:1180px){.creative-top-grid{grid-template-columns:1fr}.audio-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-ratio-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-slide-body{grid-template-columns:180px minmax(0,1fr)}.slide-control-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.creative-editor-heading,.creative-editor-actions{align-items:stretch;flex-direction:column}.creative-heading-actions,.creative-editor-action-group{width:100%;display:grid;grid-template-columns:1fr}.creative-form-grid,.audio-control-grid,.creative-ratio-summary,.creative-slide-body,.slide-control-row,.slide-control-row.three,.slide-control-row.two{grid-template-columns:1fr}.creative-slide-visual{max-width:320px;margin:0 auto;width:100%}.creative-output-meta{grid-template-columns:1fr 1fr}.audio-mix-summary{white-space:normal}.creative-editor-action-group button,.creative-editor-actions>button{width:100%}}
/* Phase 6 safe-area visualization: 9:16 uses the validated centered 4:5 safe zone; other ratios show a general 5% content-safe inset. */
.slide-preview-canvas:not(.ratio-9x16) .safe-zone-overlay:after{left:5%;right:5%;top:5%;bottom:5%}


/* Phase 6 0.5.4 — contextual help tooltips for Pipeline creative controls */
.control-label-with-help{display:inline-flex;align-items:center;gap:5px;min-width:0}
.control-help-dot{display:inline-grid;place-items:center;width:15px;height:15px;min-width:15px;border:1px solid #9bb0ac;border-radius:50%;color:#637773;background:#fff;font-size:10px;font-weight:900;line-height:1;cursor:help;user-select:none;vertical-align:middle}
.control-help-dot:hover,.control-help-dot:focus{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft);outline:none;box-shadow:0 0 0 2px rgba(11,125,105,.12)}
.phase6-tooltip-popover{position:fixed;z-index:20000;max-width:min(330px,calc(100vw - 24px));padding:9px 11px;border-radius:9px;background:#102f32;color:#fff;font-size:.72rem;font-weight:600;line-height:1.45;box-shadow:0 8px 26px rgba(0,0,0,.24);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .08s ease,transform .08s ease}
.phase6-tooltip-popover.visible{opacity:1;transform:translateY(0)}
.phase6-tooltip-popover:after{content:"";position:absolute;width:8px;height:8px;background:#102f32;transform:rotate(45deg);left:var(--tip-arrow-left,18px);top:-4px}
.phase6-tooltip-popover.above:after{top:auto;bottom:-4px}
.phase6-tooltip-target{cursor:help}
.ratio-summary-item.phase6-tooltip-target,.variant-chip.phase6-tooltip-target{cursor:help}
.creative-editor-actions button.phase6-tooltip-target,.creative-heading-actions button.phase6-tooltip-target{cursor:help}
@media(max-width:760px){.phase6-tooltip-popover{font-size:.76rem;max-width:calc(100vw - 20px)}}


/* Phase 6 0.5.5 — live ElevenLabs voice catalog + audition controls */
.voice-select-wrap { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; }
.voice-select-wrap .form-field { min-width:0; }
#ezAudioVoiceField[hidden],#ezAudioTrackField[hidden],#prVoiceField[hidden],#prMusicField[hidden]{display:none!important}
.voice-preview-button { min-height:38px; padding:0 11px; border:1px solid var(--line, #d5d9e0); border-radius:8px; background:var(--surface, #fff); color:inherit; cursor:pointer; white-space:nowrap; font-weight:600; }
.voice-preview-button:hover { border-color:currentColor; }
.voice-preview-button:disabled { opacity:.45; cursor:not-allowed; }
.voice-catalog-note { grid-column:1/-1; font-size:12px; opacity:.72; margin-top:-2px; }
.voice-option-meta { font-size:12px; opacity:.7; }

/* Phase 6 v0.5.10 creative-change progress */
.creative-change-progress{border:1px solid var(--line);border-radius:13px;background:#fbfdfd;padding:13px 14px;display:grid;gap:11px}.creative-change-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.creative-change-progress-title{font-size:.84rem;font-weight:850;margin-top:2px}.creative-change-progress-state{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef3f2;color:var(--muted);font-size:.7rem;font-weight:850;white-space:nowrap}.creative-change-progress-state.active{background:var(--blue-soft);color:var(--blue)}.creative-change-progress-state.complete{background:#e8f7ef;color:#067647}.creative-change-progress-state.error{background:var(--red-soft);color:var(--red)}.creative-change-progress-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.creative-change-stage{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;align-items:start;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px;min-height:72px}.creative-change-stage-marker{width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:#edf2f1;color:#879591;font-size:.74rem;font-weight:900}.creative-change-stage-copy{display:grid;gap:2px;min-width:0}.creative-change-stage-copy b{font-size:.72rem}.creative-change-stage-copy span{font-size:.65rem;color:var(--muted);line-height:1.35}.creative-change-stage.complete{border-color:#b9dfcc;background:#f4fbf7}.creative-change-stage.complete .creative-change-stage-marker{background:#dff4e9;color:#067647}.creative-change-stage.active{border-color:#a9c7e7;background:#f4f8fd}.creative-change-stage.active .creative-change-stage-marker{background:var(--blue-soft);color:var(--blue);animation:creative-stage-pulse 1.4s ease-in-out infinite}.creative-change-stage.error{border-color:#efb7b7;background:#fff6f6}.creative-change-stage.error .creative-change-stage-marker{background:var(--red-soft);color:var(--red)}.creative-change-stage-error{font-size:.64rem;color:var(--red);font-weight:750;line-height:1.3;margin-top:2px}.creative-change-progress-detail{font-size:.72rem;color:var(--muted);line-height:1.4}@keyframes creative-stage-pulse{0%,100%{opacity:1}50%{opacity:.45}}@media(max-width:980px){.creative-change-progress-steps{grid-template-columns:1fr}.creative-change-stage{min-height:0}.creative-change-progress-heading{align-items:flex-start;flex-direction:column}.creative-change-progress-state{align-self:flex-start}}

/* Phase 6 Item 3 — Studio usability cleanup */
.creative-save-state{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.7rem;font-weight:850;white-space:nowrap;border:1px solid var(--line);background:#f5f8f7;color:var(--muted)}
.creative-save-state.saved{background:#e8f7ef;border-color:#c4e6d4;color:#067647}
.creative-save-state.dirty{background:#fff4d8;border-color:#efd58b;color:#805b00}
.creative-jump-nav{position:sticky;top:64px;z-index:12;display:flex;gap:7px;flex-wrap:wrap;padding:9px 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.creative-jump-nav button,.text-button,.slide-collapse-button{border:0;background:transparent;color:var(--teal-dark);font:inherit;font-size:.72rem;font-weight:850;cursor:pointer;padding:6px 8px;border-radius:8px}
.creative-jump-nav button:hover,.text-button:hover,.slide-collapse-button:hover{background:var(--teal-soft)}
.creative-preview-freshness{display:inline-flex;align-items:center;margin:0 0 9px;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:850;background:#eef3f2;color:var(--muted)}
.creative-preview-freshness.current{background:#e8f7ef;color:#067647}
.creative-preview-freshness.unsaved,.creative-preview-freshness.stale{background:#fff4d8;color:#805b00}
.creative-preview-freshness.active{background:var(--blue-soft);color:var(--blue)}
.creative-slide-heading-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.creative-slide-header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.creative-slide-card.collapsed .creative-slide-body{display:none}
.creative-slide-card.collapsed .creative-slide-header{border-bottom:0}
.creative-slide-card.collapsed .creative-slide-subtitle{white-space:normal}
.slide-collapse-button{border:1px solid var(--line);background:#fff;padding:5px 8px}
.creative-review-section{display:grid;gap:7px}
.creative-review-notes-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.75rem;font-weight:850}
.creative-editor-actions{position:sticky;bottom:0;z-index:14;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);margin:0 -18px -18px;padding:12px 18px 14px;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(15,49,47,.07);display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center}
.creative-action-explainer{display:grid;gap:2px;max-width:520px}
.creative-action-explainer strong{font-size:.75rem;color:var(--ink)}
.creative-action-explainer span{font-size:.68rem;color:var(--muted);line-height:1.35}
.creative-editor-actions>#reloadCreativeEditor{grid-row:2;justify-self:start;margin-top:7px}
.creative-editor-action-group{grid-column:2;grid-row:1/3;align-self:center}
.rerender-button{background:#0a6f83;border-color:#0a6f83}.rerender-button:hover{background:#085c6c;border-color:#085c6c}
.creative-editor-actions button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:980px){.creative-jump-nav{top:58px}.creative-editor-actions{grid-template-columns:1fr;gap:9px}.creative-editor-action-group{grid-column:1;grid-row:auto;justify-content:flex-start}.creative-editor-actions>#reloadCreativeEditor{grid-row:auto}.creative-action-explainer{max-width:none}.creative-slide-heading-tools{justify-content:flex-start}}
@media(max-width:760px){.creative-jump-nav{position:static}.creative-heading-actions{grid-template-columns:1fr 1fr}.creative-save-state{justify-content:center}.creative-slide-header{align-items:flex-start}.creative-slide-header-actions{flex-direction:column;align-items:flex-end}.creative-editor-actions{position:static;margin:0 -18px -18px}.creative-editor-action-group{display:grid;grid-template-columns:1fr;width:100%}}


/* Item 4 — master media + platform output planning */
.item4-master-media-section,.item4-output-plan-section{border:1px solid #cde3df;background:linear-gradient(180deg,#fbfefd,#f6fbfa)}
.item4-heading-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.item4-state-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #bddbd6;background:#e9f6f3;color:#075e55;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
.item4-upload-zone{display:flex;align-items:center;gap:14px;border:2px dashed #9bcac3;border-radius:14px;padding:18px;background:#fff;cursor:pointer;transition:.15s ease}
.item4-upload-zone[hidden],.item4-media-kind-grid[hidden],#item4MediaKindHint[hidden]{display:none!important}
.item4-media-kind-grid{margin:0 18px 10px}
#item4MediaKindHint{display:block;margin:0 18px 14px}
.item4-upload-zone:hover,.item4-upload-zone.dragging{border-color:#07877a;background:#f1fbf8;box-shadow:0 0 0 3px rgba(7,135,122,.08)}
.item4-upload-zone>div:nth-child(3){display:flex;flex-direction:column;gap:3px;flex:1}.item4-upload-zone span{font-size:12px;color:#607976}.item4-upload-icon{font-size:30px;line-height:1;color:#07877a;font-weight:300}
.item4-upload-progress{margin-top:10px;padding:12px 14px;border-radius:12px;background:#eef8f6;color:#17665e;font-size:13px;font-weight:700;display:grid;gap:4px;border:1px solid #c5e4de;line-height:1.4}
.item4-upload-progress strong{display:block;font-size:14px;font-weight:800}
.item4-upload-progress span{display:block;font-size:12.5px;font-weight:600;line-height:1.45}
.item4-upload-progress[data-heal="uploading"]{background:#fff8df;border-color:#ead89e;color:#5c4a12}
.item4-upload-progress-count{font-style:normal;font-weight:800;color:#c62828}
.item4-upload-progress[data-heal="error"]{background:#fff4f2;border-color:#efc0b9;color:#8a2f24}
.item4-upload-progress[data-heal="ready"]{background:#eef8f6;border-color:#c5e4de;color:#17665e}
.ez-upload-progress{margin:10px 0 0}
.item4-asset-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:12px}
.item4-asset-card{position:relative;border:1px solid #d9e6e3;border-radius:12px;background:#fff;overflow:hidden}.item4-thumb{aspect-ratio:4/3;background:#eef3f2;overflow:hidden;position:relative}.item4-thumb img{width:100%;height:100%;object-fit:cover;display:block}.item4-asset-meta{display:flex;flex-direction:column;padding:8px 10px;gap:2px}.item4-asset-meta strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item4-asset-meta span{font-size:11px;color:#6b7e7b}.item4-remove-asset{position:absolute;right:6px;top:6px;border:0;background:rgba(10,45,42,.8);color:white;border-radius:999px;width:24px;height:24px;font-size:18px;line-height:20px;cursor:pointer}
.item4-asset-order{position:absolute;left:6px;bottom:6px;z-index:3;display:flex;gap:4px}
.item4-asset-order-btn{min-width:40px;min-height:40px;padding:0;border:0;border-radius:10px;background:rgba(10,45,42,.82);color:#fff;font:inherit;font-size:18px;font-weight:800;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.item4-asset-order-btn:disabled{opacity:.35;cursor:default}
.item4-asset-order-btn:not(:disabled):active{background:rgba(7,135,122,.95)}
.item4-reorder-hint{grid-column:1/-1;margin:0 0 2px;font-size:12px;font-weight:700;color:#3e5754}
@media(max-width:760px){
  .item4-asset-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .item4-asset-order-btn{min-width:44px;min-height:44px;font-size:20px}
}
.item4-platform-toggles{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.item4-platform-toggles label{display:flex;align-items:center;gap:7px;border:1px solid #c9deda;border-radius:999px;padding:8px 12px;background:#fff;font-weight:750;font-size:13px}.item4-platform-toggles input{accent-color:#07877a}
.item4-plan-actions{display:flex;align-items:center;gap:12px;margin-bottom:12px}.item4-plan-actions span{font-size:12px;color:#687b78}
.item4-output-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.item4-plan-card{border:1px solid #cfe0dd;border-radius:12px;background:white;padding:12px;display:flex;flex-direction:column;gap:10px}.item4-plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px}.item4-ratio-chip{border-radius:999px;background:#edf7f5;color:#086d63;padding:4px 8px;font-size:11px;font-weight:800}.item4-plan-why{font-size:12px;line-height:1.35;color:#3e5754;min-height:48px}.item4-plan-source{font-size:10.5px;color:#778b88}.item4-production-gate{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff8df;border:1px solid #ead89e;color:#685419;font-size:12px}.item4-production-gate strong{white-space:nowrap}
@media(max-width:1100px){.item4-output-plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.item4-output-plan{grid-template-columns:1fr}.item4-upload-zone{align-items:flex-start;flex-wrap:wrap}.item4-heading-row{flex-direction:column}}

.item4-heic-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#e9f4f2,#f7faf9);color:#0c5b54}.item4-heic-placeholder strong{font-size:20px;letter-spacing:.08em}.item4-heic-placeholder span{font-size:11px;color:#627b77}.item4-clip-placeholder{background:linear-gradient(135deg,#012559,#0a3a73);color:#f5c518}.item4-clip-placeholder span{color:#e8eef6}
.item4-clip-play{display:block;width:28px;height:28px;border:0;padding:0;border-radius:999px;background:rgba(0,0,0,.42);position:relative;flex:0 0 auto;cursor:pointer;-webkit-appearance:none;appearance:none}
.item4-clip-play::after{content:"";position:absolute;left:10px;top:8px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff}
.item4-clip-poster-wrap{position:relative;width:100%;height:100%}
.item4-clip-poster-wrap img,.item4-clip-poster-wrap video{width:100%;height:100%;object-fit:cover;display:block;background:#012559}
.item4-clip-poster-wrap:has(img) video{opacity:0}
.item4-clip-poster-wrap.is-playing video{opacity:1;object-fit:contain;background:#000}
.item4-clip-poster-wrap .item4-clip-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;z-index:2}
.item4-clip-poster-wrap .item4-clip-play::after{left:13px;top:10px;border-width:8px 0 8px 12px}
.item4-clip-duration{position:absolute;right:6px;bottom:6px;z-index:2;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:800;font-style:normal;line-height:1;padding:3px 6px;border-radius:6px;letter-spacing:.02em}
.item4-clip-poster-wrap.is-playing .item4-clip-play,
.item4-clip-poster-wrap.is-playing img.item4-clip-poster{display:none}


/* Item 4 v0.6.2 — platform-ready media bridge */
.item4-variant-section{border:1px solid #cde3df;background:linear-gradient(180deg,#fbfefd,#f6fbfa)}
.item4-variant-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.item4-variant-actions span{font-size:12px;color:#5c7470}
.item4-variant-error{margin:8px 0 12px;padding:10px 12px;border:1px solid #efc0b9;border-radius:10px;background:#fff4f2}
.item4-variant-gallery{display:grid;gap:14px}.item4-ratio-group{border:1px solid #d9e8e5;border-radius:12px;background:white;padding:12px}
.item4-ratio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.item4-ratio-heading>div{display:flex;align-items:baseline;gap:8px}.item4-ratio-heading strong{font-size:15px;color:#084f49}.item4-ratio-heading span{font-size:11px;color:#687d79}.item4-safe-note{font-weight:700;color:#087d70!important}
.item4-variant-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.item4-variant-thumb{border:1px solid #d9e5e2;border-radius:10px;overflow:hidden;background:#fff;min-width:0}.item4-variant-image-wrap{position:relative;background:#eaf3f1;aspect-ratio:4/5;overflow:hidden}.item4-variant-image-wrap img{background:#eef5f3;pointer-events:none;user-select:none}.item4-crop-frame{cursor:grab;touch-action:none}.item4-crop-frame.is-dragging{cursor:grabbing}.item4-crop-frame img{position:absolute;max-width:none;display:block}.item4-crop-tools{display:flex;align-items:center;gap:6px;margin-top:2px;overflow:visible;white-space:nowrap;color:inherit}.item4-crop-zoom{width:22px;height:22px;border:1px solid #d9e5e2;border-radius:6px;background:#fff;color:var(--teal-dark);font:inherit;font-size:14px;font-weight:800;line-height:20px;cursor:pointer}.item4-crop-zoom:hover,.item4-crop-reset:hover{border-color:var(--teal);background:var(--teal-soft)}.item4-safe-overlay{position:absolute;left:0;right:0;top:14.84375%;bottom:14.84375%;border:2px dashed rgba(255,255,255,.95);box-shadow:0 0 0 999px rgba(0,0,0,.12);pointer-events:none}.item4-crop-hint{margin:8px 8px 0;font-size:11px;line-height:1.35;color:#647773}.item4-variant-meta{display:flex;flex-direction:column;padding:7px 8px;gap:2px}.item4-variant-meta strong{font-size:11px}.item4-variant-meta span{font-size:10px;color:#647773;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item4-variant-caption{padding:0 8px 10px}.item4-variant-caption textarea{min-height:48px}
@media(max-width:800px){.item4-ratio-heading{align-items:flex-start;flex-direction:column}.item4-variant-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Item 4 v0.6.3 — Phase 7 UI hardening */
.item4-image-placeholder{background:linear-gradient(135deg,#edf5f3,#f9fbfb)}
.item4-image-placeholder strong{font-size:17px;letter-spacing:.06em}
.item4-thumb img{background:#eef3f2}


/* =========================================================
   ChicagoShining Studio v0.6.15 — mobile hardening
   Folded into the primary stylesheet for the 3-photo E2E.
   No pipeline/API behavior changes.
   ========================================================= */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

input, select, textarea, button {
  font-size: 16px;
}

.topbar {
  min-height: 64px;
  height: auto;
  gap: 10px;
}

.topbar-status {
  max-width: 48vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main,
.panel,
.table-wrap {
  min-width: 0;
  max-width: 100%;
}

.table-wrap {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 760px) {
  .topbar {
    padding: 10px 12px;
    align-items: center;
  }

  .brand-wrap {
    min-width: 0;
    flex: 1;
  }

  .brand-studio-copy {
    min-width: 0;
  }

  .brand-name,
  .brand-subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .topbar-status {
    max-width: 46vw;
    font-size: .72rem;
    padding: 7px 9px;
  }

  .shell {
    display: block;
    min-height: calc(100vh - 64px);
  }

  .sidebar {
    top: 64px;
    padding: 8px 10px;
    gap: 5px;
    scrollbar-width: none;
  }

  .sidebar::-webkit-scrollbar {
    display: none;
  }

  .nav-item {
    padding: 9px 11px;
    font-size: .82rem;
  }

  .main {
    padding: 18px 12px;
  }

  .page-heading {
    gap: 12px;
    margin-bottom: 16px;
  }

  .page-heading h1,
  h1 {
    font-size: 1.55rem;
    line-height: 1.15;
  }

  .page-heading p,
  .panel-heading p {
    font-size: .9rem;
    line-height: 1.4;
  }

  .panel {
    border-radius: 14px;
  }

  .panel-heading {
    padding: 14px;
  }

  .metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .metric {
    padding: 13px;
    border-radius: 13px;
  }

  .metric-value {
    font-size: 1.4rem;
  }

  /* Convert admin tables into phone-readable stacked cards. */
  .data-table {
    min-width: 0 !important;
    width: 100%;
  }

  .data-table thead {
    display: none;
  }

  .data-table tbody,
  .data-table tr,
  .data-table td {
    display: block;
    width: 100%;
  }

  .data-table tr {
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
  }

  .data-table td {
    border: 0 !important;
    padding: 5px 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere;
  }

  .data-table td:empty {
    display: none;
  }

  .idea-table td:last-child {
    text-align: left !important;
  }

  .manage-button {
    width: 100%;
    margin-top: 5px;
    padding: 10px;
  }

  /* Detail / production drawer */
  .idea-drawer {
    width: 100vw;
    max-width: 100vw;
  }

  .drawer-header {
    padding: 16px;
  }

  .drawer-body {
    padding: 14px 12px 24px;
  }

  .idea-detail-meta,
  .promotion-grid,
  .platform-checks,
  .detail-grid {
    grid-template-columns: 1fr !important;
  }

  .drawer-actions {
    grid-template-columns: 1fr !important;
  }

  .drawer-actions .primary-button {
    grid-column: auto !important;
  }

  .form-actions,
  .heading-actions,
  .item4-variant-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  .form-actions button,
  .heading-actions button,
  .item4-variant-actions button {
    width: 100%;
  }

  /* Item 4 master-media / platform plan */
  .item4-output-plan {
    grid-template-columns: 1fr !important;
  }

  .item4-upload-zone {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .item4-variant-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .item4-ratio-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  /* Creative editor / preview */
  .creative-editor-grid,
  .creative-settings-grid,
  .creative-slide-grid {
    grid-template-columns: 1fr !important;
  }

  .creative-slide-card {
    min-width: 0;
  }

  .creative-slide-title,
  .creative-slide-subtitle {
    overflow-wrap: anywhere;
  }

  .creative-ratio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .creative-preview-shell {
    min-height: 0;
  }

  .creative-preview-shell video,
  .creative-preview-shell img {
    max-height: 70vh;
    object-fit: contain;
  }

  .production-request-workspace,
  .item4-workspace {
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .topbar-status {
    max-width: 42vw;
    font-size: .68rem;
  }

  .item4-variant-strip,
  .creative-ratio-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Item 17 — live per-photo title/caption preview and approval lock */
.slide-title-preview{position:absolute;left:8%;right:8%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.65);pointer-events:none;padding:4px 6px}
.slide-title-preview.off{display:none}
.slide-title-preview.pos-top{top:8%}
.slide-title-preview.pos-upper-third{top:18%}
.slide-title-preview.pos-center{top:50%;transform:translateY(-50%)}
.slide-title-preview.pos-lower-third{bottom:18%}
.slide-title-preview.pos-bottom{bottom:8%}
.slide-title-preview.pos-left,.slide-title-preview.pos-right{top:50%;transform:translateY(-50%);width:42%}
.slide-title-preview.pos-left{left:8%;right:auto;align-items:flex-start;text-align:left}
.slide-title-preview.pos-right{right:8%;left:auto;align-items:flex-end;text-align:right}
.slide-preview-canvas.ratio-9x16 .slide-title-preview.pos-lower-third{bottom:18%}
.slide-title-preview-title{font-weight:850;line-height:1.15;max-width:100%}
.slide-title-preview-caption{font-weight:650;font-size:.82em;opacity:.92;line-height:1.2;max-width:100%}
.creative-slide-card.title-locked .slide-control-section-title{color:#8a6d1b}
.creative-editor-shell.title-edit-locked #creativeUnlockTitles{display:inline-flex}

.main:has(#page-home.active){padding:0;background:var(--home-canvas)}
#page-home.page.active{min-height:calc(100vh - 72px)}
.ez-path-fork{
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 72px);
  display:grid;
  place-items:center;
  padding:56px 28px 40px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:var(--home-canvas);
  box-shadow:none;
  color:#eef4ff
}
.ez-path-fork::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--home-hero-overlay),var(--home-hero);
  background-size:cover;
  background-position:var(--home-hero-position);
  transform:scale(1.05);
  z-index:0
}
.ez-path-fork::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:38%;
  background:var(--home-hero-fade);
  z-index:0;
  pointer-events:none
}
.ez-path-fork-inner{position:relative;z-index:1;width:min(880px,100%);display:grid;gap:28px}
.ez-path-fork-copy{max-width:720px}
.ez-path-brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:.22em .28em;margin:0 0 8px;line-height:.88}
.ez-path-brand-city{font-family:Oswald,Impact,"Arial Narrow",sans-serif;font-weight:500;font-size:clamp(2.4rem,6vw,4.15rem);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 10px 28px rgba(0,0,0,.4)}
.ez-path-brand-shine{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;font-size:clamp(2.7rem,6.6vw,4.6rem);color:#f4f8ff;text-shadow:0 0 16px rgba(196,220,255,.75),0 0 38px rgba(51,122,214,.5),0 8px 24px rgba(0,0,0,.35)}
.ez-path-hook{margin:0 0 22px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:rgba(226,236,255,.9);text-shadow:0 2px 12px rgba(0,0,0,.35)}
.ez-path-fork-copy h1{margin:0 0 10px;font-size:clamp(1.45rem,2.6vw,2rem);color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.35)}
.ez-path-fork-copy h1 + p{margin:0;color:rgba(226,236,255,.9);font-size:1.05rem;line-height:1.5;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.ez-path-fork-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;perspective:1100px}
.ez-wizard{
  display:grid;
  gap:14px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:var(--home-choice-body);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 18px 36px rgba(0,0,0,.32);
  color:#eef4ff
}
.ez-wizard-toolbar{display:flex;justify-content:space-between;gap:12px}
.ez-wizard-text{
  border:0;
  background:transparent;
  color:rgba(226,236,255,.88);
  font:inherit;
  font-size:.82rem;
  font-weight:750;
  padding:0;
  cursor:pointer;
  width:fit-content
}
.ez-wizard-text:hover{text-decoration:underline;color:#fff}
.ez-wizard-text[hidden]{display:none!important}
.az-drop{
  display:grid;
  gap:12px;
  padding:18px 18px 16px;
  border-radius:22px;
  background:var(--home-choice-body);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 18px 36px rgba(0,0,0,.32);
  color:#eef4ff
}
.az-drop h2{margin:0;font-size:1.15rem;color:#fff;text-shadow:0 6px 18px rgba(0,0,0,.35)}
.az-drop > p{margin:0;color:rgba(226,236,255,.88);font-size:.92rem;line-height:1.45}
.az-drop-title span{color:rgba(226,236,255,.88)}
.az-drop-title input{
  width:100%;
  box-sizing:border-box;
  margin-top:6px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(8,20,42,.45);
  color:#fff;
  padding:10px 12px;
  font:inherit
}
.az-drop-zone{
  border-color:rgba(255,255,255,.35)!important;
  background:rgba(8,20,42,.28)!important;
  color:#eef4ff
}
.az-drop-zone strong{color:#fff}
.az-drop-zone span{color:rgba(226,236,255,.78)!important}
.az-drop-zone:hover,.az-drop-zone.dragging{
  border-color:#9ad7ff!important;
  background:rgba(8,20,42,.5)!important
}
.az-drop-progress{
  margin:0;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#c9e7ff
}
.az-drop-progress[hidden]{display:none!important}
.az-drop.is-busy .az-drop-zone{pointer-events:none;opacity:.72}
.ez-wizard-summary{
  margin:0;
  font-size:.78rem;
  font-weight:650;
  line-height:1.45;
  color:rgba(226,236,255,.86)
}
.ez-wizard-log{display:grid;gap:8px;max-height:28vh;overflow:auto}
.ez-wizard-bubble{
  margin:0;
  max-width:92%;
  padding:10px 12px;
  border-radius:14px;
  font-size:.92rem;
  line-height:1.4
}
.ez-wizard-bubble--bot{
  max-width:100%;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:.78rem;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(226,236,255,.78)
}
.ez-wizard-bubble--user{
  justify-self:end;
  background:rgba(26,77,140,.55);
  border:1px solid rgba(255,255,255,.18)
}
.ez-wizard-turn{display:grid;gap:12px}
.ez-wizard-prompt{margin:0;font-size:1.05rem;font-weight:750;color:#fff}
.ez-wizard-chips{display:flex;flex-wrap:wrap;gap:8px}
.ez-wizard-chip,.ez-wizard-form button[type="submit"]{
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.28);
  color:#fff;
  border-radius:999px;
  padding:8px 14px;
  font:inherit;
  font-size:.88rem;
  font-weight:700;
  cursor:pointer
}
.ez-wizard-chip:hover,.ez-wizard-chip[aria-pressed="true"]{
  border-color:#f4d27a;
  background:rgba(244,210,122,.16)
}
.ez-wizard-chip:focus-visible,.ez-wizard-text:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ez-wizard-form{display:grid;gap:10px}
.ez-wizard-form label{display:grid;gap:6px;font-size:.78rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.ez-wizard-form input,.ez-wizard-form textarea,.ez-wizard-form select{
  width:100%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.28);
  color:#fff;
  border-radius:10px;
  padding:8px 10px;
  font:inherit;
  text-transform:none;
  letter-spacing:0;
  font-weight:600
}
.ez-wizard-form textarea{min-height:72px;resize:vertical}
.ez-wizard-form .ez-wizard-form-actions{display:flex;flex-wrap:wrap;gap:8px}
.ez-wizard-schedules{display:grid;gap:8px}
.ez-wizard-schedules .ez-wizard-schedule-row{display:grid;gap:4px;text-transform:none;letter-spacing:0;font-size:.82rem;font-weight:650}
.ez-wizard-custom{display:grid;gap:10px}
.ez-wizard-custom fieldset{
  margin:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  padding:8px 10px 10px;
  display:grid;
  gap:6px
}
.ez-wizard-custom legend{font-size:.78rem;font-weight:800}
.ez-wizard-custom label{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-size:.82rem;font-weight:650}
#ezWizardMessage{color:rgba(255,210,210,.95)}
.ez-path-choice{
  position:relative;
  border:0;
  border-radius:22px;
  padding:0;
  min-height:280px;
  text-align:left;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  cursor:pointer;
  font:inherit;
  color:#eef4ff;
  background:var(--home-choice-bg);
  transform:translateY(0) rotateX(0);
  transform-style:preserve-3d;
  box-shadow:
    0 1px 0 rgba(255,255,255,.28) inset,
    0 14px 0 #041022,
    0 28px 36px rgba(0,0,0,.42);
  transition:transform .18s ease,box-shadow .18s ease
}
.ez-path-choice-visual{
  flex:1;
  min-height:158px;
  background-size:cover;
  background-position:center;
  position:relative
}
.ez-path-choice-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--home-choice-overlay)
}
.ez-path-choice--idea .ez-path-choice-visual{background-image:var(--home-idea)}
.ez-path-choice--content .ez-path-choice-visual{background-image:var(--home-content)}
.ez-path-choice--content .ez-path-choice-visual::after{background:var(--home-choice-overlay-alt)}
.ez-path-choice-body{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 20px 20px;
  background:var(--home-choice-body);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px)
}
.ez-path-choice strong{font-size:1.38rem;color:#fff}
.ez-path-choice-body>span{font-size:.95rem;line-height:1.45;color:rgba(226,236,255,.9)}
.ez-path-choice:hover{
  transform:translateY(-12px) rotateX(4deg);
  box-shadow:
    0 1px 0 rgba(255,255,255,.34) inset,
    0 18px 0 var(--home-choice-step),
    0 40px 48px rgba(0,0,0,.48)
}
.ez-path-choice--content:hover{box-shadow:0 1px 0 rgba(255,255,255,.34) inset,0 18px 0 var(--home-choice-step-alt),0 40px 48px rgba(0,0,0,.48)}
.ez-path-choice:active{
  transform:translateY(-3px) rotateX(1deg);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 8px 0 #041022,0 16px 22px rgba(0,0,0,.4)
}
.ez-path-choice:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){
  .ez-path-choice,.ez-path-choice:hover,.ez-path-choice:active{transform:none;transition:none}
}
.text-button{border:0;background:transparent;color:var(--teal-dark);font:inherit;font-weight:800;padding:0;cursor:pointer;width:fit-content}
.text-button:hover{text-decoration:underline}
.ez-intake-heading{align-items:flex-start}
.ez-idea-fields{display:grid;gap:12px;padding:12px 20px 14px;position:sticky;top:72px;z-index:6;background:#fff;border-bottom:1px solid var(--line)}
.ez-idea-fields textarea{min-height:72px;resize:vertical}
.ez-idea-fields input,.ez-idea-fields textarea{pointer-events:auto;cursor:text;background:#fff}
.ez-option-hint.error-text{color:var(--red)}
.ez-photo-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.ez-photo-card{position:relative;border:1px solid #d9e6e3;border-radius:12px;background:#fff;overflow:hidden;display:grid}
.ez-photo-card img,.ez-photo-card .item4-heic-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eef3f2;display:block}
.ez-photo-card .item4-clip-poster-wrap{width:100%;aspect-ratio:4/5;background:#012559}
.ez-photo-card .item4-clip-poster-wrap img,.ez-photo-card .item4-clip-poster-wrap video{aspect-ratio:auto;height:100%}
.ez-photo-card .item4-asset-caption-field{padding:8px 10px 12px}
.item4-asset-caption-field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:inherit;font-size:12px;font-weight:600;background:#fff;color:var(--ink)}
.item4-asset-caption-field textarea[hidden]{display:none!important}
.form-field[hidden],.ez-option-group-body [hidden]{display:none!important}
.ez-coming-later{margin:-8px 20px 14px;font-size:.75rem;font-weight:600;color:var(--muted)}
.ez-option-groups{display:grid;gap:10px}
.ez-option-group{border:1px solid var(--line);border-radius:14px;background:#fff;padding:2px 14px}
.ez-option-group>summary{cursor:pointer;font-weight:800;padding:10px 0;list-style:revert}
.ez-option-group-body{display:grid;gap:10px;padding:0 0 12px}
.ez-option-group-body select,.ez-option-group-body input[type="text"],.ez-option-group-body input[type="number"],.ez-option-group-body textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:8px 10px;font:inherit}
.ez-option-group-body textarea{min-height:88px;resize:vertical}
.ez-option-hint{font-style:normal;font-size:.72rem;font-weight:600;color:var(--muted);line-height:1.35}
.ez-structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ez-structure-card{display:grid;gap:8px;align-content:start}
.ez-structure-card>strong{font-size:.82rem}
.ez-output-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ez-output-matrix fieldset{border:1px solid var(--line);border-radius:10px;margin:0;padding:8px 10px 10px;display:grid;gap:6px}
.ez-output-matrix legend{font-weight:800;font-size:.78rem}
.ez-output-matrix label{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;font-weight:600}
.ez-audio-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.ez-audio-extra{display:grid;gap:4px}
.ez-audio-hint{font-style:normal;font-size:.72rem;font-weight:600;color:var(--muted)}
.page-content-simple .ez-busy-panel{display:none}
@media(max-width:760px){
  .ez-path-fork{padding:36px 16px 28px;min-height:calc(100vh - 128px)}
  .ez-path-fork-grid{grid-template-columns:1fr}
  .ez-path-choice{min-height:240px}
  .ez-path-choice:hover,.ez-path-choice:active{transform:translateY(-6px)}
  .ez-wizard-log{max-height:22vh}
  .ez-structure-grid,.ez-output-matrix{grid-template-columns:1fr}
}
.ez-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 20px 12px}
.ez-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;font:inherit;color:var(--ink);min-height:0}
.ez-card strong{font-size:.98rem}
.ez-card span{font-size:.78rem;line-height:1.4;color:var(--muted)}
.ez-card em{font-style:normal;font-size:.72rem;font-weight:800;color:var(--muted)}
.ez-card:hover:not(:disabled){border-color:var(--teal);background:var(--teal-soft)}
.ez-card.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px var(--teal-soft)}
.ez-card:disabled{opacity:.55;cursor:not-allowed;background:#f6f8f8}
.ez-composer{padding:0 20px 20px;display:grid;gap:14px}
.ez-composer[hidden],.ez-intake[hidden],.ez-path-fork[hidden]{display:none!important}
.ez-composer-grid{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:12px;align-items:start}
.ez-caption-fieldset,.ez-platform-fieldset{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;margin:0;display:grid;gap:8px}
.ez-caption-hint{margin:4px 0 0;font-size:.72rem;font-weight:600;color:var(--muted);line-height:1.35}
.item4-asset-card.with-caption{overflow:visible}
.item4-asset-caption-field{display:grid;gap:4px;padding:0 10px 10px;font-size:11px;font-weight:800;color:var(--muted);position:relative;z-index:2}
.item4-asset-caption-field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:inherit;font-size:12px;font-weight:500;color:var(--ink);background:#fff;cursor:text;pointer-events:auto;resize:vertical;min-height:52px}
.item4-asset-caption-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);outline:none}
.item4-asset-caption-field textarea[readonly]{background:#f4f6f6;cursor:not-allowed;color:#5c7470}
.item4-asset-caption-field em{font-style:normal;font-weight:600;font-size:10px}
.ez-caption-fieldset label,.ez-platform-fieldset label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700}
.ez-per-photo-captions{grid-column:1/-1;display:grid;gap:10px}
.ez-per-photo-captions .form-field{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}
.ez-advanced{border:1px solid var(--line);border-radius:15px;background:#fbfdfd;padding:12px 16px}
.ez-advanced>summary{cursor:pointer;font-weight:800;color:var(--teal-dark);list-style:revert}
.ez-advanced-note{font-size:.78rem;color:var(--muted);margin:8px 0 14px;line-height:1.4}
.ez-advanced[open]{display:grid;gap:18px}
#ezContinue{justify-self:start}
@media(max-width:980px){
  .ez-card-grid,.ez-composer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .ez-card-grid,.ez-composer-grid,.ez-audio-toggles{grid-template-columns:1fr}
}
#outputsList .data-table tbody tr.pipeline-open-row{cursor:pointer}
#outputsList .data-table tbody tr.pipeline-open-row:hover{background:#f3fbfa}
#outputsList .data-table tbody tr.pipeline-open-row:focus{outline:2px solid var(--teal);outline-offset:-2px}
#outputsList .data-table tbody tr.pipeline-open-row .pipeline-schedule-cell,
#outputsList .data-table tbody tr.pipeline-open-row .pipeline-schedule-cell input{cursor:auto}
#outputsList .pipeline-schedule-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;max-width:220px;white-space:normal;line-height:1.35}
#outputsList .data-table tbody tr.pipeline-open-row .pipeline-tiktok-complete,
#outputsList .data-table tbody tr.pipeline-open-row .pipeline-tiktok-complete input{cursor:auto}
#outputsList .pipeline-tiktok-complete{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:8px;max-width:240px;white-space:normal;line-height:1.35}
#outputsList .pipeline-tiktok-complete label{display:grid;gap:4px;font-size:.72rem;font-weight:700;color:var(--muted)}
#outputsList .pipeline-tiktok-complete input[type=url]{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:inherit;font-size:.78rem;font-weight:500;color:var(--ink);background:#fff}
#outputsList .pipeline-tiktok-save{align-self:flex-start;padding:6px 10px;font-size:.78rem}
#outputsList .pipeline-tiktok-complete-msg{font-size:.72rem;min-height:1em}
.tiktok-complete-card{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:10px}
.tiktok-complete-card[hidden],.tiktok-complete-form[hidden]{display:none!important}
.tiktok-complete-form{display:grid;gap:10px}
.creative-editor-shell.watch-only .tiktok-complete-card{pointer-events:auto;opacity:1}
#outputsList .pipeline-schedule-suggest{font-size:.72rem;color:var(--muted);max-width:220px}
#creativeScheduleSuggest{margin:.35rem 0 0;max-width:36rem;line-height:1.4}
#creativeUseSuggestedTime{margin-top:.25rem}
#outputsList .data-table thead th{white-space:nowrap;padding:4px 6px}
#outputsList .pipeline-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:6px 4px;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-radius:8px}
#outputsList .pipeline-sort:hover,#outputsList .pipeline-sort:focus-visible{background:var(--teal-soft);color:var(--teal-dark);outline:0}
#outputsList .pipeline-sort.is-active{color:var(--teal-dark)}
#outputsList .pipeline-sort span{font-size:.72rem;opacity:.65;font-weight:800}
.idea-table .table-sort,.content-table .table-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:6px 4px;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-radius:8px}
.idea-table .table-sort:hover,.idea-table .table-sort:focus-visible,.content-table .table-sort:hover,.content-table .table-sort:focus-visible{background:var(--teal-soft);color:var(--teal-dark);outline:0}
.idea-table .table-sort.is-active,.content-table .table-sort.is-active{color:var(--teal-dark)}
.idea-table .table-sort span,.content-table .table-sort span{font-size:.72rem;opacity:.65;font-weight:800}
.idea-table thead th,.content-table thead th{white-space:nowrap;padding:4px 6px}
#recentOutputs .pipeline-sort{border:0;background:transparent;color:inherit;font:inherit;font-weight:800;padding:6px 4px;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-radius:8px}
#recentOutputs .pipeline-sort:hover,#recentOutputs .pipeline-sort:focus-visible{background:var(--teal-soft);color:var(--teal-dark);outline:0}
#recentOutputs .pipeline-sort.is-active{color:var(--teal-dark)}
#recentOutputs .pipeline-sort span{font-size:.72rem;opacity:.65;font-weight:800}
#recentOutputs thead th{white-space:nowrap;padding:4px 6px}
#outputsList .pipeline-group-row td{background:#f4f8f8;color:var(--teal-dark);font-weight:800;padding:6px 8px;border-top:1px solid var(--line);letter-spacing:.01em}
#outputsList .pipeline-group-toggle{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:left;padding:4px;margin:0;cursor:pointer;border-radius:8px}
#outputsList .pipeline-group-toggle:hover,#outputsList .pipeline-group-toggle:focus-visible{background:var(--teal-soft);outline:0}
#outputsList .pipeline-group-chevron{display:inline-flex;width:1em;flex:0 0 auto;opacity:.7}
#outputsList .pipeline-group-title{font-size:.82rem}
#outputsList .pipeline-output-group.is-collapsed tr:not(.pipeline-group-row){display:none}
@media(max-width:760px){
  #outputsList .data-table thead{display:block;border-bottom:1px solid var(--line)}
  #outputsList .data-table thead tr{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px}
  #outputsList .data-table thead th{width:auto;border:0;padding:0}
  #outputsList .pipeline-group-row{background:#f4f8f8;padding:10px 12px 6px}
}
.creative-editor-shell.watch-only .creative-global-card,
.creative-editor-shell.watch-only .creative-ratio-card,
.creative-editor-shell.watch-only .creative-slides-section{pointer-events:none;opacity:.78}
.creative-editor-shell.watch-only .creative-audio-card,
.creative-editor-shell.watch-only .creative-review-section,
.creative-editor-shell.watch-only .creative-change-progress,
.creative-editor-shell.watch-only .creative-editor-actions{pointer-events:auto;opacity:1}
.creative-editor-shell.watch-only #creativeUnlockTitles,
.creative-editor-shell.watch-only #saveCreativeEditor{pointer-events:none;opacity:.78}
.creative-editor-shell.watch-only #reloadCreativeEditor,
.creative-editor-shell.watch-only #creativeRequestChanges,
.creative-editor-shell.watch-only #creativeApprovePreview{pointer-events:auto;opacity:1}
.creative-editor-shell.watch-only .creative-preview-card,
.creative-editor-shell.watch-only .creative-jump-nav,
.creative-editor-shell.watch-only .creative-heading-actions{pointer-events:auto;opacity:1}
.creative-editor-shell.watch-only #closeCreativeEditor{pointer-events:auto}

.creative-story-facts{display:none;margin:0;gap:10px}
.creative-story-facts>div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.creative-story-facts dt{margin:0;font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.creative-story-facts dd{margin:0;font-size:.88rem;font-weight:700;color:var(--ink)}
.creative-editor-shell.simple-video-review .creative-form-grid{display:none}
.creative-editor-shell.simple-video-review .creative-story-facts{display:grid}
.creative-editor-shell.simple-video-review .creative-global-card{pointer-events:auto;opacity:1}
.creative-editor-shell.simple-video-review .creative-ratio-card,
.creative-editor-shell.story-teaser-mode .creative-slides-section{display:none}
.creative-editor-shell.simple-video-review [data-simple-nav="hide"]{display:none}
.creative-editor-shell.story-teaser-mode [data-simple-nav="story-hide"]{display:none}
.creative-editor-shell.no-voiceover-review .audio-control:has(#creativeVoiceoverVolumeRange),
.creative-editor-shell.no-voiceover-review .audio-control:has(#creativeMusicDuckedRange),
.creative-editor-shell.no-voiceover-review .toggle-control:has(#creativeDuckingEnabled),
.creative-editor-shell.native-still-review #creativeAudioSection,
.creative-editor-shell.native-still-review [data-creative-jump="creativeAudioSection"],
.creative-editor-shell.finished-video-review #creativeAudioSection,
.creative-editor-shell.finished-video-review [data-creative-jump="creativeAudioSection"],
.creative-editor-shell.finished-video-review .creative-slides-section,
.creative-editor-shell.finished-video-review [data-creative-jump="creativeSlidesSection"]{display:none}

.render-preview-busy{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 22px;background:rgba(8,22,26,.82);color:#fff;text-align:center;pointer-events:auto}
.render-preview-busy[hidden]{display:none!important}
.render-preview-busy-spinner{width:58px;height:58px;border:5px solid rgba(255,255,255,.22);border-top-color:#7fd3c7;border-radius:50%;animation:creative-spin .85s linear infinite}
.render-preview-busy-copy{display:grid;gap:8px;max-width:320px}
.render-preview-busy-copy strong{font-size:1.28rem;line-height:1.2;font-weight:800;letter-spacing:.01em}
.render-preview-busy-copy span{font-size:.95rem;line-height:1.4;color:#d7ece8}
.render-preview-frame.is-rendering{outline:3px solid #3aa7b8;outline-offset:2px}
.creative-preview-card.is-rendering .creative-preview-freshness.active{font-size:.82rem;padding:8px 12px;animation:creative-badge-pulse 1.4s ease-in-out infinite}
.creative-change-progress[data-status="active"]{padding:22px 20px;border-width:2px;border-color:#3aa7b8;background:#eef8f8;box-shadow:0 0 0 5px rgba(58,167,184,.16);animation:creative-progress-pulse 1.8s ease-in-out infinite}
.creative-change-progress[data-status="active"] .creative-change-progress-title{font-size:1.18rem}
.creative-change-progress[data-status="active"] .creative-change-progress-state{font-size:.86rem;padding:8px 14px;animation:creative-badge-pulse 1.4s ease-in-out infinite}
.creative-change-progress[data-status="active"] .creative-change-progress-detail{font-size:.92rem;font-weight:650}
@keyframes creative-spin{to{transform:rotate(360deg)}}
@keyframes creative-badge-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.86}}
@keyframes creative-progress-pulse{0%,100%{box-shadow:0 0 0 5px rgba(58,167,184,.12)}50%{box-shadow:0 0 0 10px rgba(58,167,184,.22)}}
@media (prefers-reduced-motion:reduce){
  .render-preview-busy-spinner,.creative-change-progress[data-status="active"],.creative-change-progress[data-status="active"] .creative-change-progress-state,.creative-preview-card.is-rendering .creative-preview-freshness.active{animation:none}
}
.form-message.warning-text{color:var(--amber);background:var(--amber-soft);border:1px solid #ead8a0;border-radius:10px;padding:10px 12px}

/* STUDIO_MANUAL_IDEA_GENERATOR_UI_V1 — compact Ideas-page generator */
.idea-generate-panel{margin-bottom:18px}
.idea-generate-form{padding:16px 20px;display:flex;align-items:end;gap:14px;flex-wrap:wrap}
.idea-generate-fields{display:flex;gap:12px;align-items:end;flex:1;min-width:260px}
.idea-generate-fields .form-field{min-width:150px;flex:1}
.idea-generate-fields select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:10px 11px;font:inherit;outline:none}
.idea-generate-fields select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.idea-generate-actions,.idea-generate-complete{display:flex;gap:8px;align-items:center}
.idea-generate-form>.form-message{flex-basis:100%;min-height:18px}
.idea-generate-complete{flex-basis:100%}
.idea-generate-complete[hidden]{display:none}
.idea-generate-panel[hidden]{display:none}
@media(max-width:760px){.idea-generate-form{align-items:stretch}.idea-generate-fields{display:grid;grid-template-columns:1fr 1fr;width:100%}.idea-generate-actions{width:100%}.idea-generate-actions button{flex:1}}
/* STUDIO_MANUAL_IDEA_GENERATOR_UI_V1_END */

/* Companion Story / native still preview in the Review player */
#creativeRenderPreviewStill{
  display:block;
  width:100%;
  max-height:70vh;
  object-fit:contain;
  background:#0b1c1e;
  border-radius:12px;
}
#creativeRenderPreviewStill[hidden]{display:none!important}

.metric-button{appearance:none;display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.metric-button:hover{border-color:var(--teal);background:var(--teal-soft)}
.metric-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.metric-button.is-selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px var(--teal-soft)}
.pipeline-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#f9fbfb;font-size:.82rem;font-weight:700;color:var(--muted)}
.pipeline-filter-bar[hidden]{display:none!important}
.pipeline-filter-bar .secondary-button{padding:7px 10px;font-size:.78rem}
.ops-profile-list{display:grid;gap:12px;padding:16px 20px}
.ops-profile-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfdfd}
.ops-profile-card strong{display:block}
.ops-profile-card .subtle{margin-top:3px}
.ops-profile-card label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;white-space:nowrap}
.ops-profile-card input[type="number"]{width:72px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}
.ops-inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.ops-inline-form input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;min-width:180px}
.ops-kit{max-width:720px;white-space:pre-wrap;background:#f9fafb;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:6px 0;font-size:.8rem}
.ops-nav-badge{display:inline-flex;min-width:1.25rem;height:1.25rem;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--amber);color:#5a4300;font-size:.72rem;font-weight:800;align-items:center;justify-content:center;vertical-align:middle}
.ops-intake-notice{margin:0 20px 12px;padding:10px 12px;border-radius:10px;font-size:.86rem;font-weight:700}
.ops-desk-counts{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px}
.ops-desk-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;background:#fbfdfd}
.ops-desk-chip[data-tone="alert"]{border-color:#e3b6b6;background:#fdf6f6;color:#7a2e2e}
.ops-desk-chip[data-tone="ok"]{border-color:#b7d8d3;color:var(--teal-dark)}
.ops-quality-catalog{padding:0 20px 18px;display:grid;gap:16px}
.ops-quality-catalog .ops-log-heading{margin:4px 0 0;padding:0}
.ops-quality-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ops-quality-checks li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fbfdfd}
.ops-quality-checks li[data-tone="fail"]{border-color:#ead0d0;background:#fff8f8}
.ops-quality-checks li[data-tone="ok"]{border-color:#b7d8d3;background:#f4fbf9}
.ops-quality-checks strong{display:block;font-size:.86rem;line-height:1.35;font-weight:700}
.ops-quality-checks span{display:block;margin-top:4px;font-size:.76rem;color:var(--muted);text-transform:capitalize}
.ops-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#f6f8f8;width:fit-content;max-width:100%}
.ops-subnav-link{border:0;background:transparent;padding:8px 14px;border-radius:10px;font:inherit;font-weight:700;font-size:.86rem;color:var(--muted);cursor:pointer}
.ops-subnav-link:hover{color:var(--ink);background:#fff}
.ops-subnav-link.active{background:#fff;color:var(--teal-dark);box-shadow:0 1px 0 rgba(15,92,87,.12)}
.ops-tabbed-panel{padding:0}
.ops-card-tabs{display:flex;flex-wrap:wrap;gap:0 2px;margin:0;padding:6px 12px 0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.5)}
.ops-card-tab{border:0;background:transparent;padding:9px 10px 10px;margin-bottom:-1px;font:inherit;font-size:.76rem;font-weight:650;line-height:1.2;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
.ops-card-tab:hover{color:var(--ink)}
.ops-card-tab.active,.ops-card-tab[aria-selected="true"]{color:var(--teal-dark);font-weight:800;border-bottom-color:var(--teal-dark)}
.ops-card-tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}
.ops-tab-panel[hidden]{display:none!important}
.ops-tab-panel>.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ops-tab-panel>.subtle,.ops-tab-panel>.form-field{padding:12px 20px 16px;margin:0}
.ops-agent-copy{padding:0 20px 16px;max-width:46rem;line-height:1.5}
.ops-agent-copy ul{margin:8px 0 12px;padding-left:1.2rem}
.ops-agent-copy code{font-size:.86em}
.ops-agent-copy a,.ops-heading-copy a{color:var(--teal-dark);font-weight:750;text-underline-offset:2px}
.ops-agent-copy a:hover,.ops-heading-copy a:hover{text-decoration-thickness:2px}
.ops-log-heading{margin:0;padding:4px 20px 8px;font-size:.92rem}
.ops-agent-log{list-style:none;margin:0;padding:0 20px 18px;display:grid;gap:10px}
.ops-agent-log li{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfdfd}
.ops-agent-log li.ops-log-item{padding:0;overflow:hidden}
.ops-agent-log li[data-tone="fail"]{border-color:#ead0d0;background:#fff8f8}
.ops-agent-log li[data-tone="ok"]{border-color:#b7d8d3;background:#f4fbf9}
.ops-log-toggle{display:block;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:12px 14px;cursor:pointer}
.ops-log-toggle:hover,.ops-log-item.is-open .ops-log-toggle{background:#f3f8f7}
.ops-log-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.ops-agent-log strong{display:block;font-size:.82rem;text-transform:capitalize}
.ops-agent-log span{font-size:.8rem;color:var(--muted)}
.ops-agent-log p{margin:6px 0 0;font-size:.86rem;line-height:1.45}
.ops-agent-log a{color:var(--teal-dark);font-weight:650}
.ops-agent-log em{display:block;margin-top:6px;font-size:.74rem;color:var(--muted);font-style:normal}
.ops-log-hint{display:block;margin-top:8px;font-size:.72rem;color:var(--teal-dark);font-weight:750}
.ops-log-detail{padding:0 14px 14px;border-top:1px solid var(--line)}
.ops-log-detail[hidden]{display:none!important}
.ops-log-detail dl{margin:10px 0 0;display:grid;gap:8px}
.ops-log-detail dt{font-size:.72rem;font-weight:800;color:var(--muted)}
.ops-log-detail dd{margin:2px 0 0;font-size:.86rem;white-space:pre-wrap;word-break:break-word}
.ops-log-detail-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.ops-log-parts{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.ops-log-part{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.ops-log-part[data-tone="ok"]{border-color:#b7d8d3;background:#f4fbf9}
.ops-log-part[data-tone="fail"]{border-color:#ead0d0;background:#fff8f8}
.ops-log-part[data-tone="skip"]{border-color:#ead8a0;background:#fffbeb}
.ops-log-part strong{text-transform:none;font-size:.8rem}
.ops-log-part span{font-size:.78rem;font-weight:750;text-transform:capitalize;color:inherit}
.ops-intake-notice[data-tone="action"]{color:#5a4300;background:var(--amber-soft);border:1px solid #ead8a0}
.ops-intake-notice[data-tone="ok"]{color:var(--teal-dark);background:var(--teal-soft);border:1px solid #b7d8d3}
.ops-compression-status{margin:16px 20px 0;padding:18px 20px;border-radius:14px;border:1px solid var(--line);display:grid;gap:6px}
.ops-compression-status[hidden]{display:none}
.ops-compression-status[data-tone="compressing"]{background:var(--blue-soft);border-color:#b7c9ef;color:var(--blue)}
.ops-compression-status[data-tone="waiting"]{background:var(--amber-soft);border-color:#ead8a0;color:#5a4300}
.ops-compression-status[data-tone="failed"]{background:var(--red-soft);border-color:#f1b5af;color:var(--red)}
.ops-compression-status[data-tone="ok"]{background:var(--teal-soft);border-color:#b7d8d3;color:var(--teal-dark)}
.ops-compression-kicker{margin:0;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ops-compression-headline{margin:0;font-size:1.55rem;line-height:1.2;font-weight:850;color:inherit}
.ops-compression-detail{margin:0;font-size:.88rem;font-weight:650;opacity:.88}
@keyframes ops-compress-pulse{0%,100%{box-shadow:0 0 0 0 rgba(23,92,211,.18)}50%{box-shadow:0 0 0 8px rgba(23,92,211,0)}}
.ops-compression-status[data-tone="compressing"]{animation:ops-compress-pulse 1.8s ease-in-out infinite}
.ops-intake-progress{margin:0 20px 16px;display:grid;gap:10px}
.ops-progress-track{height:10px;border-radius:999px;background:#e7eeee;overflow:hidden}
.ops-progress-fill{height:100%;width:0;background:var(--teal);transition:width .35s ease}
.ops-intake-progress p{margin:0;font-size:.86rem;font-weight:700}
.ops-intake-stages{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ops-intake-stages li{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd}
.ops-intake-stages li[data-state="empty"],
.ops-intake-stages li[data-state="success"],
.ops-intake-stages li[data-state="processed"]{border-color:#b7d8d3}
.ops-intake-stages li[data-state="error"]{border-color:#e3b6b6;background:#fdf6f6}
.ops-intake-meta{padding:0 20px 16px}
.ops-repair-actions{padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:10px}

.topbar-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.topbar-help{
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:.82rem;
  font-weight:750;
  cursor:pointer;
  padding:8px 14px;
  border-radius:999px;
  white-space:nowrap;
}
.topbar-help:hover,
.topbar-help[aria-current="page"]{
  background:rgba(255,255,255,.12);
}
.topbar-help:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}
.topbar-profile{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.78rem;
  font-weight:750;
  color:#d7e4f7;
  white-space:nowrap
}
.topbar-profile[hidden]{display:none!important}
.topbar-profile select,
.ez-profile-picker select{
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.28);
  color:#fff;
  border-radius:10px;
  padding:8px 10px;
  font:inherit;
  min-width:190px
}
.ez-profile-picker{
  display:grid;
  gap:8px;
  margin-top:22px;
  max-width:360px;
  font-size:.82rem;
  font-weight:750;
  color:#eef4ff
}
.ez-profile-picker span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;opacity:.88}

html[data-studio-theme="la"]{
  --bg:#faf3f2;
  --teal:#c62828;
  --teal-dark:#8e1515;
  --teal-soft:#fdecea;
  --topbar-bg:#7a1018;
  --home-canvas:#4a0a10;
  --home-hero:url("/assets/home/la-rodeo-drive.jpg");
  --home-idea:url("/assets/home/la-disney-concert-hall.jpg");
  --home-content:url("/assets/home/la-santa-monica-pier.jpg");
  --home-hero-position:center 48%;
  --home-hero-overlay:linear-gradient(180deg,rgba(122,16,24,.28) 0%,rgba(74,10,16,.2) 42%,rgba(48,6,10,.62) 100%);
  --home-hero-fade:linear-gradient(180deg,transparent,rgba(48,6,10,.32));
  --home-choice-bg:#3a0c12;
  --home-choice-step:#8e1515;
  --home-choice-step-alt:#c62828;
  --home-choice-overlay:linear-gradient(180deg,rgba(198,40,40,.22),rgba(48,6,10,.58));
  --home-choice-overlay-alt:linear-gradient(180deg,rgba(142,21,21,.22),rgba(48,6,10,.58));
  --home-choice-body:linear-gradient(180deg,rgba(58,12,18,.32),rgba(48,6,10,.82))
}
html[data-studio-theme="nyc"]{
  --bg:#f5f2fa;
  --teal:#6d28d9;
  --teal-dark:#4c1d95;
  --teal-soft:#f3e8ff;
  --topbar-bg:#2e1065;
  --home-canvas:#1e0b3b;
  --home-hero:url("/assets/home/nyc-downtown-skyline.jpg");
  --home-idea:url("/assets/home/nyc-statue-of-liberty.jpg");
  --home-content:url("/assets/home/nyc-times-square.jpg");
  --home-hero-position:center 62%;
  --home-hero-overlay:linear-gradient(180deg,rgba(46,16,101,.22) 0%,rgba(76,29,149,.14) 42%,rgba(30,11,59,.52) 100%);
  --home-hero-fade:linear-gradient(180deg,transparent,rgba(30,11,59,.34));
  --home-choice-bg:#241046;
  --home-choice-step:#4c1d95;
  --home-choice-step-alt:#6d28d9;
  --home-choice-overlay:linear-gradient(180deg,rgba(109,40,217,.22),rgba(30,11,59,.58));
  --home-choice-overlay-alt:linear-gradient(180deg,rgba(76,29,149,.22),rgba(30,11,59,.58));
  --home-choice-body:linear-gradient(180deg,rgba(36,16,70,.32),rgba(30,11,59,.82))
}

.support-shot{margin:14px 0 8px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0b1220}
.support-shot img{width:100%;height:auto;display:block;vertical-align:middle}
.support-shot figcaption{padding:8px 12px;font-size:.78rem;line-height:1.4;color:var(--muted);background:#f7fafa}
.support-layout{display:block}
.support-docs{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden}
.support-toc{display:flex;flex-wrap:wrap;gap:0 2px;position:static;background:rgba(255,255,255,.5);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 12px 0}
.support-toc-link{border:0;background:transparent;text-align:left;padding:9px 10px 10px;margin-bottom:-1px;border-radius:0;font:inherit;font-size:.76rem;font-weight:650;line-height:1.2;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}
.support-toc-link:hover{color:var(--ink)}
.support-toc-link.active,.support-toc-link[aria-selected="true"]{background:transparent;color:var(--teal-dark);font-weight:800;border-bottom-color:var(--teal-dark)}
.support-toc-link:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}
.support-docs-body{padding:22px 24px}
.support-article[hidden]{display:none!important}
.support-article h2{margin:0 0 10px;font-size:1.35rem}
.support-article h3{margin:20px 0 8px;font-size:1.02rem}
.support-article h3:first-of-type{margin-top:14px}
.support-article p,.support-article li{line-height:1.55;font-size:.92rem}
.support-article ul,.support-article ol{padding-left:1.2rem}
.support-steps{display:grid;gap:16px;padding-left:1.2rem}
.support-steps li{display:grid;gap:6px}
.support-steps .text-button,.support-article .primary-button{justify-self:start;width:fit-content;margin-top:4px}
@media(max-width:860px){.support-layout{grid-template-columns:1fr}.support-docs-body{padding:16px}}

.similar-heatmap{padding:0 20px 18px}
.similar-heatmap-head{display:grid;gap:10px;margin:0 0 12px}
.similar-heatmap-lead{margin:0;font-size:.82rem;line-height:1.45;color:var(--muted)}
.similar-heatmap-lead strong{color:var(--ink);font-weight:750}
.similar-heatmap-legend{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:.74rem;font-weight:700;color:var(--muted)}
.similar-heatmap-legend span{display:inline-flex;align-items:center;gap:6px}
.similar-legend-swatch,.similar-legend-yours{width:14px;height:14px;border-radius:4px;display:inline-block;box-sizing:border-box}
.similar-legend-swatch[data-heat="1"]{background:#dceaf7;border:1px solid #c5d6ea}
.similar-legend-swatch[data-heat="4"]{background:#0d3674}
.similar-legend-yours{background:var(--gold);box-shadow:0 0 0 2px #fff inset}
.similar-heatmap-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.similar-heatmap table{width:100%;border-collapse:separate;border-spacing:0;font-size:.72rem;min-width:720px}
.similar-heatmap th,.similar-heatmap td{padding:0;text-align:center;white-space:nowrap}
.similar-heatmap thead th{padding:9px 6px;font-size:.68rem;font-weight:800;letter-spacing:.02em;color:var(--muted);background:#f6f8fb;border-bottom:1px solid var(--line)}
.similar-heatmap tbody th{padding:10px 10px;text-align:left;font-weight:800;color:var(--ink);background:#fbfcfe;border-bottom:1px solid #edf1f6;position:sticky;left:0;z-index:1}
.similar-heatmap td{border-bottom:1px solid #edf1f6;border-left:1px solid #edf1f6}
.similar-heatmap tr:last-child th,.similar-heatmap tr:last-child td{border-bottom:0}
.similar-heat-cell{position:relative;min-width:58px;height:42px;background:#f8fafc}
.similar-heat-count{display:block;line-height:42px;font-weight:750;color:#8a97a8}
.similar-heatmap td[data-heat="1"]{background:#e7eef8}
.similar-heatmap td[data-heat="1"] .similar-heat-count{color:#3d5673}
.similar-heatmap td[data-heat="2"]{background:#c5d6ea}
.similar-heatmap td[data-heat="2"] .similar-heat-count{color:#1d3b5c}
.similar-heatmap td[data-heat="3"]{background:#1a4d8c;color:#fff}
.similar-heatmap td[data-heat="3"] .similar-heat-count{color:#fff}
.similar-heatmap td[data-heat="4"]{background:#0d3674}
.similar-heatmap td[data-heat="4"] .similar-heat-count{color:#fff}
.similar-heat-cell.has-yours{box-shadow:inset 0 0 0 2px var(--gold)}
.similar-heat-yours{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--gold);color:#3d2d08;font-size:.62rem;font-weight:850;line-height:16px}
.similar-heatmap-empty{padding:0 20px 12px;font-size:.86rem}
.insights-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:0 20px 14px}
.insights-overview-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fbfdfd}
.insights-overview-card strong{display:block;font-size:1.05rem;line-height:1.2}
.insights-overview-card span{display:block;margin-top:3px;font-size:.74rem;color:var(--muted)}
.ops-insights-definitions{margin:0 20px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.55)}
.ops-insights-definitions summary{cursor:pointer;padding:10px 12px;font-size:.78rem;font-weight:800;color:#37516c}
.ops-insights-definitions dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 18px;margin:0;padding:0 12px 12px}
.ops-insights-definitions dl div{min-width:0}
.ops-insights-definitions dt{font-size:.76rem;font-weight:800;color:#263d55}
.ops-insights-definitions dd{margin:2px 0 0;font-size:.74rem;line-height:1.4;color:var(--muted)}
.ops-analytics-panel{padding:0;overflow:hidden}
.ops-collapse{border:0;margin:0}
.ops-collapse > summary.ops-collapse-summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid transparent;
}
.ops-collapse > summary.ops-collapse-summary::-webkit-details-marker{display:none}
.ops-collapse > summary.ops-collapse-summary::after{
  content:"Show";
  flex:0 0 auto;
  margin-top:4px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:6px 12px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--teal-dark);
  background:#fff;
}
.ops-collapse[open] > summary.ops-collapse-summary{
  border-bottom-color:var(--line);
}
.ops-collapse[open] > summary.ops-collapse-summary::after{content:"Hide"}
.ops-collapse-summary h2,
.ops-collapse-summary h3{margin:0 0 4px;font-size:1.05rem}
.ops-collapse-summary p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45;max-width:62ch}
.ops-analytics-body{padding:0 0 8px}
.ops-analytics-toolbar{padding:12px 20px 4px}
.ops-collapse-nested{
  margin:8px 16px 16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fbfdfd;
}
.ops-collapse-nested > summary.ops-collapse-summary{padding:14px 16px}
.ops-collapse-nested .ops-inline-form{padding:0 16px 12px}
.ops-collapse-nested .ops-profile-list{padding:0 16px 16px}
.ops-collapse-nested #operationsWatchlistEmpty{padding:0 16px 12px}

/* =========================================================
   Quiet studio chrome — Everlane / Bellroy / Away
   Uncluttered header, open space, short path, footer extras.
   ========================================================= */
.brand-subtitle{display:none!important}
.nav-item-footer-only,
.sidebar .nav-divider,
.sidebar .nav-note{display:none!important}
.studio-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 32px 28px;
  border-top:3px solid #d8aa45;
  background:#012559;
  color:rgba(255,255,255,.78);
}
.studio-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
}
.studio-footer-links button{
  border:0;
  background:transparent;
  padding:0;
  font:inherit;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  cursor:pointer;
}
.studio-footer-links button:hover{color:var(--gold,#d8aa45)}
.studio-footer-meta{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:.75rem;
  letter-spacing:.04em;
  color:rgba(255,255,255,.72);
}
.studio-footer .topbar-status{
  background:transparent;
  color:rgba(255,255,255,.72);
  padding:0;
  max-width:none;
  border-radius:0;
}

body:has(#page-content.active){
  --prod-navy:var(--topbar-bg,#012559);
  --prod-gold:var(--gold,#d8aa45);
  background:#f6f4ee;
}
body:has(#page-content.active) .topbar{
  background:var(--prod-navy);
  color:#fff;
  border-bottom:3px solid var(--prod-gold);
  box-shadow:none;
}
body:has(#page-content.active) .brand-name{color:#fff}
body:has(#page-content.active) .sidebar{
  background:#f6f4ee;
  border-right:1px solid #e4e0d6;
}
body:has(#page-content.active) .nav-item{
  color:#5c6573;
  border-radius:0;
  padding:10px 4px;
}
body:has(#page-content.active) .nav-item:hover{
  background:transparent;
  color:var(--prod-navy);
  font-weight:600;
}
body:has(#page-content.active) .nav-item.active{
  background:transparent;
  color:var(--prod-navy);
  font-weight:700;
  box-shadow:inset 2px 0 0 var(--prod-gold);
}
body:has(#page-content.active) .main{
  background:
    radial-gradient(820px 460px at 10% 6%, rgba(216,170,69,.32), transparent 52%),
    radial-gradient(760px 500px at 94% 16%, rgba(1,37,89,.18), transparent 50%),
    linear-gradient(180deg,#efe6d4 0%,#f6f4ee 46%,#e7eef5 100%);
  padding:48px 56px 72px;
}
body:has(#page-content.active) .studio-footer{
  background:#012559;
  border-top:3px solid #d8aa45;
  color:rgba(255,255,255,.78);
}
body:has(#page-content.active) .studio-footer-links button,
body:has(#page-content.active) .studio-footer .topbar-status,
body:has(#page-content.active) .studio-footer-meta{
  color:rgba(255,255,255,.72);
}
body:has(#page-content.active) .studio-footer-links button:hover{
  color:var(--prod-gold);
}

#page-content.production-page{
  --prod-navy:var(--topbar-bg,#012559);
  --prod-gold:var(--gold,#d8aa45);
  --prod-ink:var(--prod-navy);
  --prod-muted:#5c6573;
  --prod-line:#e4e0d6;
  --prod-glass:rgba(255,255,255,.28);
  --prod-glass-strong:rgba(255,255,255,.4);
  --prod-glass-border:rgba(255,255,255,.82);
  --prod-glass-shadow:0 14px 34px rgba(1,37,89,.1), inset 0 1px 0 rgba(255,255,255,.9);
  --prod-glass-blur:blur(20px) saturate(170%);
  max-width:880px;
}
#page-content [hidden],
#page-content .item4-production-gate,
#page-content .item4-upload-progress:empty{
  display:none!important;
}
#page-content .production-page-heading{
  align-items:baseline;
  margin:0 0 56px;
  gap:24px;
}
#page-content .production-page-heading h1{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-style:normal;
  font-weight:500;
  font-size:1.65rem;
  letter-spacing:-.02em;
  margin:0;
  line-height:1.2;
  color:var(--prod-navy);
}
#page-content .production-page-heading p,
#page-content #productionRequestSubtitle,
#page-content #item4MediaKindHint,
#page-content #item4UploadHint,
#page-content #item4PlanHint,
#page-content #item4VariantHint,
#page-content .item4-plan-why,
#page-content .item4-plan-source,
#page-content .production-request-id,
#page-content .production-library-panel .panel-heading p,
#page-content #productionPromotionCompatibility:not(.success):not(.error-text){
  display:none!important;
}
#page-content .production-heading-actions{
  display:flex;
  align-items:baseline;
  gap:16px;
  margin-left:auto;
}
#page-content #productionLiveHint{
  font-size:.72rem;
  letter-spacing:.04em;
  text-transform:none;
}
#page-content .production-refresh{
  border:0;
  background:transparent;
  padding:0;
  color:var(--prod-navy);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#page-content .production-refresh:hover{color:var(--prod-gold)}

#page-content .production-studio-shell{
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  margin-bottom:72px;
}
#page-content .production-studio-hero{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:0 0 28px;
  border:0;
  border-radius:0;
  color:#111;
  background:transparent;
  box-shadow:none;
}
#page-content .production-studio-hero h2{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-style:normal;
  font-weight:500;
  font-size:clamp(2rem,4vw,2.75rem);
  color:var(--prod-navy);
  margin:0;
  line-height:1.15;
  letter-spacing:-.03em;
}
#page-content .production-studio-hero .badge{
  background:transparent;
  color:var(--prod-gold);
  border:0;
  padding:0;
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:700;
}

.production-step-rail{
  list-style:none;
  margin:0 0 48px;
  padding:0 0 16px;
  display:flex;
  gap:28px;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--prod-line,#e4e0d6);
  border-radius:0;
}
.production-step-rail-item{
  display:block;
  padding:0 0 12px;
  border-radius:0;
  color:#8a909a;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.production-step-rail-item[data-progress="current"]{
  color:var(--prod-navy,#012559);
  box-shadow:inset 0 -2px 0 var(--prod-gold,#d8aa45);
}
.production-step-rail-item[data-progress="complete"]{
  color:var(--prod-navy,#012559);
  box-shadow:inset 0 -2px 0 var(--prod-navy,#012559);
}

#page-content .production-studio-form{
  padding:0;
  gap:64px;
}
#page-content .production-step-card,
#page-content .item4-master-media-section,
#page-content .item4-output-plan-section,
#page-content .item4-variant-section{
  border:1px solid var(--prod-glass-border);
  background:var(--prod-glass);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  border-radius:22px;
  padding:28px 28px 32px;
  box-shadow:var(--prod-glass-shadow);
  display:grid;
  gap:20px;
  overflow:visible;
}
#page-content .production-step-card h3{
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin:0;
  color:var(--prod-navy);
}
#page-content .item4-heading-row{align-items:baseline}
#page-content .item4-state-pill{
  border:0;
  background:transparent;
  color:#9a968f;
  padding:0;
  font-size:.72rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:600;
}
#page-content .item4-state-pill[data-state="ready"]{color:#2f6b4f}
#page-content .item4-state-pill[data-state="attention"]{color:#9a3b32}
#page-content .item4-state-pill[data-state="busy"]{color:#111}
#page-content .item4-state-pill[data-state="busy"]::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border-radius:999px;background:#d8aa45;box-shadow:0 0 0 0 rgba(216,170,69,.7);animation:item4-busy-pulse 1.4s ease-out infinite}
@keyframes item4-busy-pulse{0%{box-shadow:0 0 0 0 rgba(216,170,69,.55)}70%{box-shadow:0 0 0 8px rgba(216,170,69,0)}100%{box-shadow:0 0 0 0 rgba(216,170,69,0)}}
#item4VariantProgress[data-heal="preparing"]{background:#fff8df;border-color:#ead89e;color:#5c4a12}
.item4-variant-image-wrap .item4-clip-poster-wrap{position:absolute;inset:0;height:auto}
.item4-variant-thumb.item4-variant-clip .item4-crop-hint{color:#5c4a12}

#page-content .item4-media-kind-grid{
  margin:0;
  padding:0;
  gap:16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#page-content .production-media-kind{
  border:1px solid var(--prod-glass-border);
  border-radius:18px;
  padding:22px 22px 20px;
  min-height:108px;
  background:var(--prod-glass-strong);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  box-shadow:var(--prod-glass-shadow);
}
#page-content .production-media-kind span{
  display:block;
  color:#6a6762;
  font-size:.8rem;
}
#page-content .production-media-kind strong{
  font-size:1.05rem;
  font-weight:550;
}
#page-content .production-media-kind:hover:not(:disabled){
  background:rgba(255,255,255,.74);
  border-color:rgba(255,255,255,.92);
  transform:none;
}
#page-content .production-media-kind.selected{
  border-color:rgba(216,170,69,.7);
  background:rgba(255,255,255,.78);
  box-shadow:var(--prod-glass-shadow), inset 0 0 0 1px rgba(216,170,69,.35);
}
#page-content .production-media-kind.selected strong{color:var(--prod-navy)}

#page-content .item4-upload-zone{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:280px;
  padding:56px 24px;
  border:1px solid var(--prod-glass-border);
  border-radius:20px;
  background:rgba(255,255,255,.36);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  box-shadow:var(--prod-glass-shadow);
  gap:12px;
}
#page-content .item4-upload-zone>div:nth-child(3){align-items:center}
#page-content .item4-upload-icon{
  width:auto;
  height:auto;
  border-radius:0;
  background:transparent;
  color:var(--prod-gold);
  box-shadow:none;
  font-size:1.6rem;
  font-weight:300;
}
#page-content .item4-upload-zone strong{
  font-size:1rem;
  font-weight:500;
  color:var(--prod-navy);
}
#page-content .item4-upload-zone:hover,
#page-content .item4-upload-zone.dragging{
  border-color:rgba(216,170,69,.55);
  background:rgba(255,255,255,.52);
  box-shadow:var(--prod-glass-shadow);
}
#page-content .item4-upload-zone .primary-button,
#page-content .item4-upload-zone .secondary-button,
#page-content .item4-library-picker .primary-button,
#page-content .item4-library-picker .secondary-button,
#page-content .item4-plan-actions .primary-button,
#page-content .item4-variant-actions .primary-button,
#page-content .production-studio-actions .primary-button,
#page-content .production-studio-actions .secondary-button,
#page-content .production-draft-card .manage-button{
  border-radius:999px;
  padding:12px 22px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.72rem;
  font-weight:650;
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 10px 22px rgba(1,37,89,.1), inset 0 1px 0 rgba(255,255,255,.28);
}
#page-content .item4-upload-zone .primary-button,
#page-content .item4-plan-actions .primary-button,
#page-content .item4-variant-actions .primary-button,
#page-content .production-studio-actions .primary-button{
  background:rgba(1,37,89,.58);
  border:1px solid rgba(255,255,255,.38);
  color:#fff;
}
#page-content .item4-upload-zone .primary-button:hover,
#page-content .item4-plan-actions .primary-button:hover,
#page-content .item4-variant-actions .primary-button:hover{
  background:rgba(1,37,89,.84);
  border-color:rgba(255,255,255,.4);
}
#page-content .item4-upload-zone .secondary-button,
#page-content .item4-library-picker .secondary-button{
  background:rgba(255,255,255,.5);
  border:1px solid rgba(1,37,89,.28);
  color:var(--prod-navy);
}
#page-content .item4-upload-zone .secondary-button:hover,
#page-content .item4-library-picker .secondary-button:hover{
  background:rgba(255,255,255,.78);
}
#page-content .production-studio-actions .primary-button{
  background:rgba(216,170,69,.48);
  border:1px solid rgba(255,255,255,.55);
  color:var(--prod-navy);
}
#page-content .production-studio-actions .primary-button:hover{
  background:rgba(216,170,69,.78);
  border-color:rgba(255,255,255,.6);
}
#page-content .item4-asset-strip{
  gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
}
#page-content .item4-asset-card,
#page-content .item4-variant-thumb{
  border:1px solid var(--prod-glass-border);
  border-radius:16px;
  box-shadow:var(--prod-glass-shadow);
  background:var(--prod-glass-strong);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  overflow:hidden;
}
#page-content .item4-thumb{aspect-ratio:4/5}
#page-content .empty.compact-empty:empty,
#page-content .empty.compact-empty:not(:empty){
  border:0;
  background:transparent;
  padding:0;
  min-height:0;
  color:#9a968f;
}

#page-content .item4-platform-toggles{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:8px 0 4px;
}
#page-content .item4-platform-toggles label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:0;
  min-height:56px;
  min-width:132px;
  padding:14px 22px;
  border:1px solid var(--prod-glass-border);
  border-radius:16px;
  background:var(--prod-glass-strong);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  font-size:.95rem;
  font-weight:550;
  box-shadow:var(--prod-glass-shadow);
}
#page-content .item4-platform-toggles input{position:absolute;opacity:0;pointer-events:none}
#page-content .item4-platform-toggles label:hover{
  transform:none;
  background:rgba(255,255,255,.76);
  border-color:rgba(255,255,255,.92);
}
#page-content .item4-platform-toggles label:has(input:checked){
  border-color:rgba(216,170,69,.7);
  color:var(--prod-navy);
  background:rgba(255,255,255,.8);
  box-shadow:var(--prod-glass-shadow), inset 0 0 0 1px rgba(216,170,69,.35);
}
#page-content .item4-plan-card{
  border:1px solid var(--prod-glass-border);
  border-radius:16px;
  padding:16px 18px;
  background:var(--prod-glass);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  box-shadow:var(--prod-glass-shadow);
}
#page-content .item4-production-gate{
  border:0;
  background:transparent;
  color:#6a6762;
  border-radius:0;
  padding:0;
  font-size:.85rem;
}

#page-content .production-advanced{
  border:0;
  background:transparent;
  border-radius:0;
  padding:8px 0 0;
}
#page-content .production-advanced>summary{
  color:#6a6762;
  font-weight:500;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#page-content .production-studio-actions{
  position:sticky;
  bottom:0;
  z-index:8;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding:16px 0 4px;
  margin:8px 0 0;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(246,244,238,0), rgba(246,244,238,.55) 28%, rgba(246,244,238,.72));
  box-shadow:none;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
#page-content .production-studio-actions .secondary-button{
  background:rgba(255,255,255,.3);
  border:1px solid rgba(255,255,255,.78);
  color:var(--prod-navy);
}

#page-content .production-library-panel{
  border:0;
  background:transparent;
  box-shadow:none;
  margin-bottom:48px;
  overflow:visible;
  border-radius:0;
}
#page-content .production-library-panel .panel-heading{
  padding:0 0 16px;
  border:0;
  overflow:visible;
}
#page-content .production-library-panel h2{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-style:normal;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1.4;
  text-transform:uppercase;
  color:var(--prod-navy);
  padding-inline-start:.12em;
  overflow:visible;
}
#page-content .production-draft-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:28px;
}
#page-content .production-draft-card{
  display:grid;
  gap:12px;
  align-content:start;
  padding:20px 20px 18px;
  border:1px solid var(--prod-glass-border);
  border-radius:18px;
  background:var(--prod-glass-strong);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  box-shadow:var(--prod-glass-shadow);
  min-height:0;
}
#page-content .production-draft-card h3{
  margin:0;
  font-size:1.15rem;
  font-weight:500;
  line-height:1.3;
}
#page-content .production-draft-card p,
#page-content .production-draft-meta .subtle{color:#6a6762;font-size:.8rem}
#page-content .production-empty{
  padding:28px 22px;
  background:var(--prod-glass);
  backdrop-filter:var(--prod-glass-blur);
  -webkit-backdrop-filter:var(--prod-glass-blur);
  border:1px solid var(--prod-glass-border);
  border-radius:18px;
  box-shadow:var(--prod-glass-shadow);
  color:#6a6762;
  text-align:left;
}
#page-content .production-library-panel .data-table{
  background:transparent;
  border-radius:0;
  box-shadow:none;
}
#page-content .production-library-panel .data-table th{
  background:transparent;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.68rem;
}

@media(max-width:760px){
  body:has(#page-content.active) .main{padding:28px 18px 48px}
  .studio-footer{flex-direction:column;align-items:flex-start;padding:20px 18px 28px}
  .production-step-rail{gap:16px}
  #page-content .item4-upload-zone{min-height:240px;padding:40px 16px}
  #page-content .production-step-card,
  #page-content .item4-master-media-section,
  #page-content .item4-output-plan-section,
  #page-content .item4-variant-section{padding:22px 18px 24px}
  #page-content .production-studio-actions{justify-content:stretch}
  #page-content .production-studio-actions button{flex:1}
}

@media (prefers-reduced-motion: reduce){
  #page-content .production-step-card,
  #page-content .item4-master-media-section,
  #page-content .item4-output-plan-section,
  #page-content .item4-variant-section,
  #page-content .production-media-kind,
  #page-content .item4-upload-zone,
  #page-content .item4-platform-toggles label,
  #page-content .item4-plan-card,
  #page-content .item4-asset-card,
  #page-content .item4-variant-thumb,
  #page-content .production-draft-card,
  #page-content .production-studio-actions,
  #page-content .item4-upload-zone .primary-button,
  #page-content .item4-plan-actions .primary-button,
  #page-content .item4-variant-actions .primary-button,
  #page-content .production-studio-actions .primary-button,
  #page-content .production-studio-actions .secondary-button,
  #page-content .production-draft-card .manage-button{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

/* =========================================================
   Studio hub — Hotelify-style cards, fewer screens
   Home + Dashboard share one page. Other screens use the
   same rounded-card shell. Navy/gold stay as accents.
   ========================================================= */
.nav-item-hub-only{display:none!important}
body{
  background:#e8eef6;
}
.topbar{
  background:#fff;
  color:var(--ink);
  border-bottom:1px solid #e4ebf3;
  box-shadow:0 8px 24px rgba(15,35,70,.04);
}
.brand-name{color:#012559}
.topbar-help{
  color:#012559;
  background:#f4f7fb;
}
.topbar-help:hover,
.topbar-help[aria-current="page"]{
  background:#e8eef7;
  color:var(--teal-dark);
}
.topbar-profile{
  background:#f4f7fb;
  border-radius:999px;
  padding:6px 12px;
  color:#5d6b7d;
}
.shell{
  grid-template-columns:232px minmax(0,1fr);
  gap:0;
  background:#e8eef6;
}
.sidebar{
  position:sticky;
  top:90px;
  align-self:start;
  height:fit-content;
  margin:18px 0 18px 18px;
  padding:18px 14px;
  border:0;
  border-radius:28px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 32px rgba(15,35,70,.06);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
@media(min-width:761px){
  .sidebar{min-height:calc(100vh - 126px)}
}
.nav-item{
  border-radius:999px;
  padding:12px 16px;
  font-weight:600;
  color:#5d6b7d;
}
.nav-item:hover{
  background:#eef3fa;
  color:#012559;
}
.nav-item.active{
  background:#dce7f6;
  color:#012559;
  font-weight:750;
}
.main{
  padding:28px 28px 48px;
  background:transparent;
}
.page-heading h1{
  font-size:1.85rem;
  letter-spacing:-.03em;
  color:#012559;
}
.panel{
  border:0;
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 32px rgba(15,35,70,.06);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.primary-button,
.secondary-button{
  border-radius:999px;
  padding-inline:18px;
  width:auto;
}
@media(min-width:761px){
  .heading-actions{flex-wrap:nowrap}
  .heading-actions .primary-button{
    flex:0 0 auto;
    padding:10px 22px;
    min-width:8.5rem;
    white-space:nowrap;
  }
}
.studio-footer{
  background:#012559;
  border-top:3px solid #d8aa45;
  color:rgba(255,255,255,.78);
}

.main:has(#page-home.active):has(#page-dashboard.active){
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:28px 28px 48px;
  background:transparent;
}
.main:has(#page-home.active):has(#page-dashboard.active) #page-dashboard.page.active{
  display:contents;
}
.main:has(#page-home.active):has(#page-dashboard.active) #page-home.page.active{
  order:2;
  min-height:0;
  margin:0;
}
.studio-hub-top{
  order:1;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:stretch;
}
.studio-hub-hello{
  flex:1 1 220px;
  max-width:280px;
}
.studio-hub-top .metrics{
  flex:2 1 280px;
  min-width:0;
}
.studio-hub-list{order:3}
.studio-hub-hello{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  min-height:100%;
  padding:22px 20px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 26px rgba(15,35,70,.06);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.studio-hub-hello h1{
  margin:0;
  font-size:1.7rem;
  letter-spacing:-.03em;
  color:#012559;
}
.studio-hub-hello p{
  margin:0;
  color:#64748b;
  font-size:.9rem;
  line-height:1.45;
}
.studio-hub-hello .secondary-button{
  align-self:flex-start;
  margin-top:4px;
}
.studio-hub-kicker{
  margin:0;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:750;
  color:#7b8798;
}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork{
  min-height:0;
  height:auto;
  place-items:stretch;
  padding:18px 20px 16px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(1,37,89,.16);
}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-inner{
  width:100%;
  max-width:none;
  grid-template-columns:minmax(200px,.7fr) minmax(320px,1.3fr);
  align-items:start;
  gap:16px;
}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy{
  grid-row:1 / span 2;
}
.main:has(#page-home.active):has(#page-dashboard.active) .az-drop{
  padding:14px 14px 12px;
  border-radius:20px;
  gap:10px;
}
.main:has(#page-home.active):has(#page-dashboard.active) .az-drop h2{font-size:1.02rem}
.main:has(#page-home.active):has(#page-dashboard.active) .az-drop > p{font-size:.82rem}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-brand{margin:0 0 4px}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-brand-city{font-size:clamp(1.15rem,2vw,1.55rem)}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-brand-shine{font-size:clamp(1.25rem,2.2vw,1.75rem)}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-hook{margin:0 0 8px;font-size:.68rem}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy h1{font-size:1.25rem;margin:0 0 6px}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy h1 + p{font-size:.86rem}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-wizard{
  border-radius:20px;
  padding:14px 14px 12px;
  gap:10px;
}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-wizard-prompt{font-size:.95rem}
.main:has(#page-home.active):has(#page-dashboard.active) .ez-wizard-log{max-height:12vh}

.studio-hub-heading{align-items:flex-end;margin-bottom:18px}
.metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0;
}
.metric,
.metric-button{
  border:0;
  border-radius:22px;
  padding:16px 14px;
  box-shadow:0 10px 26px rgba(15,35,70,.06);
  text-align:left;
  cursor:pointer;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.metric-button.is-selected{
  background:#012559;
  color:#fff;
}
.metric-button.is-selected .metric-label{color:rgba(255,255,255,.7)}
.metric-button.is-selected .metric-value{color:#fff}
.metric-label{font-weight:700;letter-spacing:.02em}
.metric-value{font-size:1.55rem}

#page-ideas .page-heading,
#page-outputs .page-heading,
#page-music .page-heading,
#page-library .page-heading,
#page-operations .page-heading,
#page-support .page-heading{
  margin-bottom:20px;
}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}
.library-card{background:#fff;border:1px solid #e4ebf3;border-radius:14px;padding:12px}
.library-card .library-meta{font-size:.78rem;color:var(--muted);margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px 10px}
.library-card .library-meta span[hidden]{display:none}
.library-grid .library-kind-text{display:none}
.library-kind.is-published{background:#087a65}
.library-kind.is-released{background:#5d6b7d}
.library-card .text-button.danger{color:var(--red)}
.library-card .text-button.danger:hover{color:#8a1c14}
#libraryDropBlock[hidden]{display:none}
.library-card h3{font-size:.95rem;margin:0 0 6px}
.library-card-media{position:relative;aspect-ratio:4/5;background:#eef3f2;border-radius:10px;overflow:hidden;margin-bottom:10px}
.library-card-media img,.library-card-media video{width:100%;height:100%;object-fit:cover;display:block}
.library-card-media .item4-clip-poster-wrap{position:absolute;inset:0}
.library-card-media .item4-clip-duration{z-index:3;pointer-events:none}
.library-card-media[data-library-preview]{cursor:pointer}
.library-card-media[data-library-preview="video"] .item4-clip-play{pointer-events:auto;z-index:4}
.library-preview-backdrop{position:fixed;inset:0;z-index:80;background:rgba(1,37,89,.72);display:flex;align-items:center;justify-content:center;padding:24px}
.library-preview-backdrop[hidden]{display:none}
.library-preview-dialog{width:min(920px,100%);background:#fff;border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(1,37,89,.28)}
.library-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.library-preview-head p{margin:0;font-weight:800}
.library-preview-dialog video,.library-preview-dialog img{width:100%;max-height:min(72vh,820px);border-radius:10px;background:#012559;object-fit:contain;display:none}
.library-preview-dialog.is-video video,.library-preview-dialog.is-image img{display:block}
.library-preview-dialog.is-video video{background:#000}
.library-kind{position:absolute;top:8px;left:8px;z-index:3;pointer-events:none;background:#012559;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:999px}
.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 12rem 11rem 11rem;gap:12px;align-items:end}
.library-upload-fields{display:grid;gap:12px;max-width:640px}
.library-upload-fields .music-upload-name{max-width:none}
.library-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 18px}
.library-pager .subtle{margin:0}
.library-list{display:flex;flex-direction:column;gap:8px;padding:12px 18px 18px}
.library-list .library-card{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px 14px;
  align-items:start;
  padding:12px 14px;
}
.library-list .library-card h3,
.library-list .library-card .library-meta,
.library-list .library-card .subtle,
.library-list .library-card .music-actions{margin:0}
.library-list .library-card-media{margin-bottom:0}
.library-list .library-card-media .library-kind{display:none}
.library-list .library-kind-text{
  display:inline-flex;
  align-items:center;
  background:#012559;
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:3px 7px;
  border-radius:999px;
}
.library-list .library-kind-text.is-published,
.library-list .library-kind.is-published{background:#087a65}
.library-list .library-kind-text.is-released,
.library-list .library-kind.is-released{background:#5d6b7d}
.library-list--text .library-card-media{display:none}
.library-list--thumbs .item4-clip-duration{display:none}
.library-list--thumbs .library-card{grid-template-columns:88px minmax(0,1fr)}
.library-list--thumbs .library-card-media{
  grid-row:1 / span 5;
  width:88px;
  height:110px;
  aspect-ratio:auto;
  margin:0;
}
.library-list--thumbs .library-card h3,
.library-list--thumbs .library-card .library-meta,
.library-list--thumbs .library-card .subtle,
.library-list--thumbs .library-card .music-actions{grid-column:2}
.item4-clip-poster-wrap.is-loading .item4-clip-play{opacity:.7}
.item4-clip-poster-wrap.is-failed .item4-clip-play{opacity:.9}
@media(max-width:1100px){.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.library-grid{grid-template-columns:1fr}.library-list--thumbs .library-card{grid-template-columns:72px minmax(0,1fr)}.library-list--thumbs .library-card-media{width:72px;height:90px}.library-card-media[data-library-preview="video"] .item4-clip-play{width:48px;height:48px}.library-card-media[data-library-preview="video"] .item4-clip-play::after{left:17px;top:14px;border-width:10px 0 10px 14px}.library-preview-backdrop{padding:12px;align-items:flex-end}.library-preview-dialog{width:100%;border-radius:16px 16px 0 0;padding:14px}.library-preview-dialog video{max-height:min(62vh,640px)}}

body:has(#page-content.active){
  background:#e8eef6;
}
body:has(#page-content.active) .topbar{
  background:#fff;
  color:var(--ink);
  border-bottom:1px solid #e4ebf3;
}
body:has(#page-content.active) .brand-name{color:#012559}
body:has(#page-content.active) .sidebar{
  background:rgba(255,255,255,.92);
  border-right:0;
}
body:has(#page-content.active) .nav-item{
  color:#5d6b7d;
  border-radius:999px;
  padding:12px 16px;
  box-shadow:none;
}
body:has(#page-content.active) .nav-item:hover{
  background:#eef3fa;
  color:#012559;
  font-weight:600;
}
body:has(#page-content.active) .nav-item.active{
  background:#dce7f6;
  color:#012559;
  font-weight:750;
  box-shadow:none;
}
body:has(#page-content.active) .main{
  background:transparent;
  padding:28px 28px 48px;
}
body:has(#page-content.active) .studio-footer{
  background:#012559;
  border-top:3px solid #d8aa45;
  color:rgba(255,255,255,.78);
}
body:has(#page-content.active) .studio-footer-links button,
body:has(#page-content.active) .studio-footer .topbar-status,
body:has(#page-content.active) .studio-footer-meta{
  color:rgba(255,255,255,.72);
}
body:has(#page-content.active) .studio-footer-links button:hover{
  color:var(--prod-gold, var(--gold,#d8aa45));
}

@media(max-width:1100px){
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-inner{
    grid-template-columns:1fr;
  }
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy{
    grid-row:auto;
  }
}
@media(max-width:760px){
  html,body{overflow-x:clip}
  .topbar{
    height:56px;
    padding:0 12px;
  }
  .brand-name{font-size:.88rem}
  .topbar-help{padding:6px 10px;font-size:.78rem}
  .topbar-profile select{min-width:132px}
  .shell{
    display:block;
    grid-template-columns:1fr;
  }
  .sidebar{
    position:sticky;
    top:56px;
    z-index:4;
    width:100%;
    min-height:0;
    height:auto;
    margin:0;
    padding:8px 10px;
    border-radius:0;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    backdrop-filter:none;
    background:#fff;
    box-shadow:0 6px 16px rgba(15,35,70,.06);
  }
  .sidebar .nav-item[data-page="music"]{display:none!important}
  .library-toolbar{grid-template-columns:1fr}
  .nav-item{
    flex:0 0 auto;
    white-space:nowrap;
    padding:8px 12px;
    font-size:.82rem;
  }
  .main,
  .main:has(#page-home.active),
  .main:has(#page-home.active):has(#page-dashboard.active),
  body:has(#page-content.active) .main{
    padding:12px 12px 28px;
    padding-bottom:max(28px,env(safe-area-inset-bottom));
  }
  .main:has(#page-home.active):has(#page-dashboard.active){
    gap:12px;
  }
  .main:has(#page-home.active):has(#page-dashboard.active) #page-home.page.active{
    order:1;
  }
  .studio-hub-top{order:2}
  .studio-hub-list{order:3}
  .studio-hub-hello{
    flex:1 1 100%;
    max-width:none;
    min-height:0;
    padding:14px 14px 12px;
    border-radius:18px;
  }
  .studio-hub-hello h1{font-size:1.35rem}
  .studio-hub-hello p{display:none}
  .studio-hub-top .metrics{
    flex:1 1 100%;
    min-width:0;
  }
  .metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .metric,
  .metric-button{
    padding:12px 10px;
    border-radius:16px;
  }
  .metric-value{font-size:1.25rem}
  .ez-path-fork,
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork{
    min-height:0;
    height:auto;
    padding:14px 12px 12px;
    border-radius:20px;
  }
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-inner{
    grid-template-columns:1fr;
    gap:10px;
  }
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy{
    grid-row:auto;
  }
  .ez-path-hook,
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-hook,
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy h1 + p{
    display:none;
  }
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-brand-city,
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-brand-shine{
    font-size:1.05rem;
  }
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-path-fork-copy h1{
    font-size:1.2rem;
  }
  .ez-wizard,
  .main:has(#page-home.active):has(#page-dashboard.active) .ez-wizard{
    padding:12px;
    border-radius:16px;
  }
  .ez-wizard-log:empty,
  .ez-wizard-bubble--bot{display:none}
  .ez-wizard-chips{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .ez-wizard-chip,
  .ez-wizard-form button[type="submit"]{
    width:100%;
    text-align:left;
    min-height:44px;
    padding:10px 12px;
  }
  .ez-wizard-form input,
  .ez-wizard-form textarea,
  .ez-wizard-form select{
    font-size:16px;
  }
  .page-heading h1,
  h1{font-size:1.4rem}
  .heading-actions{
    display:grid !important;
    grid-template-columns:1fr;
    width:100%;
  }
  .heading-actions .primary-button,
  .heading-actions .secondary-button{
    min-width:0;
    width:100%;
  }
  .panel{border-radius:18px}
  .studio-footer{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:16px 12px max(20px,env(safe-area-inset-bottom));
  }
}

.ops-watchlist-group{display:grid;gap:8px;margin:0 0 16px}
.ops-watchlist-group h4{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#4b5d73;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ops-watchlist-group h4 .text-button{text-transform:none;letter-spacing:0;font-size:.78rem}
.ops-watchlist-group .ops-profile-card{margin:0}
.ops-watchlist-group .ops-profile-card.is-sweep-success{background:rgba(42,157,83,.12);border-color:rgba(42,157,83,.42)}
.ops-watchlist-group .ops-profile-card.is-sweep-error{background:rgba(205,55,55,.11);border-color:rgba(205,55,55,.4)}

.heading-actions .pipeline-default-schedule-toggle{
  flex:0 0 auto;
  margin:0;
  white-space:nowrap;
  font-size:.82rem;
  font-weight:700;
}
@media(max-width:760px){
  .heading-actions .pipeline-default-schedule-toggle{
    width:100%;
    justify-content:flex-start;
    white-space:normal;
  }
}

/* Review thumbnail download in Open Review details */
.creative-thumb-preview b{display:block}
.creative-thumb-preview img{
  display:block;
  width:120px;
  height:auto;
  max-height:213px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--line);
  background:#0c1c33;
}
.native-file-label{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.heading-actions .native-file-label,
.item4-upload-zone .native-file-label{
  z-index:2;
}
.native-file-input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  font-size:20px;
  cursor:pointer;
}
.native-file-input--cover{
  z-index:1;
}
#libraryUploadZone{
  position:relative;
}
.library-choose-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  position:relative;
  z-index:2;
}
@media(max-width:760px){
  .heading-actions .native-file-label,
  .heading-actions label.primary-button{
    width:100%;
    min-height:44px;
  }
}