.chatmkt-main{height:calc(100vh - 76px);min-height:520px;max-width:none;padding:0;overflow:hidden;background:#fff}
.chatmkt-shell{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;background:#fff}
.chatmkt-menu{display:flex;align-items:center;gap:6px;min-height:0;padding:0;border:0;background:transparent}
.chatmkt-menu button{padding:7px 11px;border:0;border-radius:8px;background:transparent;color:#667085;font-size:.8rem;font-weight:700}
.chatmkt-menu button:hover,.chatmkt-menu button.active{background:#f0edff;color:#5141c8}
.chatmkt-menu button:last-child{border:1px solid #d9d6fe;background:#fff;color:#5948e8}
.chatmkt-menu span{display:inline-grid;min-width:19px;height:19px;place-items:center;margin-left:4px;border-radius:999px;background:#e9e5ff;font-size:.68rem}
.chatmkt-history{position:absolute;z-index:20;top:46px;left:0;width:min(390px,92vw);max-height:calc(100% - 46px);overflow:auto;padding:12px;background:#fff;border:1px solid #eaecf0;border-left:0;border-radius:0 0 14px 0;box-shadow:0 18px 40px #10182824}
.chatmkt-history[hidden]{display:none}
.chatmkt-history-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px}.chatmkt-history-head button{width:30px;height:30px;border:0;border-radius:8px;background:#f2f4f7;font-size:1.15rem}
.chatmkt-history-list{display:flex;flex-direction:column;gap:7px}.chatmkt-history-list article{display:flex;align-items:center;gap:5px;border:1px solid #eaecf0;border-radius:10px;background:#fff}.chatmkt-history-list article.selected{border-color:#a99cfb;background:#faf9ff}
.chatmkt-history-open{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;padding:10px;border:0;background:transparent;text-align:left}.chatmkt-history-open span,.chatmkt-history-open small{max-width:100%;overflow:hidden;color:#667085;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.chatmkt-history-open strong{max-width:100%;overflow:hidden;margin:3px 0;color:#344054;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}
.chat-history-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.chat-history-toolbar input{flex:1;height:42px;padding:0 13px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#101828}.chat-history-toolbar input:focus{outline:3px solid #e4e0ff;border-color:#7a6afc}.chat-history-toolbar>span{flex:none;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:.72rem;font-weight:700}.chat-history-modal-list{display:grid;gap:9px;max-height:58vh;overflow:auto;padding:2px}.chat-history-card{display:flex;align-items:center;gap:8px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;transition:border-color .15s,background .15s,transform .15s}.chat-history-card:hover{transform:translateY(-1px);border-color:#c7bdfd;background:#fcfbff}.chat-history-card.selected{border-color:#806cf5;background:#f7f5ff;box-shadow:0 0 0 2px #e8e4ff}.chat-history-main{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;padding:13px;border:0;background:transparent;text-align:left}.chat-history-main strong{max-width:100%;overflow:hidden;margin:4px 0;color:#172033;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.chat-history-main small,.chat-history-provider{max-width:100%;overflow:hidden;color:#667085;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.chat-history-provider{color:#6756d8;font-weight:700}.chat-history-actions{display:flex;gap:5px;padding-right:10px}.chat-history-actions button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#667085}.chat-history-actions button:hover,.chat-history-actions button.active{border-color:#c7bdfd;background:#f0edff;color:#5948e8}.chat-history-actions button.danger-ghost:hover{border-color:#fecdca;background:#fff1f0;color:#b42318}.chat-history-empty{display:grid;place-items:center;gap:5px;padding:42px 20px;border:1px dashed #d0d5dd;border-radius:12px;color:#667085;text-align:center}.chat-history-empty strong{color:#344054}
.chatmkt-hero-actions,.chatmkt-history-actions{display:flex;align-items:center;gap:6px}.chatmkt-hero-actions{flex:none}.chatmkt-history-actions{padding-right:7px}
.chatmkt-edit-title,.chatmkt-favorite,.chatmkt-delete-thread{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:8px;background:transparent;color:#98a2b3;font-size:1rem}.chatmkt-favorite{color:#d0d5dd;font-size:1.1rem}.chatmkt-favorite.active{color:#f5a524}.chatmkt-edit-title:hover,.chatmkt-favorite:hover{background:#f2f4f7;color:#5948e8}.chatmkt-delete-thread:hover{background:#fff1f0;color:#d92d20}
.chatmkt-scope-bar{z-index:2;min-height:58px;display:flex;align-items:center;gap:12px;padding:8px clamp(16px,3vw,40px);background:#fff;border-bottom:1px solid #eaecf0}
.chatmkt-scope-field{display:flex;align-items:center;gap:8px;min-width:0}
.chatmkt-scope-field label{font-size:.74rem;color:#667085;white-space:nowrap}
.chatmkt-scope-field select{min-width:145px;max-width:min(32vw,270px);padding:7px 30px 7px 10px;font-size:.84rem}
.chatmkt-discover{width:34px;height:34px;flex:0 0 34px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#475467;font-size:1.05rem}
.chatmkt-discover:hover:not(:disabled){background:#f9f5ff;border-color:#d9d6fe;color:#5948e8}
.chatmkt-discover:disabled,.chatmkt-scope-field select:disabled{opacity:.6;cursor:not-allowed}
#chatmkt-account-finance{min-width:0;overflow:hidden;color:#667085;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
#chatmkt-scope-note{color:#667085;font-size:.84rem}
.chatmkt-chat-focus{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.campaign-chat-log{display:flex;flex:1;flex-direction:column;gap:22px;width:100%;max-width:none;min-height:0;overflow-y:auto;margin:0;padding:34px clamp(18px,4vw,54px) 28px;scroll-behavior:smooth}
.campaign-chat-message{width:fit-content;max-width:min(78%,720px);padding:15px 18px;border:1px solid #eaecf0;border-radius:15px;background:#fff;color:#344054;box-shadow:0 1px 2px #1018280a}
.campaign-chat-message>span{display:block;margin-bottom:7px;color:#667085;font-size:.74rem;font-weight:700}
.campaign-chat-message p{margin:0;white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}
.campaign-chat-message .chat-message-text{line-height:1.6;overflow-wrap:anywhere}.campaign-chat-message .chat-message-text p{margin:0 0 10px}.campaign-chat-message .chat-message-text p:last-child{margin-bottom:0}.campaign-chat-message .chat-message-text ul,.campaign-chat-message .chat-message-text ol{margin:8px 0 2px;padding-left:22px}.campaign-chat-message .chat-message-text li{margin:7px 0;padding-left:3px}.campaign-chat-message .chat-message-text strong{color:#101828}.campaign-chat-message .chat-message-text code{padding:2px 5px;border-radius:5px;background:#f2f4f7;font:500 .88em ui-monospace,SFMono-Regular,Consolas,monospace}
.campaign-chat-message.user{align-self:flex-end;border-color:#e9e5ff;background:#f7f6ff;color:#29235b}
.campaign-chat-message.user>span{text-align:right;color:#6756d8}
.campaign-chat-message.assistant{align-self:flex-start}
.campaign-chat-message .chat-campaign-proposal{margin-top:12px}
.campaign-chat-message .ai-model-result{display:block;margin-top:10px;color:#98a2b3;font-size:.7rem}
.campaign-chat-form{width:100%;max-width:none;margin:0;padding:0 clamp(18px,4vw,54px) 20px}
.campaign-chat-form>textarea{display:block;width:100%;min-height:94px;max-height:240px;resize:vertical;padding:15px 16px;border:1px solid #d0d5dd;border-radius:14px;background:#fff;color:#101828;font:inherit;line-height:1.5;box-shadow:0 4px 14px #1018280a}
.campaign-chat-form>textarea:focus,.chatmkt-scope-bar select:focus-visible,.campaign-chat-form select:focus-visible,.chatmkt-discover:focus-visible{outline:3px solid #d9d6fe;outline-offset:1px;border-color:#7a6afc}
.chatmkt-composer-footer{display:flex;align-items:center;gap:12px;min-height:46px;padding-top:9px}
.chatmkt-composer-footer .ai-model-controls{display:flex;align-items:center;gap:8px;min-width:0}
.chatmkt-composer-footer .ai-model-controls select{min-width:128px;padding:6px 26px 6px 9px;font-size:.78rem;color:#475467}
.chatmkt-composer-footer .ai-model-help{display:none}
.chatmkt-composer-footer .campaign-chat-actions{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:12px;border:0;padding:0;margin:0}
.chatmkt-composer-footer .campaign-chat-actions small{max-width:440px;text-align:right;font-size:.75rem}
.chatmkt-composer-footer #campaign-chat-send{min-width:104px;padding:9px 14px}
.chatmkt-composer-footer #campaign-chat-send:disabled{opacity:.58;cursor:not-allowed}
.chatmkt-composer-footer #campaign-chat-help{flex:1;max-width:720px;line-height:1.45}
.campaign-chat-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:min(900px,100%);margin:0 auto;padding:0 clamp(18px,4vw,54px) 12px}
.campaign-chat-suggestions[hidden]{display:none}
.campaign-chat-suggestions button{padding:8px 11px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#475467;font-size:.78rem;font-weight:600}
.campaign-chat-suggestions button:hover{border-color:#c4b5fd;background:#faf9ff;color:#5141c8}
.campaign-chat-message[role="alert"]{border-color:#fecdca;background:#fff7f6;color:#912018}
.chat-processing{min-width:280px;background:linear-gradient(100deg,#fff 20%,#f7f6ff 50%,#fff 80%);background-size:220% 100%;animation:chat-processing-shimmer 1.8s linear infinite}
.chat-processing-row{display:flex;align-items:center;gap:7px}.chat-processing-row i{width:7px;height:7px;border-radius:50%;background:#6d5dfc;animation:chat-processing-dot 1.1s ease-in-out infinite}.chat-processing-row i:nth-child(2){animation-delay:.15s}.chat-processing-row i:nth-child(3){animation-delay:.3s}.chat-processing-row strong{margin-left:4px;color:#344054;font-size:.88rem}.chat-processing>small{display:block;margin-top:8px;color:#667085;font-size:.76rem}
@keyframes chat-processing-dot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}@keyframes chat-processing-shimmer{to{background-position:-220% 0}}
.chatmkt-chat-focus .voice-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;border:0}
.chatmkt-chat-focus .voice-controls>label{font-size:.75rem;color:#667085}
.chatmkt-chat-focus .voice-controls>.table-select{width:auto;min-width:120px;padding:6px 8px;font-size:.78rem}
.chatmkt-chat-focus .voice-controls>small{max-width:220px;font-size:.68rem;line-height:1.35}
.chatmkt-chat-focus .voice-actions{display:flex;gap:5px}
.chatmkt-chat-focus .voice-actions button{padding:6px 8px;font-size:.74rem}
.chatmkt-media-tools{flex:0 0 auto;width:min(900px,calc(100% - 36px));margin:0 auto 10px;color:#475467;font-size:.83rem}
.chatmkt-media-tools summary{width:fit-content;padding:5px 0;color:#667085;cursor:pointer}
.chatmkt-media-tools[open]{max-height:32vh;overflow-y:auto;padding:10px 14px;border:1px solid #eaecf0;border-radius:10px}
.chatmkt-media-tools>p{font-size:.8rem}
@media(max-width:900px){.chatmkt-main{height:calc(100vh - 76px)}.chatmkt-scope-bar{gap:8px;flex-wrap:wrap}.chatmkt-scope-field{flex:1 1 42%}.chatmkt-scope-field label{display:none}.chatmkt-scope-field select{width:100%;max-width:none}.campaign-chat-log{padding-top:22px}.campaign-chat-message{max-width:88%}.chatmkt-composer-footer{flex-wrap:wrap}.chatmkt-composer-footer .campaign-chat-actions{flex-basis:100%}.chatmkt-chat-focus .voice-controls{flex-basis:100%}}
@media(max-width:560px){.chatmkt-main{height:calc(100dvh - 76px);min-height:420px}.chatmkt-scope-bar{min-height:54px;padding:7px 12px}.chatmkt-scope-field{flex-basis:calc(50% - 25px)}.chatmkt-scope-field select{font-size:.74rem;padding:7px 25px 7px 7px}.chatmkt-discover{width:30px;height:30px;flex-basis:30px}.campaign-chat-log{gap:14px;padding:20px 12px}.campaign-chat-message{max-width:92%;padding:12px 14px}.campaign-chat-form{padding:0 12px 10px}.campaign-chat-form>textarea{min-height:82px;padding:12px;font-size:.94rem}.chatmkt-composer-footer{gap:7px}.chatmkt-composer-footer .campaign-chat-actions{justify-content:space-between}.chatmkt-composer-footer .campaign-chat-actions small{max-width:60%;text-align:left}.chatmkt-composer-footer #campaign-chat-send{min-width:90px}.chatmkt-chat-focus .voice-controls>label,.chatmkt-chat-focus .voice-controls>small{display:none}.chatmkt-chat-focus .voice-controls>.table-select{min-width:110px}.chatmkt-media-tools{width:calc(100% - 24px);margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.campaign-chat-log{scroll-behavior:auto}}
@media(max-width:560px){.chatmkt-menu{padding:5px 10px}.chatmkt-menu button{padding:6px 8px;font-size:.72rem}.chatmkt-menu button:last-child{margin-left:0}.chat-history-toolbar{align-items:stretch;flex-direction:column}.chat-history-toolbar>span{width:max-content}.chat-history-actions{flex-direction:column;padding:7px}.chat-history-modal-list{max-height:55vh}}

html[data-theme="dark"] body.chatmkt-concept .chatmkt-scope-field select{border-color:#475467!important;background-color:#1d2939!important;color:#e4e7ec!important;color-scheme:dark}
html[data-theme="dark"] body.chatmkt-concept .chatmkt-scope-field select option{background:#1d2939;color:#e4e7ec}
html[data-theme="dark"] .campaign-dialog{border-color:#344054;background:#182230;color:#f2f4f7;color-scheme:dark}
html[data-theme="dark"] .campaign-dialog .modal-head,html[data-theme="dark"] .campaign-dialog .modal-actions{border-color:#344054;background:#182230}
html[data-theme="dark"] .chat-history-toolbar input{border-color:#475467;background:#101828;color:#f2f4f7}
html[data-theme="dark"] .chat-history-toolbar input::placeholder{color:#98a2b3}
html[data-theme="dark"] .chat-history-toolbar>span{background:#344054;color:#d0d5dd}
html[data-theme="dark"] .chat-history-card{border-color:#344054;background:#1d2939}
html[data-theme="dark"] .chat-history-card:hover{border-color:#6670d8;background:#202b43}
html[data-theme="dark"] .chat-history-card.selected{border-color:#8b7cff;background:#26365b;box-shadow:0 0 0 2px #4438a8}
html[data-theme="dark"] .chat-history-main strong{color:#f2f4f7}
html[data-theme="dark"] .chat-history-main small{color:#98a2b3}
html[data-theme="dark"] .chat-history-provider{color:#b7adff}
html[data-theme="dark"] .chat-history-actions button{border-color:#475467;background:#182230;color:#d0d5dd}
html[data-theme="dark"] body.chatmkt-concept .campaign-chat-message .chat-message-text,html[data-theme="dark"] body.chatmkt-concept .campaign-chat-message .chat-message-text strong,html[data-theme="dark"] body.chatmkt-concept .campaign-chat-message .chat-message-text li{color:#e4e7ec}
html[data-theme="dark"] body.chatmkt-concept .campaign-chat-message>span{color:#aab7ff}
.campaign-directory-list{display:grid;gap:10px;max-height:62vh;overflow:auto;padding:2px}
.campaign-directory-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 15px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}
.campaign-directory-card h3{margin:3px 0;color:#172033;font-size:.9rem}.campaign-directory-card>div:first-child>span{color:#6756d8;font-size:.68rem;font-weight:700}.campaign-directory-card small{color:#667085;font-size:.72rem}
.campaign-directory-metrics{display:flex;gap:6px;flex-wrap:wrap}.campaign-directory-metrics span{padding:6px 8px;border-radius:8px;background:#f5f7fa;color:#667085;font-size:.7rem}.campaign-directory-metrics b{color:#344054}
.campaign-detail-loading{padding:48px 20px;color:#667085;text-align:center}
html[data-theme="dark"] body.chatmkt-concept #chatmkt-account-finance{color:#98a2b3!important}
html[data-theme="dark"] .campaign-directory-card{border-color:#344054;background:#1d2939}.campaign-directory-card h3{color:#172033}html[data-theme="dark"] .campaign-directory-card h3{color:#f2f4f7}html[data-theme="dark"] .campaign-directory-card small{color:#98a2b3}html[data-theme="dark"] .campaign-directory-metrics span{background:#101828;color:#98a2b3}html[data-theme="dark"] .campaign-directory-metrics b{color:#e4e7ec}
@media(max-width:720px){.campaign-directory-card{grid-template-columns:1fr}.campaign-directory-metrics{order:2}.campaign-directory-card>button{order:3;width:100%}}
.campaign-dialog:has(.campaign-directory-toolbar){width:min(1040px,calc(100vw - 32px));max-width:1040px}
.campaign-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:12px;background:#f8faff}.campaign-directory-toolbar>div:first-child{display:grid;gap:2px}.campaign-directory-toolbar strong{color:#172033;font-size:.9rem}.campaign-directory-toolbar small{color:#667085;font-size:.72rem}.campaign-directory-toolbar [role="group"]{display:flex;gap:4px;padding:4px;border-radius:10px;background:#e9edf5}.campaign-directory-toolbar button{padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#667085;font-size:.72rem}.campaign-directory-toolbar button.active{background:#fff;color:#4f46d8;box-shadow:0 1px 3px #10182820}
.campaign-directory-card{grid-template-columns:auto minmax(260px,1.25fr) minmax(250px,.9fr) auto;gap:14px;padding:12px}.campaign-directory-thumb{width:92px;height:72px;overflow:hidden;border-radius:9px;background:#eef1f6}.campaign-directory-thumb img{display:block;width:100%;height:100%;object-fit:cover}.campaign-directory-main{min-width:0}.campaign-directory-heading{display:flex;align-items:center;gap:8px}.campaign-directory-heading>span{overflow:hidden;color:#6756d8;font-size:.65rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.campaign-directory-main h3{overflow:hidden;margin:5px 0 4px;color:#172033;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.campaign-directory-main small{display:block;overflow:hidden;color:#667085;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.campaign-status-chip{flex:none;padding:3px 6px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:.56rem}.campaign-status-chip.active{background:#e8f8ef;color:#067647}.campaign-status-chip.paused{background:#fff4e5;color:#b54708}.campaign-directory-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.campaign-directory-metrics span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px}.campaign-directory-actions{display:grid;gap:6px}.campaign-directory-actions button{min-width:102px;padding:7px 10px;border-radius:8px;font-size:.68rem}.campaign-directory-primary{border:0;background:#6657ee;color:#fff}
html[data-theme="dark"] .campaign-directory-toolbar{border-color:#344054;background:#101828}html[data-theme="dark"] .campaign-directory-toolbar strong{color:#f2f4f7}html[data-theme="dark"] .campaign-directory-toolbar small{color:#98a2b3}html[data-theme="dark"] .campaign-directory-toolbar [role="group"]{background:#1d2939}html[data-theme="dark"] .campaign-directory-toolbar button{color:#98a2b3}html[data-theme="dark"] .campaign-directory-toolbar button.active{background:#344054;color:#d6d2ff}html[data-theme="dark"] .campaign-directory-main h3{color:#f2f4f7}html[data-theme="dark"] .campaign-directory-main small{color:#98a2b3}
@media(max-width:860px){.campaign-directory-card{grid-template-columns:auto minmax(0,1fr)}.campaign-directory-metrics{grid-column:1/-1}.campaign-directory-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.campaign-directory-actions button{width:100%}}
@media(max-width:560px){.campaign-directory-toolbar{align-items:stretch;flex-direction:column}.campaign-directory-toolbar [role="group"]{display:grid;grid-template-columns:repeat(3,1fr)}.campaign-directory-card{grid-template-columns:1fr}.campaign-directory-thumb{width:100%;height:150px}.campaign-directory-metrics,.campaign-directory-actions{grid-column:auto}}

.openrouter-model-settings{margin:0 0 22px}
.openrouter-model-settings>.panel-head{align-items:flex-start;gap:16px}
.model-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;padding:20px}
.model-setting-field{min-width:0;margin:0;padding:0 0 16px}
.model-setting-field label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.model-setting-field label span{color:#98a2b3;font-size:.72rem;font-weight:400;text-align:right}
.model-setting-field select{width:100%;min-width:0;margin-top:3px}
.model-setting-field select:disabled{color:#667085;background:#f9fafb}
.model-setting-status,.model-setting-info{display:block;color:#667085;font-size:.75rem;line-height:1.45;margin-top:5px}
.model-setting-info{color:#475467}
.model-settings-status{min-height:1.35em;margin:0;padding:0 20px 16px;color:#475467;font-size:.84rem}
.model-settings-status[role="alert"]{color:#b42318}
@media(max-width:760px){.model-settings-grid{grid-template-columns:1fr;padding:16px}.openrouter-model-settings>.panel-head{flex-wrap:wrap}.openrouter-model-settings>.panel-head>button{width:100%}}
@media(max-width:560px){.campaign-chat-suggestions{gap:6px;padding:0 12px 8px}.campaign-chat-suggestions button{font-size:.72rem;padding:7px 9px}.chatmkt-composer-footer{flex-wrap:wrap}.chatmkt-composer-footer #campaign-chat-help{flex-basis:100%;max-width:none}.chatmkt-composer-footer #campaign-chat-send{margin-left:auto}.model-setting-field label{display:block}.model-setting-field label span{display:block;text-align:left;margin-top:3px}}
.pixel-wizard{display:grid;gap:18px}.pixel-explainer,.pixel-success{padding:16px 18px;border:1px solid #c7d2fe;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f8fafc)}.pixel-explainer strong,.pixel-success strong{font-size:1rem}.pixel-explainer p,.pixel-success p{margin:6px 0 0;color:var(--muted)}.pixel-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pixel-steps span{padding:9px 12px;border-radius:999px;background:var(--surface-2,#f1f5f9);color:var(--muted);font-size:.78rem;text-align:center}.pixel-steps .active{background:#4f46e5;color:#fff}.pixel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pixel-form-grid label{display:grid;gap:7px;font-size:.8rem;font-weight:700}.pixel-form-grid input,.pixel-form-grid select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);color:var(--text)}.pixel-safe-note{margin:0;padding:12px 14px;border-radius:10px;background:rgba(59,130,246,.09);color:var(--muted);font-size:.82rem}.pixel-code-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface,#fff)}.pixel-code-card>div{display:grid}.pixel-code-card small{color:var(--muted);margin-top:3px}.pixel-code-card textarea{grid-column:1/-1;min-height:150px;resize:vertical;padding:12px;border:1px solid var(--border);border-radius:10px;background:#0f172a;color:#dbeafe;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.pixel-checklist{margin:0;padding-left:22px;display:grid;gap:8px}.pixel-checklist li::marker{color:#4f46e5;font-weight:800}@media(max-width:720px){.pixel-form-grid{grid-template-columns:1fr}.pixel-steps{grid-template-columns:1fr}.pixel-code-card{grid-template-columns:1fr}.pixel-code-card button{justify-self:start}}
.meta-reconnect-state{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #fbbf24;border-radius:14px;background:linear-gradient(135deg,rgba(251,191,36,.17),rgba(249,115,22,.08))}.meta-reconnect-state>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#f59e0b;color:#fff;font-size:24px;font-weight:800}.meta-reconnect-state strong{font-size:1rem}.meta-reconnect-state p{margin:5px 0 0;color:var(--muted);line-height:1.5}
.campaign-chat-message:has(.chat-creative-table){width:100%;max-width:100%}.chat-creative-table{margin-top:14px;border:1px solid #dfe4ec;border-radius:12px;overflow:hidden;background:#fff}.chat-creative-table>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e7eaf0;background:#f8fafc}.chat-creative-table>header div{display:grid;gap:2px}.chat-creative-table>header strong{color:#101828;font-size:.86rem}.chat-creative-table>header small{color:#667085;font-size:.72rem}.chat-creative-table-scroll{max-height:430px;overflow:auto}.chat-creative-table table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.chat-creative-table th{position:sticky;top:0;z-index:1;padding:10px 12px;border-bottom:1px solid #e7eaf0;background:#f8fafc;color:#667085;font-size:.7rem;font-weight:700;letter-spacing:.035em;text-align:left;text-transform:uppercase}.chat-creative-table th:nth-child(1){width:92px}.chat-creative-table th:nth-child(2){width:31%}.chat-creative-table th:nth-child(3){width:115px}.chat-creative-table th:nth-child(4){width:24%}.chat-creative-table th:nth-child(5){width:150px}.chat-creative-table td{padding:12px;border-bottom:1px solid #edf0f4;vertical-align:middle}.chat-creative-table tbody tr:last-child td{border-bottom:0}.chat-creative-table tbody tr:hover{background:#f8faff}.creative-media img{display:block;width:68px;height:68px;border-radius:9px;object-fit:cover;border:1px solid #e2e8f0}.creative-no-media{display:grid;place-items:center;width:68px;height:68px;border:1px dashed #cbd5e1;border-radius:9px;color:#94a3b8;font-size:.68rem;text-align:center}.creative-summary strong{display:block;color:#172033;font-size:.82rem;line-height:1.3}.creative-summary p{display:-webkit-box;margin:5px 0 0!important;color:#667085;font-size:.75rem;line-height:1.4!important;white-space:normal!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.creative-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.67rem;font-weight:700;white-space:nowrap}.creative-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.creative-status.active{color:#067647;background:#ecfdf3}.creative-status.paused{color:#475467;background:#f2f4f7}.creative-identifiers{font-size:.7rem;color:#667085}.creative-identifiers span{display:block;margin:3px 0}.creative-identifiers code{font:500 .96em ui-monospace,SFMono-Regular,Consolas,monospace;color:#475467}.creative-row-actions{display:grid;gap:7px}.creative-row-actions a,.creative-row-actions button{display:block;width:100%;padding:7px 9px;border-radius:7px;text-align:center;font-size:.7rem;font-weight:700;text-decoration:none}.creative-row-actions a{border:1px solid #d0d5dd;color:#344054;background:#fff}.creative-row-actions .analyze-creative{border:0;background:#eef0ff;color:#5145cd}.creative-row-actions .analyze-creative:hover{background:#dfdcff}.creative-row-actions .analyze-creative:disabled{opacity:.65;cursor:wait}
html[data-theme="dark"] .chat-creative-table{border-color:#344054;background:#182230}html[data-theme="dark"] .chat-creative-table>header,html[data-theme="dark"] .chat-creative-table th{border-color:#344054;background:#1d2939}html[data-theme="dark"] .chat-creative-table>header strong,html[data-theme="dark"] .creative-summary strong{color:#f2f4f7}html[data-theme="dark"] .chat-creative-table>header small,html[data-theme="dark"] .chat-creative-table th,html[data-theme="dark"] .creative-summary p,html[data-theme="dark"] .creative-identifiers{color:#98a2b3}html[data-theme="dark"] .chat-creative-table td{border-color:#2d3b50}html[data-theme="dark"] .chat-creative-table tbody tr:hover{background:#1d2939}html[data-theme="dark"] .creative-media img{border-color:#475467}html[data-theme="dark"] .creative-identifiers code{color:#d0d5dd}html[data-theme="dark"] .creative-status.paused{color:#d0d5dd;background:#344054}html[data-theme="dark"] .creative-row-actions a{border-color:#475467;color:#d0d5dd;background:#182230}html[data-theme="dark"] .creative-row-actions .analyze-creative{background:#35326b;color:#e4e1ff}
@media(max-width:720px){.chat-creative-table-scroll{max-height:520px}.chat-creative-table table,.chat-creative-table tbody,.chat-creative-table tr,.chat-creative-table td{display:block;min-width:0}.chat-creative-table thead{display:none}.chat-creative-table tr{display:grid;grid-template-columns:76px 1fr;gap:0 10px;padding:12px;border-bottom:1px solid #e7eaf0}.chat-creative-table td{padding:3px 0;border:0}.creative-media{grid-row:1/5}.creative-summary,.creative-delivery,.creative-identifiers,.creative-row-actions{grid-column:2}.creative-row-actions{grid-template-columns:1fr 1fr;margin-top:7px}.creative-media img,.creative-no-media{width:68px;height:82px}html[data-theme="dark"] .chat-creative-table tr{border-color:#344054}}
.campaign-chat-message:has(.chat-creative-table){width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important}