:root{--bg0: #edf3ee;--bg1: #d9e8dd;--ink: #163126;--ink-soft: #4b6a5d;--line: #b4cfc0;--card: #fdfefc;--accent: #0d7f57;--warn: #b06a16;--danger: #b42a3a;--ok: #14774f;--shadow: 0 12px 28px rgba(14, 45, 34, .1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 8%,#d3e3d8 0,transparent 34%),radial-gradient(circle at 95% 10%,#ddebe1 0,transparent 38%),linear-gradient(165deg,var(--bg1),var(--bg0))}code,pre,.mono{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace}#app{min-height:100vh}.skip-link{position:absolute;left:12px;top:-48px;z-index:80;width:auto;padding:8px 12px;border-radius:10px;border:1px solid #0d7f57;background:#0d7f57;color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 10px 22px #0c60424d;transition:top .18s ease}.skip-link:focus{top:12px}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid rgba(99,138,120,.35);background:#edf5f0d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center}.brand h1{margin:0;font-size:18px}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--accent),#0fa66f);box-shadow:inset 0 0 0 2px #ffffff73}.sub{color:var(--ink-soft);font-size:12px}.side-nav{display:grid;gap:8px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-chip{padding:7px 9px;border-radius:999px;border:1px solid var(--line);background:#f7fbf8;color:var(--ink-soft);box-shadow:none;font-size:12px}.mode-chip.active{border-color:#1d875f;background:#eaf8f1;color:#14553e}.nav-group{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;padding:2px 4px}.nav-note{margin:-2px 0 6px;padding:0 4px;font-size:11px;color:#547267;line-height:1.35}.tab{width:100%;border:1px solid var(--line);border-radius:10px;background:#f7fbf8;color:var(--ink-soft);text-align:left;padding:9px 11px;font-size:13px;font-weight:700;cursor:pointer}.tab.active{border-color:transparent;background:linear-gradient(145deg,var(--accent),#109468);color:#fff}.sidebar-foot{margin-top:auto}.sidebar-foot button{margin-bottom:8px}.content{padding:20px 18px 24px}.view{display:none}.view.active{display:block}.grid-2{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:980px){.grid-2{grid-template-columns:1fr 1fr}}.card{background:linear-gradient(180deg,#ffffff,var(--card));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px}.card h2{margin:0 0 9px;font-size:17px}.card p{margin:0 0 9px;color:var(--ink-soft);font-size:13px}.section-intro{margin:0 0 10px;padding:8px 10px;border:1px solid #dbeadf;border-radius:10px;background:#f7fcf9}.quick-help{margin:0 0 10px;padding:8px 10px;border:1px dashed #c8ddd1;border-radius:10px;background:#fbfefc;color:#355568;font-size:12px}.quick-help strong{color:#184c39;margin-right:4px}.field-why{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;border-radius:999px;border:1px solid #b6ccc0;background:#f4faf6;color:#315a48;font-size:10px;line-height:1;cursor:help}.field-why:focus-visible{outline:2px solid rgba(15,130,90,.35);outline-offset:1px}.settings-panel{margin-top:8px;border:1px solid #d9e9df;border-radius:10px;background:#fafdfb;padding:8px 10px}.subhead{margin:12px 0 8px;color:var(--ink-soft);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.quickstart{margin-top:14px}.quick-steps{display:grid;gap:8px;font-size:13px;color:var(--ink-soft);margin-bottom:10px}.row{display:grid;grid-template-columns:1fr;gap:9px;margin:9px 0}.row.two,.row.three{grid-template-columns:1fr}@media(min-width:900px){.row.two{grid-template-columns:1fr 1fr}.row.three{grid-template-columns:1fr 1fr 1fr}}label{display:block;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--ink-soft)}input,select,textarea,button{width:100%;border-radius:10px;border:1px solid var(--line);padding:10px 11px;font:inherit}input,select,textarea{background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:#3ea07c;box-shadow:0 0 0 3px #3ea07c2e}:focus-visible{outline:3px solid rgba(15,130,90,.35);outline-offset:2px}textarea{min-height:168px;resize:vertical}button{border-color:transparent;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--accent),#0f9e6d);box-shadow:0 6px 16px #0c604238}button.secondary{background:#f5faf7;color:var(--ink-soft);border-color:#c8ddd1;box-shadow:none}button.warn{background:linear-gradient(145deg,#ba6e17,#d08225)}button.danger{background:linear-gradient(145deg,#ad2238,#c9364b)}button:disabled{opacity:.6;cursor:not-allowed}button.next-step-primary{box-shadow:0 0 0 2px #0d7f5733,0 6px 16px #0c604238}.status{font-size:12px;color:var(--ink-soft);margin-top:8px}.status.ok{color:var(--ok)}.status.bad{color:var(--danger)}.status.warn{color:var(--warn)}.status-jump-link{width:auto;padding:2px 0;margin-left:6px;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-size:11px;text-decoration:underline}.input-error-inline{margin-top:4px;font-size:11px;color:var(--danger);line-height:1.25}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #a7c5b4;border-radius:999px;background:#edf7f0;padding:5px 10px;font-size:12px}.campaign-quick-filters{margin:8px 0 10px;align-items:center}.campaign-quick-filters .campaign-filter-btn{width:auto}.campaign-quick-filters .campaign-filter-btn[aria-pressed=true]{border-color:#1f8b63;background:#eaf8f1;color:#14553e;box-shadow:0 0 0 2px #1f8b6321}.campaign-filter-status{margin-left:auto;font-size:12px}.publish-quick-filters,.jobs-quick-filters{margin:8px 0 10px}.publish-quick-filters .publish-filter-btn,.jobs-quick-filters .jobs-filter-btn{width:auto}.publish-quick-filters .publish-filter-btn[aria-pressed=true],.jobs-quick-filters .jobs-filter-btn[aria-pressed=true]{border-color:#1f8b63;background:#eaf8f1;color:#14553e;box-shadow:0 0 0 2px #1f8b6321}.shortcut-legend{margin:8px 0}.shortcut-legend .chip strong{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;margin-right:6px}.kpi-chips{margin-top:8px}.section-flow-chips{margin:2px 0 8px}.section-flow-chips .chip{font-size:11px}.sheet-map-warning-chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.sheet-map-warning-chip{border-color:#e7c4aa;background:#fff3e7;color:#8c4f16;font-size:11px;padding:3px 8px}.onboarding-list{display:grid;gap:8px;margin-bottom:10px}.onboarding-item{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#f8fcf9;padding:8px 10px;font-size:13px}.onboarding-item.done{border-color:#98cdb4;background:#eefaf3}.onboarding-index{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;background:#deefe4;color:#1d5a43}.onboarding-state{font-size:11px;font-weight:700;color:var(--ink-soft)}.onboarding-item.done .onboarding-state{color:var(--ok)}.activity-feed{display:grid;gap:6px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#f8fcf9;padding:8px}.activity-item{display:grid;gap:3px;border:1px solid #d4e5dc;border-radius:8px;background:#fff;padding:7px 8px;font-size:12px}.activity-item span:first-child{color:var(--ink-soft);font-size:11px}.empty-state{border:1px dashed #b8d2c3;border-radius:12px;background:#f7fcf9;padding:12px}.empty-state p{margin:0 0 10px;font-size:12px;color:var(--ink-soft)}.empty-actions{margin:0}.empty-actions .mini{font-size:12px}.panel{border:1px solid var(--line);border-radius:12px;background:#f8fcf9;padding:10px;overflow:auto}.template-gallery{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}.template-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;display:grid}.template-card.active{border-color:#3ea07c;box-shadow:0 0 0 3px #3ea07c26}.template-thumb{min-height:110px;border-bottom:1px solid #d6e7dd}.template-thumb-image{display:block;width:100%;height:120px;object-fit:cover}.template-thumb-mock{min-height:120px;display:flex;align-items:flex-end;padding:10px}.template-thumb-text{color:#fff;display:grid;gap:4px;font-size:12px}.template-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.template-head code{font-size:11px;background:#edf5ef;border-radius:7px;padding:2px 6px}.template-body{padding:10px}.template-body p{font-size:12px;margin:8px 0;min-height:32px}.template-demo-link{display:inline-block;margin:0 0 8px;font-size:12px;color:#116f4c;text-decoration:none;font-weight:700}.template-demo-link:hover{text-decoration:underline}.template-live-preview{border:1px solid var(--line);border-radius:12px;background:#f6fbf8;margin-top:10px;padding:10px}.template-live-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.template-live-field{width:120px}.template-live-field input{width:100%}.template-live-viewport{margin-top:10px;border:1px solid #d4e5dc;border-radius:10px;background:#0f1417;min-height:340px;display:flex;align-items:center;justify-content:center;padding:10px}.template-live-frame{width:100%;max-width:380px;aspect-ratio:9 / 16;border:0;border-radius:10px;background:#000;box-shadow:0 18px 36px #00000059}.composer-video-preview{border:1px solid var(--line);border-radius:12px;background:#f6fbf8;padding:10px}.composer-video-player{width:100%;max-width:560px;aspect-ratio:9 / 16;border-radius:12px;background:#000;box-shadow:0 18px 36px #00000059;display:block;margin:0 auto}.composer-video-actions{margin-top:8px}.table-tools{margin:10px 0}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.column-toggle-grid{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px}.column-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);border:1px solid #d4e5dc;border-radius:999px;background:#fff;padding:5px 10px}.column-toggle input{width:auto;padding:0;margin:0}details.accordion{border:1px solid var(--line);border-radius:10px;background:#f8fcf9;padding:8px 10px;margin:8px 0 10px}details.accordion[open]{background:#f3faf6}details.accordion>summary{list-style:none}details.accordion>summary::-webkit-details-marker{display:none}pre{margin:8px 0 0;border:1px solid var(--line);border-radius:12px;background:#eef6f1;padding:10px;max-height:300px;overflow:auto;white-space:pre-wrap}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px;vertical-align:top}th{color:var(--ink-soft)}@media(max-width:760px){table.responsive-card-table thead{display:none}table.responsive-card-table tbody,table.responsive-card-table tr,table.responsive-card-table td{display:block;width:100%}table.responsive-card-table tbody tr{border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 10px;padding:6px 10px}table.responsive-card-table tbody tr[data-card-title]:before{content:attr(data-card-title);display:block;font-size:12px;font-weight:700;color:#1f3f4e;margin:2px 0 8px}table.responsive-card-table tbody td{border-bottom:1px dashed #d7e7de;padding:8px 2px}table.responsive-card-table tbody td:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}table.responsive-card-table tbody td:last-child{border-bottom:0}table.responsive-card-table tbody td[data-col-key=action]{padding-top:10px}table.responsive-card-table tbody td[data-col-key=action] button{width:100%;margin:0 0 6px}table.responsive-card-table tbody td[colspan]{padding:0;border:0}table.responsive-card-table tbody td[colspan]:before{content:none}}th.draggable-col{cursor:grab;-webkit-user-select:none;user-select:none}th.drag-over-col{background:#e9f6ef;box-shadow:inset 2px 0 #18a16f}th.dragging-col{opacity:.55}.mini{width:auto;padding:5px 10px;font-size:11px}.field-wrap{display:grid;gap:4px}.cell-hints{display:flex;flex-wrap:wrap;gap:4px}.cell-hint-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #d6e4dd;background:#f5faf7;color:#27513e;font-size:10px;line-height:1.2;padding:2px 6px}.slot-binding-editor{display:grid;gap:6px;min-width:200px}.slot-binding-editor select,.slot-binding-editor input{width:100%}.cell-error{font-size:11px;color:var(--danger);line-height:1.25}.input-invalid{border-color:#cb4a5b!important;background:#fff5f6}.input-adjusted{border-color:#cc8f23!important;background:#fffaf0;box-shadow:0 0 0 2px #cc8f231f}tr.row-invalid td{background:#fff9fa}#campaignRowsBody tr[tabindex="0"]:focus{outline:3px solid rgba(13,143,120,.26);outline-offset:-2px}.sync-meta{margin-top:8px;font-size:12px;color:#355568;border-style:dashed;background:#f4f9fc}.status-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid #b6ccc0;background:#eef7f2;color:#255646}.st-failed{border-color:#e1a6ae;background:#fff0f2;color:#912233}.st-canceled{border-color:#d9b1b8;background:#f8eef0;color:#7e3440}.st-posted{border-color:#a8d5bf;background:#edf9f1;color:#196e48}.st-processing{border-color:#b7d1e8;background:#eef5fc;color:#205e8e}.st-retrying{border-color:#e8c88c;background:#fff6e8;color:#875f15}.st-scheduled{border-color:#b8c8dd;background:#f1f5fb;color:#2d4f79}.st-pending-approval{border-color:#e3c9a0;background:#fff7ea;color:#8a6113}.calendar-grid{margin:10px 0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.calendar-day{border:1px solid var(--line);border-radius:12px;background:#f8fcf9;padding:10px}.calendar-day-head h3{margin:0 0 8px;font-size:14px}.calendar-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.calendar-list li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:12px}.calendar-list .time{color:var(--ink-soft)}.calendar-list .platform{font-weight:700}.calendar-list .more{color:var(--ink-soft);font-style:italic;display:block}.calendar-empty{border:1px dashed var(--line);border-radius:12px;background:#f8fcf9;color:var(--ink-soft);padding:14px;font-size:13px}.mini-chip{font-size:10px;padding:3px 7px}details>summary{cursor:pointer;color:var(--ink-soft);font-size:12px;font-weight:700}.hidden,.hidden-col{display:none!important}.mobile-nav-toggle{display:none;width:auto;min-width:110px;margin-bottom:10px}@media(max-width:900px){.shell{grid-template-columns:1fr;position:relative}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;width:min(85vw,320px);height:100vh;transform:translate(-110%);transition:transform .2s ease;z-index:30;border-right:1px solid rgba(99,138,120,.35);border-bottom:0;box-shadow:0 24px 48px #0e2d222e}.shell.nav-open .sidebar{transform:translate(0)}.side-nav{grid-template-columns:1fr}.content{padding:14px 12px 20px}}.jobs-summary{margin:8px 0 10px}.template-gallery.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.template-card .row.two{grid-template-columns:1fr 1fr;gap:8px}.template-card .mini{width:100%}.template-card p{min-height:0}#view-composer .card,#view-campaigns .card,#view-jobs .card{padding:16px}#view-composer .composer-ai-actions,#view-composer .composer-template-actions,#view-composer .composer-primary-actions{gap:8px}#view-composer .composer-primary-actions{margin-top:10px;padding:10px;border:1px solid #a8cfbb;border-radius:12px;background:linear-gradient(180deg,#f7fcf9,#edf8f2)}#view-composer .composer-primary-actions #submitRenderBtn{box-shadow:0 10px 24px #0c604247}#view-campaigns .preset-row{padding:8px;border:1px solid #d1e3d9;border-radius:12px;background:#f7fcf9;margin:10px 0 12px}#view-campaigns .create-secondary-actions{margin-top:8px;padding-top:6px;border-top:1px dashed #cfe2d6}#view-campaigns .create-primary-actions{margin-top:8px;padding:10px;border:1px solid #9fcdb8;border-radius:12px;background:linear-gradient(180deg,#f5fbf8,#ecf7f1)}#view-campaigns .create-primary-actions #queueCampaignRowsBtn{box-shadow:0 10px 24px #0c604247}#view-campaigns .create-primary-actions button.secondary{background:#f8fcfa;border-color:#c8ddd1}#view-campaigns #campaignRowsStatus,#view-campaigns #campaignValidationSummary,#view-jobs #jobsStatus,#view-jobs #watchStatus{border:1px solid #d2e4da;border-radius:10px;background:#f8fcf9;padding:8px 10px;margin-top:8px}#view-jobs .results-primary-actions{padding:10px;border:1px solid #a8cfbb;border-radius:12px;background:linear-gradient(180deg,#f7fcf9,#edf8f2)}#view-jobs .results-primary-actions>#refreshJobsBtn{box-shadow:0 10px 24px #0c604242}#view-jobs .jobs-summary{margin-top:10px}#view-composer details.advanced-only{border-style:dashed;background:#f9fcfa}#view-composer details.advanced-only>summary{color:#376252}#view-campaigns .create-secondary-actions{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media(min-width:900px){#view-campaigns .create-primary-actions{grid-template-columns:1.4fr 1fr 1fr}}:root{--bg0: #f3f7f8;--bg1: #e6eff1;--ink: #132632;--ink-soft: #56707f;--line: #c5d5dc;--card: #ffffff;--accent: #0d8f78;--warn: #a86417;--danger: #af2c3f;--ok: #177a56;--shadow: 0 14px 34px rgba(12, 43, 56, .1)}html,body{font-family:Sora,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 6% 4%,rgba(79,157,175,.18) 0,transparent 30%),radial-gradient(circle at 95% 8%,rgba(13,143,120,.14) 0,transparent 35%),linear-gradient(165deg,var(--bg1),var(--bg0))}h1,h2,h3,.tab,button{font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{grid-template-columns:292px 1fr}.sidebar{background:linear-gradient(180deg,#f2f8faf5,#eaf4f6eb);border-right:1px solid rgba(132,162,176,.35)}.brand h1{font-size:19px;letter-spacing:.01em}.brand-mark{border-radius:11px;background:linear-gradient(145deg,#0c8f78,#1aa58a);box-shadow:inset 0 0 0 2px #ffffff80,0 8px 18px #0c5c5138}.tab{border-color:#c9dce5;background:#ffffffeb;color:#355363;transition:background .14s ease,border-color .14s ease,transform .14s ease}.tab:hover{border-color:#9fc6d5;background:#fff;transform:translateY(-1px)}.tab.active{background:linear-gradient(145deg,#0e8f79,#22aa8d);box-shadow:0 10px 22px #0d776642}.content{max-width:1440px;margin:0 auto;padding:24px clamp(14px,2vw,28px) 30px}.card{border-radius:16px;border-color:#cadbe2;box-shadow:var(--shadow);padding:16px}.card h2{font-size:18px;margin-bottom:10px;letter-spacing:.01em}.card p{font-size:13px;line-height:1.5;color:#4f6a78}input,select,textarea,button{border-radius:12px}input,select,textarea{border-color:#c6d9e2;background:#fff}input:focus,select:focus,textarea:focus{border-color:#2f9d8a;box-shadow:0 0 0 3px #2f9d8a29}button{background:linear-gradient(145deg,#0f8f79,#21aa8d);box-shadow:0 8px 18px #0c60543d;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #0c605447;filter:saturate(1.05)}button.secondary{background:#f7fbfd;color:#385867;border-color:#c8dae3}button.secondary:hover:not(:disabled){background:#fff;border-color:#a9c8d6;box-shadow:0 8px 16px #234e611a}.status{font-size:12px;line-height:1.45}.panel{border-color:#c9dbe3;background:linear-gradient(180deg,#fbfdfe,#f3f8fa)}details.accordion{border-color:#cadde5;background:#f8fcfd}details.accordion[open]{background:#f2f9fb}th{color:#4b6877;font-size:12px}td{color:#1f3947}.chip{background:#eef7fa;border-color:#b8d3df}@media(max-width:900px){.content{padding:14px 12px 20px}}#view-campaigns .template-simulator{margin-top:10px;border-color:#b7d1dd;background:linear-gradient(180deg,#fbfeff,#f2f9fc)}#view-campaigns .template-simulator h3{margin:0 0 6px;font-size:15px}#view-campaigns .template-simulator p{margin:0 0 10px;font-size:12px;color:#4f6a78}#view-campaigns .template-simulator .template-live-viewport{min-height:300px}#campaignPreviewFrame{max-width:430px}#view-composer .composer-shell{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}#view-composer .composer-main,#view-composer .composer-rail{display:grid;gap:10px}#view-composer .composer-step{border-color:#bdd4df;background:linear-gradient(180deg,#fbfeff,#f1f8fb);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}#view-composer .composer-step-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}#view-composer .composer-step-head h3{margin:0;font-size:14px}#view-composer .composer-step-index{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#2b4f60;border:1px solid #b4cdd8;background:#eef6fa}#view-composer .composer-step.composer-step-current{border-color:#4d9ec0;box-shadow:0 0 0 3px #4d9ec024;background:linear-gradient(180deg,#f9fdff,#ebf6fb)}#view-composer .composer-step.composer-step-current .composer-step-index{border-color:#4d9ec0;background:#dff0f8;color:#114f66}#view-composer .composer-step.composer-step-done{border-color:#8ec3aa;background:linear-gradient(180deg,#f8fdfb,#edf8f2)}#view-composer .composer-step.composer-step-done .composer-step-index{border-color:#5ca27f;background:#e6f5ec;color:#206a49}#view-composer .step-chip{border-color:#c8d9e1;background:#f4f9fb;color:#2d5263}#view-composer .step-chip.step-chip-active{border-color:#4d9ec0;background:#e8f4fa;color:#0f5169}#view-composer .step-chip.step-chip-done{border-color:#6ab48e;background:#eaf7f0;color:#1f6747}#view-composer #composerWorkflowStatus{border:1px solid #c4d8e2;border-radius:10px;background:#f6fbfe;padding:8px 10px;margin-top:8px}#view-composer .composer-video-preview{margin-top:0}#view-composer .composer-video-player{max-width:420px}@media(min-width:1180px){#view-composer .composer-shell{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}#view-composer .composer-rail{position:sticky;top:16px}}#view-campaigns .campaign-flow{margin:10px 0 8px;padding:10px;border:1px solid #c8dbe4;border-radius:12px;background:linear-gradient(180deg,#f9fcfe,#eef6fa)}#view-campaigns .campaign-flow-primary{margin-top:8px;padding-top:8px;border-top:1px dashed #c1d6df}#view-campaigns .campaign-flow-secondary button.secondary{opacity:.9}#view-campaigns #campaignFlowChips{margin-top:8px}#view-campaigns #campaignActionHint{margin-top:8px;padding:8px 10px;border:1px solid #d0e0e8;border-radius:10px;background:#f7fbfd}#view-campaigns .create-primary-actions #queueCampaignRowsBtn{box-shadow:0 10px 24px #0c60423d}@media(min-width:980px){#view-campaigns .campaign-flow-primary{grid-template-columns:1.4fr 1fr 1fr}}#view-composer .composer-flow-primary{margin-top:8px;padding-top:8px;border-top:1px dashed #c5d8e3}#view-composer .composer-flow-primary>#submitPreviewBtn,#view-composer .composer-flow-primary>#submitRenderBtn{box-shadow:0 10px 24px #0d8f783d}#view-composer #composerActionHint{margin-top:8px;border:1px solid #d2e2ea;border-radius:10px;background:#f7fbfd;padding:8px 10px}#view-publishing .publish-flow{margin:10px 0 12px;padding:10px;border:1px solid #c8dbe4;border-radius:12px;background:linear-gradient(180deg,#f9fcfe,#eef6fa)}#view-publishing .publish-flow-primary{margin-top:8px;padding-top:8px;border-top:1px dashed #c1d6df}#view-publishing .publish-flow-secondary button.secondary,#view-publishing .publish-flow-primary button.secondary{opacity:.92}#view-publishing #publishFlowChips,#view-publishing #publishFlowStepper{margin-top:8px}#view-publishing #publishActionHint{margin-top:8px;border:1px solid #d0e0e8;border-radius:10px;background:#f7fbfd;padding:8px 10px}@media(min-width:980px){#view-publishing .publish-flow-secondary{grid-template-columns:1.2fr 1fr 1fr}#view-publishing .publish-flow-primary{grid-template-columns:1fr 1fr}}.guided-stepper{display:flex;flex-wrap:wrap;gap:8px}.guided-step{border:1px solid #c5d8e1;background:#f4f9fb;color:#2d5263}.guided-step strong{margin-right:4px}.guided-step-done{border-color:#8ec3aa;background:#ebf8f1;color:#1f6747}.guided-step-current{border-color:#4d9ec0;background:#e8f4fa;color:#0f5169}.stepper-unblock-btn{margin-left:6px}.template-builder{margin-top:12px;border-color:#c2d8e2;background:linear-gradient(180deg,#fbfeff,#f1f8fb)}.builder-slot-bindings{display:grid;gap:8px}.builder-binding-row{display:grid;gap:6px;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr);align-items:center}.builder-binding-row span{color:#3d5e6f;font-size:12px;font-weight:700}#builderPreviewFrame{max-width:420px}@media(max-width:900px){.builder-binding-row{grid-template-columns:1fr}}.saved-view-quick-row{margin:10px 0 12px;padding:8px;border:1px solid #cddde5;border-radius:12px;background:#f8fcfe}.support-workflow{margin-top:10px;border-color:#c7d9e2;background:linear-gradient(180deg,#fbfdfe,#f2f8fb)}.support-workflow h3{margin:0 0 8px;font-size:14px}#supportBundlePreview{margin-top:8px;max-height:220px}.advanced-surface{position:fixed;inset:0;z-index:45;pointer-events:none}.advanced-surface:before{content:"";position:absolute;inset:0;background:#10212a4d;opacity:0;transition:opacity .16s ease}.advanced-surface-card{position:absolute;top:0;right:0;width:min(90vw,380px);height:100%;background:linear-gradient(180deg,#fbfdfe,#eef5f8);border-left:1px solid #bfd3de;box-shadow:-16px 0 28px #0e253133;padding:12px;transform:translate(102%);transition:transform .18s ease;display:grid;grid-template-rows:auto auto 1fr;gap:10px}.advanced-surface.open{pointer-events:auto}.advanced-surface.open:before{opacity:1}.advanced-surface.open .advanced-surface-card{transform:translate(0)}.advanced-surface-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.advanced-surface-head h3{margin:0;font-size:15px}.advanced-surface-body{overflow:auto}.advanced-surface-list{display:grid;gap:8px}.builder-version-timeline{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}@media(min-width:1180px){.advanced-surface{inset:auto 14px 14px auto;width:360px;height:calc(100vh - 28px)}.advanced-surface:before{display:none}.advanced-surface-card{width:100%;height:100%;border:1px solid #bfd3de;border-radius:16px;box-shadow:0 14px 28px #0e25312e}}@media(max-width:900px){#view-campaigns .campaign-flow-primary,#view-publishing .publish-flow-primary{position:sticky;bottom:8px;z-index:14;margin-top:12px;padding:10px;border:1px solid #b8d7c8;border-top:1px solid #b8d7c8;border-radius:12px;background:#f8fcfafa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 -8px 20px #0c604224}#view-campaigns .campaign-flow-primary button,#view-publishing .publish-flow-primary button{min-height:44px}.campaign-quick-filters .campaign-filter-status{flex-basis:100%;margin-left:0}}@media(min-width:1100px){#campaignRowsTable [data-col-key=name]{min-width:170px}#campaignRowsTable [data-col-key=status]{min-width:130px}#publishTasksTable [data-col-key=publishId]{min-width:180px}#publishTasksTable [data-col-key=status]{min-width:140px}#jobsTable th:first-child,#jobsTable td:first-child{min-width:180px}#jobsTable th:nth-child(2),#jobsTable td:nth-child(2){min-width:120px}#campaignRowsTable th[data-col-key=name],#campaignRowsTable td[data-col-key=name]{position:sticky;left:0;z-index:5;background:#f6fbf9}#campaignRowsTable th[data-col-key=status],#campaignRowsTable td[data-col-key=status]{position:sticky;left:170px;z-index:5;background:#f6fbf9}#publishTasksTable th[data-col-key=publishId],#publishTasksTable td[data-col-key=publishId]{position:sticky;left:0;z-index:5;background:#f6fbf9}#publishTasksTable th[data-col-key=status],#publishTasksTable td[data-col-key=status]{position:sticky;left:180px;z-index:5;background:#f6fbf9}#jobsTable th:first-child,#jobsTable td:first-child{position:sticky;left:0;z-index:5;background:#f6fbf9}#jobsTable th:nth-child(2),#jobsTable td:nth-child(2){position:sticky;left:180px;z-index:5;background:#f6fbf9}#campaignRowsTable th,#publishTasksTable th,#jobsTable th{z-index:6}}