:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c11;--panel:#10131a;--panel2:#151925;--panel3:#0f1118;--border:#252d38;--border-soft:#1d2430;--text:#eef0f5;--muted:#8f98a8;--purple:#763bdd;--purple-soft:#763bdd29;--green:#4ad69b;--amber:#f2b840;--red:#f55a61}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar,.app-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c11eb;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.topbar span{color:var(--muted);font-size:12px}.hero{justify-content:space-between;align-items:end;gap:24px;padding:72px 40px 36px;display:flex}.hero h1{max-width:760px;margin:8px 0 12px;font-size:42px}.eyebrow{color:#b699ff;margin:0;font-size:13px}.muted{color:var(--muted);max-width:720px;line-height:1.9}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 40px 48px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-height:160px;padding:20px}.card:hover{background:var(--panel2)}.card h2{margin:24px 0 8px;font-size:18px}.card p{color:var(--muted);font-size:13px;line-height:1.7}.index{color:var(--green);font-size:12px}.primary-link,.primary-button{background:var(--purple);color:#fff;cursor:pointer;border:1px solid #8a5df0;border-radius:9px;justify-content:center;align-items:center;padding:11px 16px;font-weight:700;display:inline-flex}.primary-button:disabled,.success-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button,.ghost-link{border:1px solid var(--border);color:#cdd3dd;cursor:pointer;background:#11151d;border-radius:8px;padding:9px 13px}.success-button{color:#72e5b5;cursor:pointer;background:#4ad69b1f;border:1px solid #4ad69b6b;border-radius:8px;padding:9px 13px}.wide{width:100%}.workflow-page{background:radial-gradient(circle at 36% 25%, #763bdd12, transparent 28%), var(--bg);min-height:100vh}.brand-lockup{align-items:center;gap:34px;display:flex}.brand-lockup strong{font-size:15px}.brand-lockup span{color:#b0b7c4;font-size:12px}.header-actions{align-items:center;gap:10px;display:flex}.save-status{color:#919aa8;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:11px;overflow:hidden}.workflow-layout{grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 60px);display:grid}.canvas-panel{min-width:0;padding:28px 28px 32px}.assistant-panel{border-right:1px solid var(--border);background:#0e1117;flex-direction:column;gap:18px;padding:24px 20px;display:flex}.assistant-panel h2{margin:0 0 7px;font-size:18px}.assistant-panel>div>p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.canvas-title{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.canvas-title h1{margin:0 0 7px;font-size:22px}.canvas-title p{color:var(--muted);margin:0;font-size:11px}.status-pill{color:#c9b5ff;background:var(--purple-soft);border:1px solid #763bdd6b;border-radius:999px;padding:7px 11px;font-size:10px}.flow-canvas{border:1px solid var(--border-soft);background-color:#0c0e14;background-image:radial-gradient(#272d38 1px,#0000 1px);background-size:18px 18px;border-radius:12px;min-height:300px;padding:92px 32px 64px;position:relative;overflow:auto}.node-row{z-index:2;direction:rtl;gap:24px;min-width:1070px;display:flex;position:relative}.flow-lines{z-index:1;direction:ltr;width:1080px;height:220px;position:absolute;inset:50px 20px auto}.flow-lines line{stroke:#3a4250;stroke-width:1.5px;stroke-dasharray:4 5}.flow-node{background:#11151d;border:1px solid #2a3240;border-radius:10px;flex:0 0 154px;min-height:120px;padding:13px;box-shadow:0 12px 28px #00000029}.flow-node h3{margin:16px 0 7px;font-size:13px}.flow-node p{color:#9aa3b1;min-height:15px;margin:0 0 16px;font-size:10px}.node-top{justify-content:space-between;align-items:center;display:flex}.node-index{color:#687283;font-size:9px}.ai-badge{color:#bfa8ff;background:#763bdd26;border-radius:5px;padding:3px 5px;font-size:8px}.node-badge{color:#7f8998;border:1px solid #2b3340;border-radius:6px;padding:4px 7px;font-size:9px;display:inline-flex}.node-ai{border-color:#763bdd7a}.node-human_approval{border-color:#f2b8407a}.node-publish{border-color:#4ad69b66}.ai-summary{border:1px solid var(--border);background:#10131a;border-radius:10px;margin-top:16px;padding:16px}.ai-summary h2{margin:0 0 14px;font-size:13px}.summary-points{color:#c1c7d1;flex-wrap:wrap;gap:12px 32px;font-size:11px;display:flex}.ai-summary p{color:#7f8998;margin:16px 0 0;font-size:10px}.prompt-box{border:1px solid var(--border);background:#11151d;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.prompt-box span{color:#8f98a8;font-size:10px}.prompt-box textarea{resize:vertical;color:#e7eaf0;background:0 0;border:0;outline:0;min-height:112px;font-size:12px;line-height:1.8}.understood-card,.before-save{border:1px solid var(--border);background:#10131a;border-radius:10px;padding:13px}.understood-card h3,.before-save h3{margin:0 0 12px;font-size:12px}.understood-card dl{gap:0;margin:0;display:grid}.understood-card dl div{border-top:1px solid #1f2631;grid-template-columns:72px 1fr;padding:9px 0;display:grid}.understood-card dl div:first-child{border-top:0}.understood-card dt{color:#687282;font-size:9px}.understood-card dd{color:#c7cdd6;margin:0;font-size:10px}.before-save p{color:#8d96a4;font-size:10px;line-height:1.7}.inline-actions{gap:8px;margin-top:12px;display:flex}.run-layout{grid-template-columns:minmax(0,1fr) 430px;min-height:calc(100vh - 60px);display:grid}.run-main{padding:28px}.event-panel{border-right:1px solid var(--border);background:#0e1117}.event-header{border-bottom:1px solid var(--border);padding:24px 20px 16px}.event-header h2{margin:0 0 6px;font-size:17px}.event-header p{color:var(--muted);margin:0;font-size:10px}.execution-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.execution-node{border:1px solid var(--border);background:#10131a;border-radius:10px;min-height:102px;padding:14px}.execution-node h3{margin:0 0 26px;font-size:12px}.execution-node span{color:#6f7988;font-size:10px}.execution-node.done{border-color:#4ad69b54}.execution-node.done span{color:var(--green)}.execution-node.active{border-color:#763bdd8c;box-shadow:inset 0 0 0 1px #763bdd1f}.execution-node.active span{color:#b9a0ff}.current-detail{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.current-detail>div{border:1px solid var(--border);background:#0f1218;border-radius:9px;padding:14px}.micro-label{color:#788292;margin-bottom:8px;font-size:9px;display:block}.current-detail strong{font-size:13px}.event-list{max-height:calc(100vh - 140px);padding:10px 16px 28px;overflow:auto}.event-row{border-bottom:1px solid #1d2430;grid-template-columns:12px 1fr;gap:10px;padding:13px 2px;display:grid}.event-marker{background:var(--purple);border-radius:999px;width:7px;height:7px;margin-top:5px;box-shadow:0 0 0 4px #763bdd1f}.event-title{justify-content:space-between;gap:10px;display:flex}.event-title strong{font-size:11px}.event-title time{color:#677182;direction:ltr;font-size:9px}.event-row p{color:#8f98a8;margin:7px 0 0;font-size:10px;line-height:1.6}.empty-state{color:#717b8b;text-align:center;padding:34px 6px;font-size:11px}.live-dot{background:#5d6674;border-radius:50%;width:8px;height:8px}.live-dot.online{background:var(--green);box-shadow:0 0 0 4px #4ad69b1a}@media (max-width:1050px){.workflow-layout,.run-layout{grid-template-columns:1fr}.assistant-panel,.event-panel{border-right:0;border-top:1px solid var(--border)}}@media (max-width:900px){.grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start;padding:48px 22px 24px}.hero h1{font-size:32px}.grid{padding:20px 22px}.brand-lockup span,.save-status{display:none}.canvas-panel,.run-main{padding:20px 14px}.execution-strip{grid-template-columns:1fr 1fr}}.run-output-ready{background:#4ad69b12;border:1px solid #4ad69b47;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px;display:flex}.run-output-ready div{flex-direction:column;gap:6px;display:flex}.run-output-ready strong{color:#cfeedd;font-size:12px}.run-output-ready span{color:#738078;font-size:9px}.studio-loading{min-height:calc(100vh - 60px);color:var(--muted);place-items:center;font-size:12px;display:grid}.studio-provenance{border-bottom:1px solid var(--border);background:#0d1016;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 24px;display:flex}.studio-provenance>div{flex-direction:column;gap:5px;display:flex}.studio-provenance strong{color:#d5dae2;font-size:11px}.studio-layout{grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 122px);display:grid}.studio-main{min-width:0;padding:22px 24px 36px}.studio-sidebar{border-right:1px solid var(--border);background:#0e1117;flex-direction:column;gap:14px;padding:20px;display:flex}.studio-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:18px;display:flex}.studio-tab{color:#7f8998;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px 12px;font-size:10px}.studio-tab.active{color:#f2f3f7;border-bottom-color:var(--purple)}.content-editor-card{border:1px solid var(--border);background:#10131a;border-radius:12px;padding:22px}.content-title-input,.content-body-input,.variant-editor input,.variant-editor textarea{width:100%;color:var(--text);background:#0c0f15;border:1px solid #242c37;border-radius:8px;outline:none}.content-title-input{padding:13px 14px;font-size:17px;font-weight:700}.content-body-input{resize:vertical;min-height:330px;margin-top:12px;padding:16px;font-size:12px;line-height:1.9}.content-source-row{color:#727d8c;border-top:1px solid #202732;justify-content:space-between;gap:14px;margin-top:12px;padding-top:12px;font-size:9px;display:flex}.ai-actions-card{border:1px solid var(--border);background:#0f1218;border-radius:10px;margin-top:14px;padding:14px}.ai-actions-card h3{margin:0 0 10px;font-size:11px}.quick-actions{flex-wrap:wrap;gap:8px;display:flex}.quick-actions button{color:#c6ccd5;cursor:pointer;background:#151a23;border:1px solid #2a3240;border-radius:7px;padding:8px 10px;font-size:9px}.ai-actions-card p{color:#697484;margin:11px 0 0;font-size:9px}.studio-side-block,.variant-editor{border:1px solid var(--border);background:#10131a;border-radius:10px;padding:13px}.studio-side-block h3{margin:0 0 12px;font-size:11px}.channel-tabs{gap:7px;display:grid}.channel-tab{color:#bfc6d0;cursor:pointer;background:#0d1016;border:1px solid #242c37;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.channel-tab small{color:#657181;font-size:8px}.channel-tab.active{color:#e8e1ff;background:#763bdd1a;border-color:#763bdd99}.settings-list{gap:0;margin:0;display:grid}.settings-list div{border-top:1px solid #1f2630;grid-template-columns:82px 1fr;gap:12px;padding:9px 0;display:grid}.settings-list div:first-child{border-top:0}.settings-list dt{color:#687282;font-size:9px}.settings-list dd{color:#c6ccd5;margin:0;font-size:9px}.variant-editor{gap:9px;display:grid}.variant-editor input{padding:10px 11px;font-size:10px}.variant-editor textarea{resize:vertical;min-height:180px;padding:11px;font-size:10px;line-height:1.8}@media (max-width:1050px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-top:1px solid var(--border)}}@media (max-width:700px){.studio-provenance,.run-output-ready{flex-direction:column;align-items:flex-start}}.danger-button{color:#ff8b91;cursor:pointer;background:#f55a611a;border:1px solid #f55a616b;border-radius:8px;padding:9px 13px}.approval-shell{grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 60px);display:grid}.approval-queue{border-left:1px solid var(--border);background:#0e1117;padding:22px 16px}.approval-heading h1{margin:7px 0 8px;font-size:18px;line-height:1.5}.approval-heading p{color:var(--muted);margin:0;font-size:10px}.approval-list{gap:8px;margin-top:18px;display:grid}.approval-list-item{width:100%;color:var(--text);text-align:right;cursor:pointer;background:#10131a;border:1px solid #242c37;border-radius:9px;justify-content:space-between;gap:10px;padding:12px;display:flex}.approval-list-item>div{flex-direction:column;gap:5px;min-width:0;display:flex}.approval-list-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.approval-list-item span,.approval-list-item small{color:#778292;font-size:8px}.approval-list-item.active{background:#763bdd17;border-color:#763bdd8c}.approval-detail{padding:26px}.approval-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.approval-meta>div{border:1px solid var(--border);background:#10131a;border-radius:9px;padding:12px}.approval-meta strong{font-size:10px}.approval-preview{border:1px solid var(--border);background:#10131a;border-radius:12px;padding:22px}.approval-preview h2{margin:0 0 14px;font-size:18px}.approval-preview p{color:#b5bdc9;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.9}.approval-agent-card{background:#763bdd14;border:1px solid #763bdd4d;border-radius:10px;margin-top:14px;padding:14px}.approval-agent-card p{margin:7px 0;font-size:10px;line-height:1.7}.approval-agent-card small{color:#81769a;font-size:8px}.approval-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.approval-next-step{background:#4ad69b12;border:1px solid #4ad69b4d;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px;display:flex}.approval-next-step strong{font-size:10px}.calendar-shell{grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 60px);display:grid}.calendar-main{padding:26px}.calendar-list{gap:10px;margin-top:20px;display:grid}.calendar-item{border:1px solid var(--border);background:#10131a;border-radius:10px;grid-template-columns:110px minmax(0,1fr) 190px;align-items:center;gap:14px;padding:14px;display:grid}.calendar-date,.calendar-content{flex-direction:column;gap:5px;display:flex}.calendar-date strong,.calendar-content strong{font-size:10px}.calendar-date span,.calendar-content span{color:#758091;font-size:8px}.calendar-status{justify-content:flex-end;align-items:center;gap:8px;display:flex}.calendar-status>span{color:#8d96a4;font-size:8px}.publish-sidebar{border-right:1px solid var(--border);background:#0e1117;flex-direction:column;gap:14px;padding:20px;display:flex}.publish-select,.publish-field input{color:#d9dee7;background:#0d1016;border:1px solid #242c37;border-radius:8px;width:100%;padding:10px;font-size:10px}.publish-preview{background:#0c0f15;border:1px solid #202732;border-radius:8px;margin:10px 0;padding:10px}.publish-preview strong{font-size:10px}.publish-preview p{color:#7f8998;max-height:120px;font-size:9px;line-height:1.7;overflow:auto}.publish-field{gap:6px;margin-top:9px;display:grid}.publish-field span,.publish-check span{color:#7d8796;font-size:9px}.publish-check{align-items:center;gap:8px;margin:12px 0;display:flex}.publish-guard{background:#f2b8400f;border:1px solid #f2b8403d;border-radius:10px;padding:13px}.publish-guard strong{margin:7px 0;font-size:10px;display:block}.publish-guard p{color:#8a8271;margin:0;font-size:9px;line-height:1.7}@media (max-width:1000px){.approval-shell,.calendar-shell{grid-template-columns:1fr}.approval-queue,.publish-sidebar{border-left:0;border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:700px){.approval-meta{grid-template-columns:1fr}.approval-actions,.approval-next-step{flex-direction:column;align-items:stretch}.calendar-item{grid-template-columns:1fr}.calendar-status{justify-content:flex-start}}.connections-shell{grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 60px);display:grid}.connections-main{padding:26px}.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.connection-channel-card{border:1px solid var(--border);background:#10131a;border-radius:10px;justify-content:space-between;gap:12px;min-height:105px;padding:14px;display:flex}.connection-channel-card strong{font-size:12px}.connection-channel-card p{color:#7e8897;margin:8px 0 0;font-size:9px;line-height:1.6}.connection-state{color:#6f7988;white-space:nowrap;align-self:flex-start;font-size:8px}.connection-state.online{color:var(--green)}.connected-list{margin-top:24px}.connected-list h2{margin:0 0 12px;font-size:13px}.connected-account{border:1px solid var(--border);background:#0f1218;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:13px;display:flex}.connected-account-main{align-items:flex-start;gap:10px;min-width:0;display:flex}.connected-account-main>div{flex-direction:column;gap:4px;min-width:0;display:flex}.connected-account-main strong{font-size:11px}.connected-account-main small{color:#758091;white-space:nowrap;text-overflow:ellipsis;max-width:430px;font-size:8px;overflow:hidden}.connected-account-actions{flex-wrap:wrap;gap:7px;display:flex}.connection-form-panel{border-right:1px solid var(--border);background:#0e1117;padding:20px}.connection-form{border:1px solid var(--border);background:#10131a;border-radius:11px;gap:12px;padding:15px;display:grid}.connection-form h2{margin:0 0 4px;font-size:14px}.connection-form label{gap:6px;display:grid}.connection-form label span{color:#7d8796;font-size:9px}.connection-form input,.connection-form select{color:#dde2ea;background:#0d1016;border:1px solid #242c37;border-radius:8px;outline:none;width:100%;padding:10px;font-size:10px}.connection-note{color:#a89d7e;background:#f2b8400f;border:1px solid #f2b84040;border-radius:8px;padding:10px;font-size:9px;line-height:1.7}@media (max-width:1050px){.connections-shell{grid-template-columns:1fr}.connection-form-panel{border-right:0;border-top:1px solid var(--border)}}@media (max-width:800px){.connection-grid{grid-template-columns:1fr}.connected-account{flex-direction:column;align-items:flex-start}}.analytics-shell{padding:26px}.analytics-heading h1{margin:7px 0 8px;font-size:22px}.analytics-heading p{color:var(--muted);margin:0;font-size:10px}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.metric-card{border:1px solid var(--border);background:#10131a;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.metric-card span{color:#7a8493;font-size:9px}.metric-card strong{font-size:22px}.metric-card.success{border-color:#4ad69b47}.metric-card.success strong{color:var(--green)}.metric-card.danger{border-color:#f55a6147}.metric-card.danger strong{color:#ff858c}.channel-performance,.history-section,.event-summary{margin-top:22px}.section-title-row{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.section-title-row h2{margin:0 0 5px;font-size:14px}.section-title-row p{color:#778292;margin:0;font-size:9px}.channel-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.channel-performance-card{border:1px solid var(--border);background:#10131a;border-radius:10px;padding:14px}.channel-performance-head{justify-content:space-between;gap:12px;display:flex}.channel-performance-head strong{font-size:11px}.channel-performance-head span{color:#7f8998;font-size:8px}.performance-bar{background:#1d2430;border-radius:99px;height:5px;margin:12px 0;overflow:hidden}.performance-bar span{background:var(--green);border-radius:99px;height:100%;display:block}.channel-performance-card dl{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.channel-performance-card dl div{border-top:1px solid #202732;padding-top:9px}.channel-performance-card dt{color:#687282;font-size:8px}.channel-performance-card dd{margin:5px 0 0;font-size:10px}.history-filter{color:#dce1e9;background:#0d1016;border:1px solid #242c37;border-radius:8px;padding:9px 10px;font-size:9px}.history-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.history-row{background:#0f1218;border-top:1px solid #1d2430;grid-template-columns:100px minmax(0,1fr) 120px 220px;align-items:center;gap:12px;padding:12px 14px;display:grid}.history-row:first-child{border-top:0}.publication-state{color:#7f8998;border:1px solid #29313e;border-radius:99px;padding:5px 8px;font-size:8px;display:inline-flex}.publication-state.published{color:var(--green);background:#4ad69b12;border-color:#4ad69b4d}.publication-state.failed{color:#ff8188;background:#f55a6112;border-color:#f55a614d}.publication-state.publishing{color:#b9a0ff;border-color:#763bdd59}.history-main,.history-time{flex-direction:column;gap:5px;display:flex}.history-main strong,.history-time strong{font-size:9px}.history-main span,.history-time span,.history-muted{color:#727d8c;font-size:8px}.history-action{justify-content:flex-end;min-width:0;display:flex}.history-error{color:#d07f84;white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:8px;overflow:hidden}.event-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.event-metric-card{border:1px solid var(--border);background:#10131a;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.event-metric-card span{color:#7d8796;font-size:9px}.event-metric-card strong{font-size:14px}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.channel-performance-grid{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:90px minmax(0,1fr) 100px}.history-action{grid-column:2/-1;justify-content:flex-start}}@media (max-width:700px){.analytics-shell{padding:18px 14px}.metric-grid,.channel-performance-grid,.event-metric-grid,.history-row{grid-template-columns:1fr}.history-action{grid-column:auto}}