.marketing-view {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: #0d151b;
  overflow: hidden;
}

.marketing-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #344654;
  background: #14232c;
  padding: 10px 14px;
}

.marketing-head h2 { margin: 0 0 3px; color: #f4d76b; font-size: 18px; }
.marketing-head span { color: #9fb1bd; font-size: 11px; }
.marketing-head__actions { display: flex; flex: 0 0 auto; gap: 6px; }
.marketing-head__actions button { min-height: 32px; }

.marketing-workspace {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: 336px minmax(0, 1fr);
  overflow: hidden;
}

.marketing-settings {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  border-right: 1px solid #344654;
  background: #101b22;
  padding: 8px;
  scrollbar-width: thin;
}

.marketing-section {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
  border: 1px solid #3a5260;
  border-radius: 5px;
  background: #172630;
  padding: 9px;
}

.marketing-section__title,
.marketing-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.marketing-section__title strong,
.marketing-panel-head strong { color: #f2d66c; }
.marketing-section__title span { color: #93aab5; font-size: 10px; }
.marketing-section label { display: grid; gap: 4px; color: #d9e4e9; font-size: 11px; font-weight: 800; }
.marketing-section input,
.marketing-section select,
.marketing-section textarea,
.marketing-qa-form textarea,
.marketing-script-card textarea {
  border-color: #526976;
  background: #eef2f3;
  color: #15232b;
  font-size: 12px;
  font-weight: 700;
}

.marketing-choice-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  min-width: 0;
  margin: 0;
  border: 1px solid #415866;
  border-radius: 4px;
  padding: 7px;
}

.marketing-choice-group legend { color: #f2d66c; font-size: 11px; font-weight: 900; }
.marketing-choice-group label,
.marketing-toggle { display: flex; grid-template-columns: none; align-items: center; gap: 6px; font-size: 11px; }
.marketing-choice-group input,
.marketing-toggle input { width: 16px; height: 16px; margin: 0; accent-color: #32a76e; }
.marketing-generate { min-height: 40px; font-size: 14px; font-weight: 900; }

.marketing-main { display: grid; min-width: 0; min-height: 0; grid-template-rows: 42px minmax(0, 1fr); overflow: hidden; }
.marketing-tabs { display: flex; gap: 5px; overflow-x: auto; border-bottom: 1px solid #344654; background: #142129; padding: 5px 8px; }
.marketing-tabs button { flex: 0 0 auto; min-height: 31px; }
.marketing-tabs button[aria-selected="true"] { border-color: #4ab27b; background: #1d6548; color: #e8fff2; }
.marketing-panel { min-width: 0; min-height: 0; overflow-y: auto; padding: 10px; scrollbar-width: thin; }
.marketing-panel[hidden] { display: none; }
.marketing-panel-head { margin-bottom: 9px; border-bottom: 1px solid #344654; padding-bottom: 8px; }

.marketing-script-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.marketing-script-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  border: 1px solid #405967;
  border-radius: 6px;
  background: #172630;
  padding: 10px;
}

.marketing-script-card > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.marketing-script-card h3 { margin: 0; color: #f4d76b; font-size: 16px; }
.marketing-script-card textarea { min-height: 190px; resize: vertical; line-height: 1.65; }
.marketing-script-card[data-duration="60"] textarea { min-height: 240px; }
.marketing-script-card[data-duration="120"] textarea { min-height: 310px; }
.marketing-card-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.marketing-card-meta div { min-width: 0; border: 1px solid #3b505c; border-radius: 4px; background: #101b22; padding: 7px; }
.marketing-card-meta span { display: block; margin-bottom: 3px; color: #8fa8b4; font-size: 10px; }
.marketing-card-meta strong { display: block; overflow-wrap: anywhere; color: #e5edf0; font-size: 11px; line-height: 1.45; }
.marketing-card-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.marketing-card-actions button { min-height: 29px; padding: 0 8px; font-size: 11px; }
.marketing-duration-badge { border: 1px solid #846f32; border-radius: 3px; background: #5b4c22; color: #fff0a7; padding: 3px 7px; font-size: 11px; font-weight: 900; }

.marketing-shot-list { display: grid; gap: 7px; }
.marketing-shot-card { display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(170px, .7fr); gap: 8px; border: 1px solid #3d5663; border-radius: 5px; background: #172630; padding: 8px; }
.marketing-shot-time { display: grid; place-items: center; border-radius: 4px; background: #244a5e; color: #dff5ff; font-size: 12px; font-weight: 900; }
.marketing-shot-card strong { color: #f0d56f; font-size: 12px; }
.marketing-shot-card p { margin: 3px 0 0; color: #d6e0e4; font-size: 11px; line-height: 1.55; }
.marketing-shot-card small { color: #9cb1bb; line-height: 1.55; }

.marketing-compliance-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 9px; }
.marketing-compliance-summary div { border: 1px solid #405662; border-radius: 4px; background: #15242d; padding: 8px; text-align: center; }
.marketing-compliance-summary strong { display: block; color: #f3d66b; font-size: 18px; }
.marketing-compliance-summary span { color: #9fb1ba; font-size: 10px; }
.marketing-check-list { display: grid; gap: 6px; }
.marketing-check-item { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px; border: 1px solid #3d535f; border-radius: 4px; background: #172630; padding: 8px; }
.marketing-check-item b { align-self: start; border-radius: 3px; padding: 4px 6px; color: #fff; font-size: 10px; text-align: center; }
.marketing-check-item.is-pass b { background: #247650; }
.marketing-check-item.is-warning b { background: #846622; }
.marketing-check-item.is-block b { background: #943540; }
.marketing-check-item strong { display: block; margin-bottom: 3px; color: #e9eff2; font-size: 12px; }
.marketing-check-item p { margin: 0; color: #aebfc7; font-size: 11px; line-height: 1.55; }

.marketing-mini-list { display: grid; gap: 5px; }
.marketing-reference-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.marketing-trend-card { border-left: 3px solid #4390a7; background: #101b22; padding: 8px; color: #dbe5e9; font-size: 11px; line-height: 1.55; }
.marketing-trend-card strong { color: #f0d56f; }
.marketing-trend-card a { color: #80c9e8; }

.marketing-qa-conversation { min-height: 0; display: grid; align-content: start; gap: 8px; overflow-y: auto; padding-bottom: 10px; }
.marketing-qa-message { border-left: 3px solid #478da7; background: #172630; padding: 10px 12px; white-space: pre-wrap; line-height: 1.65; }
.marketing-qa-message.is-user { border-left-color: #3ead73; background: #173027; }
.marketing-qa-form { position: sticky; bottom: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 7px; border-top: 1px solid #3b4f5b; background: #111c23; padding-top: 9px; }
.marketing-qa-form textarea { min-height: 70px; resize: vertical; }
.marketing-empty { display: grid; min-height: 180px; place-items: center; border: 1px dashed #405864; border-radius: 5px; color: #899ea8; text-align: center; }
.marketing-footer { border-top: 1px solid #354954; background: #121d24; color: #aebdc4; padding: 7px 12px; font-size: 10px; line-height: 1.45; }

.marketing-video-panel { padding: 0; }
.marketing-video-toolbar {
  position: sticky;
  z-index: 3;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #3b5260;
  background: #13232c;
  padding: 9px 11px;
}
.marketing-video-toolbar > div:first-child { display: grid; gap: 2px; }
.marketing-video-toolbar strong { color: #f2d66c; font-size: 14px; }
.marketing-video-toolbar span { color: #9eb2bc; font-size: 10px; }
.marketing-video-toolbar span.is-ready { color: #70d7a0; }
.marketing-video-toolbar span.is-error { color: #ff9a9a; }
.marketing-video-flow { display: flex; gap: 4px; }
.marketing-video-flow b { border: 1px solid #45606d; border-radius: 3px; background: #1a303b; color: #cad8de; padding: 5px 7px; font-size: 10px; }

.marketing-video-editor { display: grid; grid-template-columns: minmax(360px, .82fr) minmax(480px, 1.18fr); gap: 9px; padding: 9px; }
.marketing-video-controls,
.marketing-video-output { display: grid; min-width: 0; align-content: start; gap: 8px; }
.marketing-video-card { display: grid; min-width: 0; gap: 8px; border: 1px solid #405967; border-radius: 5px; background: #172630; padding: 9px; }
.marketing-video-card label { display: grid; gap: 4px; color: #d9e4e9; font-size: 11px; font-weight: 800; }
.marketing-video-card input[type="text"],
.marketing-video-card input:not([type]),
.marketing-video-card select,
.marketing-video-card textarea { border-color: #526976; background: #eef2f3; color: #15232b; font-size: 12px; font-weight: 700; }
.marketing-video-card textarea { resize: vertical; line-height: 1.55; }
.marketing-video-card .marketing-toggle { display: flex; grid-template-columns: none; align-items: flex-start; gap: 7px; line-height: 1.45; }
.marketing-video-card .marketing-toggle input { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: #32a76e; }
.marketing-digital-profile { display: grid; gap: 8px; border-top: 1px solid #3c5360; padding-top: 8px; }
.marketing-video-notice { border-left: 3px solid #b68c32; background: #111e25; color: #b8c7ce; padding: 7px 9px; font-size: 10px; line-height: 1.55; }

.marketing-upload-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.marketing-file-button { display: grid !important; min-height: 36px; place-items: center; border: 1px solid #4c6f7c; border-radius: 4px; background: #213d4a; color: #e8f5f7 !important; cursor: pointer; text-align: center; }
.marketing-file-button:hover { background: #2a4c5a; }
.marketing-file-button--primary { border-color: #4fc486; background: #176d4a; }
.marketing-file-button.is-required { border-color: #e2b447; background: #46391a; box-shadow: 0 0 0 1px rgba(226, 180, 71, .35) inset; color: #fff0b8 !important; }
.marketing-file-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.marketing-upload-progress { border: 1px solid #725f2d; border-radius: 3px; background: #302a18; color: #ffe49a; padding: 6px 8px; font-size: 10px; }
.marketing-asset-list { display: grid; gap: 5px; }
.marketing-asset-row { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 7px; border: 1px solid #3c5360; border-radius: 4px; background: #111d24; padding: 6px; }
.marketing-asset-kind { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 3px; background: #285064; color: #e6f8ff; font-size: 10px; font-weight: 900; }
.marketing-asset-row.is-audio .marketing-asset-kind { background: #604b27; color: #fff0bc; }
.marketing-asset-info { min-width: 0; }
.marketing-asset-info strong { display: block; overflow: hidden; color: #e7eef1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.marketing-asset-info small { color: #8fa6b1; font-size: 9px; }
.marketing-asset-actions { display: flex; gap: 3px; }
.marketing-asset-actions button { min-width: 27px; min-height: 27px; padding: 0 5px; font-size: 10px; }
.marketing-video-empty { display: grid; min-height: 72px; place-items: center; color: #849aa5; text-align: center; }

.marketing-ratio-control { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin: 0; border: 1px solid #415866; border-radius: 4px; padding: 7px; }
.marketing-ratio-control legend { color: #f2d66c; font-size: 11px; font-weight: 900; }
.marketing-ratio-control label { cursor: pointer; }
.marketing-ratio-control input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.marketing-ratio-control span { display: grid; min-height: 48px; place-content: center; border: 1px solid #49606c; border-radius: 3px; background: #111d24; padding: 4px; text-align: center; }
.marketing-ratio-control b { color: #edf4f6; font-size: 12px; }
.marketing-ratio-control small { margin-top: 2px; color: #8da3ae; font-size: 8px; line-height: 1.25; }
.marketing-ratio-control input:checked + span { border-color: #4dc484; background: #1b6749; box-shadow: inset 0 0 0 1px #6fdaa0; }
.marketing-ratio-control input:checked + span small { color: #d8f5e4; }
.marketing-video-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.marketing-video-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.marketing-render-button { min-height: 40px; font-size: 13px; font-weight: 900; }
.marketing-render-button:disabled { cursor: wait; opacity: .6; }
.marketing-one-click-card { border-color: #4f7d6b; background: #152a25; }
.marketing-one-click-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.marketing-one-click-button { min-height: 50px; font-size: 15px; font-weight: 900; }
.marketing-one-click-fields input[type="range"] { width: 100%; accent-color: #4fc486; }
.marketing-voice-speed { grid-template-columns: 1fr auto; }
.marketing-voice-speed input { grid-column: 1 / -1; height: 18px; padding: 0; }
.marketing-voice-speed small { grid-column: 1 / -1; display: flex; justify-content: space-between; color: #91afa4; font-size: 9px; line-height: 1.2; }
.marketing-ratio-control--primary { margin-bottom: 7px; border-color: #5f7a73; background: #10231f; }
.marketing-ai-avatar-tabs { display: flex; gap: 5px; overflow-x: auto; padding: 2px 0 3px; }
.marketing-ai-avatar-tabs button { flex: 0 0 auto; min-height: 30px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #9fb6bc; padding: 0 8px; font-size: 11px; font-weight: 900; cursor: pointer; }
.marketing-ai-avatar-tabs button[aria-pressed="true"] { border-bottom-color: #ff4f73; color: #fff; }
.marketing-ai-avatar-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.marketing-ai-avatar-card { position: relative; display: grid; min-width: 0; gap: 4px; border: 1px solid #41606b; border-radius: 6px; background: #10222a; padding: 5px; color: #dcebef; cursor: pointer; }
.marketing-ai-avatar-card[aria-pressed="true"] { border-color: #f2d66c; background: #1c3b30; box-shadow: 0 0 0 1px rgba(242, 214, 108, .55) inset; color: #fff2a8; }
.marketing-ai-avatar-card[aria-pressed="true"]::after { position: absolute; top: 6px; right: 6px; display: grid; width: 16px; height: 16px; place-items: center; border-radius: 999px; background: #24c483; color: #062117; font-size: 11px; font-weight: 900; content: "✓"; }
.marketing-ai-avatar-card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 5px; background: #071014; }
.marketing-ai-avatar-card em { position: absolute; top: 7px; left: 7px; max-width: calc(100% - 28px); overflow: hidden; border-radius: 999px; background: rgba(15, 24, 30, .68); color: #ddf9ff; padding: 2px 5px; font-size: 8px; font-style: normal; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.marketing-ai-avatar-card span,
.marketing-ai-avatar-card small { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.marketing-ai-avatar-card span { font-size: 11px; font-weight: 900; }
.marketing-ai-avatar-card small { color: #8fa7ae; font-size: 9px; }
.marketing-script-workbench { display: grid; gap: 7px; border: 1px solid #54766b; border-radius: 4px; background: #10231f; padding: 8px; }
.marketing-script-workbench__head { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; }
.marketing-script-workbench__head strong { color: #f2d66c; font-size: 12px; }
.marketing-script-workbench__head span { overflow: hidden; color: #8fb8aa; font-size: 9px; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.marketing-script-workbench__head span.is-working { color: #ffe19a; }
.marketing-script-workbench__head span.is-ready { color: #72dda6; }
.marketing-script-workbench__head span.is-error { color: #ff989e; }
.marketing-script-actions { display: grid; grid-template-columns: 1fr 1fr 1.1fr .65fr; gap: 5px; align-items: end; }
.marketing-script-actions button { min-width: 0; min-height: 34px; padding: 0 6px; font-size: 10px; font-weight: 900; }
.marketing-script-actions .marketing-script-style { min-width: 0; }
.marketing-script-style select { min-height: 34px; }
.marketing-script-workbench textarea { min-height: 156px; font-size: 13px; line-height: 1.65; }
.marketing-script-workbench small { color: #9fb4ac; font-size: 9px; line-height: 1.5; }
.marketing-generation-stages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.marketing-generation-stages span { border: 1px solid #405a65; border-radius: 3px; background: #102028; color: #8ea5af; padding: 7px 4px; font-size: 9px; font-weight: 900; text-align: center; }
.marketing-generation-stages span.is-active { border-color: #d3a746; background: #4f411d; color: #ffe99d; }
.marketing-generation-stages span.is-complete { border-color: #49b97c; background: #1a6146; color: #e4fff0; }
.marketing-generation-stages span.is-failed { border-color: #c65f67; background: #6b2830; color: #ffe6e8; }
.marketing-advanced-settings summary { cursor: pointer; color: #f2d66c; font-size: 12px; font-weight: 900; }
.marketing-advanced-settings[open] summary { margin-bottom: 7px; border-bottom: 1px solid #405764; padding-bottom: 7px; }

.marketing-subtitle-tuner { display: grid; gap: 7px; min-width: 0; margin: 0; border: 1px solid #49616d; border-radius: 4px; padding: 7px; }
.marketing-subtitle-tuner legend { color: #f2d66c; font-size: 11px; font-weight: 900; }
.marketing-subtitle-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.marketing-subtitle-fields label:first-child { grid-template-columns: 1fr auto; }
.marketing-subtitle-fields label:first-child input { grid-column: 1 / -1; width: 100%; height: 18px; padding: 0; accent-color: #3db77b; }
.marketing-subtitle-fields output { color: #78d7a4; font-size: 10px; }
.marketing-subtitle-preview { position: relative; display: flex; min-height: 112px; align-items: flex-end; justify-content: center; overflow: hidden; border: 1px solid #526a76; background: #19303a; padding: 12px 18px; }
.marketing-subtitle-preview::before { position: absolute; inset: 7px; border: 1px dashed rgba(210, 229, 236, .3); content: ""; pointer-events: none; }
.marketing-subtitle-preview[data-position="top"] { align-items: flex-start; }
.marketing-subtitle-preview[data-position="middle"] { align-items: center; }
.marketing-subtitle-preview span { position: relative; z-index: 1; max-width: 88%; color: #fff; font-size: 14px; font-weight: 900; line-height: 1.35; text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; white-space: pre-line; }
.marketing-subtitle-preview.is-box span { border-radius: 2px; background: rgba(0, 0, 0, .58); padding: 3px 7px; text-shadow: none; }

.marketing-video-stage-card { min-height: 360px; }
.marketing-video-stage { display: grid; width: min(100%, 560px); max-height: 560px; place-items: center; justify-self: center; overflow: hidden; border: 1px solid #4c6470; background: #090e12; }
.marketing-video-stage.is-portrait { aspect-ratio: 9 / 16; max-width: 315px; }
.marketing-video-stage.is-four-five { aspect-ratio: 4 / 5; max-width: 420px; }
.marketing-video-stage.is-square { aspect-ratio: 1; max-width: 500px; }
.marketing-video-stage.is-landscape { aspect-ratio: 16 / 9; max-width: 620px; }
.marketing-video-stage video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.marketing-render-progress { height: 7px; overflow: hidden; border-radius: 2px; background: #0c151a; }
.marketing-render-progress span { display: block; width: 0; height: 100%; background: #42b87b; transition: width .25s ease; }
.marketing-render-status { margin: 0; color: #9eb2bc; font-size: 10px; text-align: center; }
.marketing-render-status.is-error { color: #ff9696; }
.marketing-edit-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.marketing-edit-summary span { border: 1px solid #3e5965; border-radius: 3px; background: #112129; color: #a9bcc4; padding: 6px; font-size: 9px; text-align: center; }
.marketing-edit-summary b { display: block; margin-bottom: 2px; color: #f0d56f; font-size: 11px; }

.marketing-review-frames { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.marketing-review-frames figure { min-width: 0; margin: 0; border: 1px solid #405965; background: #0d171c; padding: 4px; }
.marketing-review-frames img { display: block; width: 100%; max-height: 250px; object-fit: contain; background: #050809; }
.marketing-review-frames figcaption { color: #a8bac2; padding: 4px 2px 1px; font-size: 9px; text-align: center; }
.marketing-check-item.is-review b { background: #315f78; }
.marketing-manual-review { display: grid; gap: 7px; border-top: 1px solid #3c5360; padding-top: 8px; }
.marketing-download-gate { display: grid; grid-template-columns: auto minmax(210px, 1fr); gap: 7px; }
.marketing-download-gate a { display: grid; min-height: 34px; place-items: center; border: 1px solid #4fc486; border-radius: 4px; background: #18734d; color: #effff5; font-size: 12px; font-weight: 900; text-decoration: none; }
.marketing-download-gate a.marketing-download-locked { border-color: #58656b; background: #323b3f; color: #99a5aa; cursor: not-allowed; }

@media (max-width: 1250px) {
  .marketing-video-editor { grid-template-columns: minmax(330px, .9fr) minmax(400px, 1.1fr); }
  .marketing-ratio-control { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-subtitle-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1050px) {
  .marketing-script-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  .marketing-view { height: calc(100dvh - 106px); overflow-y: auto; grid-template-rows: auto auto auto; }
  .marketing-head { align-items: flex-start; flex-wrap: wrap; }
  .marketing-head > div:first-child { width: 100%; }
  .marketing-head__actions { width: 100%; overflow-x: auto; }
  .marketing-workspace { display: block; overflow: visible; }
  .marketing-settings { max-height: none; overflow: visible; border-right: 0; border-bottom: 1px solid #344654; }
  .marketing-main { min-height: 620px; grid-template-rows: auto minmax(0, 1fr); }
  .marketing-tabs { position: sticky; z-index: 2; top: 0; }
  .marketing-panel { overflow: visible; }
  .marketing-script-grid { grid-template-columns: minmax(0, 1fr); }
  .marketing-script-card textarea,
  .marketing-script-card[data-duration="60"] textarea,
  .marketing-script-card[data-duration="120"] textarea { min-height: 220px; font-size: 14px; }
  .marketing-shot-card { grid-template-columns: 62px minmax(0, 1fr); }
  .marketing-shot-card small { grid-column: 2; }
  .marketing-compliance-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-qa-form { grid-template-columns: minmax(0, 1fr) auto; }
  .marketing-qa-form textarea { grid-column: 1 / -1; font-size: 14px; }
  .marketing-video-toolbar { position: static; align-items: flex-start; flex-direction: column; }
  .marketing-video-flow { width: 100%; overflow-x: auto; }
  .marketing-video-editor { grid-template-columns: minmax(0, 1fr); padding: 7px; }
  .marketing-upload-actions,
  .marketing-video-fields,
  .marketing-video-options,
  .marketing-one-click-fields { grid-template-columns: minmax(0, 1fr); }
  .marketing-ai-avatar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .marketing-script-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-script-actions .marketing-script-style { grid-column: 1 / -1; }
  .marketing-script-actions button:last-child { grid-column: 1 / -1; }
  .marketing-script-workbench textarea { min-height: 210px; }
  .marketing-generation-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-subtitle-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-edit-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-ratio-control { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .marketing-video-card input,
  .marketing-video-card select,
  .marketing-video-card textarea { font-size: 14px; }
  .marketing-review-frames { grid-template-columns: minmax(0, 1fr); }
  .marketing-review-frames img { max-height: 520px; }
  .marketing-download-gate { grid-template-columns: minmax(0, 1fr); }
}