:root{font-family:Inter,'Segoe UI',sans-serif;color:#173536;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #dbe4e0;border-radius:9px;padding:11px 15px;background:white;color:inherit}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #54b9a0;outline-offset:3px}aside{width:240px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3e9e5;padding:36px 24px}.brand{font-weight:800;font-size:32px;color:#136753;text-decoration:none;display:block}.brand span{margin-left:12px;color:#173536;font-size:25px;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin:6px 0 0 34px;color:#8c9d95}.navlabel{font-size:9px;letter-spacing:1.6px;margin-top:56px;color:#93a299}nav{display:grid;gap:8px;margin-top:20px}nav button{text-align:left;font-size:13px;border:0;padding:14px 10px}nav button.selected{background:#eaf4ee;color:#176448;font-weight:650}.sidebarbottom{position:absolute;bottom:30px;font-size:12px;color:#637970}.sidebarbottom p{font-size:11px;color:#95a39c}.dot{display:inline-block;width:7px;height:7px;background:#5fae79;border-radius:50%;margin-right:6px}main{margin-left:240px;padding:0 42px;max-width:1720px}header{height:85px;border-bottom:1px solid #e0e7e2;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#768980}.local{background:#eaf0ec;padding:7px 11px;border-radius:20px;font-size:10px}.view{padding-top:38px;min-height:calc(100vh - 155px)}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#548273;margin:0 0 15px}h1{font-size:clamp(30px,3.2vw,47px);letter-spacing:-1.7px;line-height:1.12;font-weight:650;margin:0 0 15px}p{font-size:13px;line-height:1.7;color:#75867d}h2{font-size:17px;letter-spacing:-.4px;font-weight:650;margin:0}.primary{background:#18654f;color:white;border-color:#18654f;font-size:12px;font-weight:600;padding:14px 19px}.banner{display:flex;align-items:center;gap:16px;margin-top:30px;background:#edf3e9;border:1px solid #e2eadb;padding:18px 22px;border-radius:12px}.facebook{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:white;color:#2477da;font-size:32px;font-weight:800;flex-shrink:0}.banner strong{font-size:13px}.banner p{margin:3px 0 0;font-size:11px}.banner button{margin-left:auto;background:transparent;border:0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 34px}.stats article{border:1px solid #e2e8e4;background:white;border-radius:12px;padding:20px}.stats span,.stats small{display:block;font-size:11px;color:#7c8c82}.stats strong{display:block;font-size:32px;font-weight:550;margin:12px 0}.stats small{font-size:10px;color:#9aa79f}.workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.sectiontitle>span{font-size:9px;color:#8c9c93}.rule,.simulator,.connectioncard{background:white;border:1px solid #e1e8e2;border-radius:13px;padding:24px}.rule{margin-bottom:14px}.rule h3{font-size:15px;margin:0}.rule p{white-space:pre-wrap;overflow-wrap:anywhere}.rule .meta{font-size:10px}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.pill{padding:5px 9px;border-radius:5px;background:#edf3ee;color:#366e54;font-size:10px}.actions{display:flex;gap:8px}.actions button{font-size:10px;padding:7px 10px}.empty{padding:40px 24px;border:1px dashed #ccd9cf;border-radius:13px;text-align:center}.empty strong{font-size:16px}.simulator{align-self:start}.simulator>p{font-size:11px}.flow{display:flex;justify-content:space-between;gap:5px;padding:16px 0 22px;font-size:9px;color:#709382}.flow span{background:#f3f6f3;padding:7px;border-radius:6px}.flow b{align-self:center}label{display:block;font-size:11px;font-weight:600;margin:16px 0}label small{font-weight:400;color:#8c9b92;margin-left:6px}input,textarea{display:block;width:100%;border:1px solid #dce5df;padding:12px;border-radius:8px;margin-top:8px;color:#29463b;background:#fbfcfa;font-size:12px}textarea{resize:vertical;min-height:85px}input:focus,textarea:focus{outline:2px solid #6caf91;outline-offset:1px}.full{width:100%}.preview{background:#f1f5ee;border:1px dashed #d5e1d1;border-radius:9px;padding:18px;margin-top:20px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#65806b}footer{display:flex;justify-content:space-between;font-size:10px;color:#93a298;padding:30px 0}.connectioncard{max-width:850px;margin-top:25px}.connectioncard h2{margin:20px 0}li{font-size:13px;line-height:1.8;margin-bottom:12px;color:#657d70}code{font-size:12px;background:#f2f5ef;padding:2px 4px}a{color:#236c51}.future{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px}.future span{border:1px solid #dce5de;border-radius:8px;padding:20px;font-size:12px;color:#8a9a90}.event{padding:20px;border:1px solid #e1e8e2;background:white;border-radius:10px;margin:12px 0}.event p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.event small{font-size:11px;color:#7b8b81}dialog{border:0;border-radius:16px;width:510px;max-width:95vw;max-height:90vh;padding:28px;box-shadow:0 20px 100px #17352633}dialog::backdrop{background:#112d2566;backdrop-filter:blur(3px)}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.hint{font-size:11px}#toast{position:fixed;bottom:24px;right:24px;max-width:400px;background:#193d30;color:white;padding:15px 22px;border-radius:10px;font-size:13px;z-index:9}[hidden]{display:none!important}@media(max-width:1100px){aside{width:190px;padding:28px 15px}main{margin-left:190px;padding:0 25px}.workspace{grid-template-columns:1fr}.heading{align-items:flex-start}.heading button{white-space:nowrap}}@media(max-width:700px){aside{position:static;width:auto;padding:18px}.brand small,.navlabel,.sidebarbottom{display:none}nav{display:flex;margin-top:15px;gap:3px}nav button{font-size:10px;padding:10px 7px}main{margin:0;padding:0 18px}header{height:58px}.heading{display:block}.heading button{margin-top:10px}.stats{gap:8px}.stats article{padding:12px}.stats small{display:none}.stats span{font-size:10px}.banner{padding:14px}.banner button{padding:5px}.sectiontitle>span{display:none}footer span{display:none}}

dialog{width:680px}.postSection,.publicSection{background:#f5f8f4;padding:18px;border-radius:10px;margin:18px 0}.postSection h3{font-size:14px;margin:0}.postSection>button{font-size:11px;margin:4px}.postSection details{margin-top:14px;font-size:11px;color:#708475}#postResults{max-height:300px;overflow:auto;display:grid;gap:8px;margin:10px 0}.postChoice{display:grid;text-align:left;gap:8px;padding:14px}.postChoice small{color:#7c8c82;font-size:10px}.postChoice span{font-size:12px;line-height:1.5}.postChoice b{font-size:11px;color:#18654f}#selectedPost{max-height:100px;overflow:auto;white-space:pre-wrap}#postLoadStatus{font-size:11px}
:root{color:#18352d;background:#f3f6f5;font-size:16px}
p,li{color:#475e54;font-size:15px}button{min-height:44px;font-weight:600;border-color:#b9cbc2}button:disabled{cursor:wait;opacity:.65}button:hover{filter:none;background:#eaf2ee}.primary,.primary:hover{background:#145c47;color:#fff;border-color:#145c47}.primary:hover{background:#0c4736}.primary{font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid #175cd3;outline-offset:3px}input,textarea{font-size:15px;background:#fff;border-color:#aebfb6;line-height:1.6}input::placeholder,textarea::placeholder{color:#607269;opacity:1}label{font-size:14px}label small,.hint{font-size:13px;color:#50665b}.check{font-size:14px;line-height:1.5;min-height:44px}.check input{width:20px;height:20px;accent-color:#145c47;flex-shrink:0}h2{font-size:21px}.rule h3{font-size:18px}.rule .meta,.event small{font-size:13px;color:#50665b}.pill{font-size:12px;background:#e5f2ea;color:#23573f}.actions{flex-wrap:wrap}.actions button{font-size:13px;padding:10px 14px}.actions button[data-delete]{color:#9b2525}.stats span,.stats small{font-size:13px;color:#50665b}.sectiontitle>span{font-size:12px;color:#50665b}.eyebrow{font-size:12px;color:#376453}.preview{font-size:14px;color:#294c3b}.simulator>p{font-size:14px}.flow{font-size:12px}nav button{font-size:14px}.navlabel,.brand small{color:#536c60;font-size:11px}.sidebarbottom,.sidebarbottom p,header,footer{color:#53675c;font-size:12px}.banner strong{font-size:15px}.banner p,.banner button{font-size:13px}.future span{color:#53675c}.local{font-size:12px}dialog{width:760px;padding:28px;color:#18352d;scrollbar-gutter:stable}dialog .sectiontitle{position:sticky;top:-28px;background:#fff;padding:16px 0;z-index:2;border-bottom:1px solid #dce5df}#closeEditor{flex-shrink:0}.postSection,.publicSection{background:#f0f5f2;border:1px solid #d4e1d9;padding:20px}.postSection h3{font-size:17px}.postSection>button{font-size:14px;margin:4px 6px 4px 0}.postSection details{font-size:13px;color:#475e54}.postSection summary{cursor:pointer;padding:10px 0}#postResults{max-height:420px;gap:14px;padding:3px 7px 3px 3px;overscroll-behavior:contain}.postChoice{border:1px solid #b9cbc2;border-radius:12px;background:#fff;padding:18px;display:grid;gap:12px;min-width:0}.postChoice small{color:#50665b;font-size:13px}.postChoice span{font-size:15px;line-height:1.65;color:#263f34;overflow-wrap:anywhere}.selectPost{justify-self:start;min-width:200px;font-size:14px;padding:12px 18px}#selectedPost{max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;font-size:14px;color:#344e40;border-left:3px solid #287452;padding-left:12px}#postLoadStatus{font-size:13px;color:#475e54}#toast{z-index:100;font-size:14px;box-shadow:0 6px 30px #17352633}
@media(max-width:700px){dialog{padding:18px;max-width:96vw;max-height:94vh}dialog .sectiontitle{top:-18px}.postSection,.publicSection{padding:14px}.selectPost{width:100%;min-width:0}.postSection>button{width:100%;margin:5px 0}nav{flex-wrap:wrap}nav button{font-size:13px}.stats span{font-size:12px}.banner{flex-wrap:wrap}.banner button{margin-left:0}.rule,.simulator,.connectioncard{padding:18px}h1{letter-spacing:-.8px}.actions button{flex:1}.heading button{white-space:normal}}



select{font:inherit;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #aebfb6;border-radius:8px;background:white;color:#18352d;min-height:44px}select:focus-visible{outline:3px solid #175cd3;outline-offset:2px}

.sequenceSection{margin:20px 0;padding:18px;border:1px solid #bdd6c9;border-radius:12px;background:#f1f7f4}.flowDiagram{display:flex;gap:12px;overflow-x:auto;padding:18px 4px;align-items:center}.flowNode{flex:0 0 200px;padding:16px;background:white;border:1px solid #a9c9b7;border-radius:12px;min-height:155px;box-shadow:0 3px 10px #18352d08}.flowNode strong{color:#17583e;font-size:14px}.flowNode p{font-size:13px;white-space:pre-wrap;max-height:120px;overflow:auto}.flowArrow{color:#517363;font-size:24px}.flowFields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flowFields fieldset{min-width:0;border:1px solid #c6d8cd;background:white;border-radius:10px;padding:14px}.flowFields legend{font-weight:700;color:#174d36;padding:0 8px}.previewLink{padding:12px;background:#deeee4;border-radius:7px;overflow-wrap:anywhere}#flowPreview:empty{display:none}@media(max-width:700px){.flowFields{grid-template-columns:1fr}} 

.ruleMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0}.ruleMetrics div{background:#edf5f1;border-radius:10px;padding:14px}.ruleMetrics strong{display:block;font-size:24px;color:#075747}.ruleMetrics span{display:block;font-size:13px;color:#344d46}

.channel-facebook{--channel:#1764c0;--tint:#edf4ff;border-top:5px solid #1877f2}.channel-instagram{--channel:#96346e;--tint:#fff0f7;border-top:5px solid #c13584}.channelBadge{display:inline-block;padding:6px 12px;border-radius:8px;margin-bottom:12px;background:var(--channel);color:white;font-weight:700}.channel-instagram .channelBadge{background:linear-gradient(110deg,#7139a8,#bd2465,#af4915)}.rule .ruleMetrics div,.rule .pill{background:var(--tint)}.rule .ruleMetrics strong,.rule h3{color:var(--channel)}.rule .actions button:not([data-delete]){color:var(--channel);border-color:var(--channel)}#editor[data-channel="instagram"]{border-top:6px solid #c13584}#editor[data-channel="facebook"]{border-top:6px solid #1877f2}
.listTools{display:flex;gap:14px;flex-wrap:wrap;align-items:end;background:#fff;padding:16px;border:1px solid #d6e0df;border-radius:12px;margin:14px 0}.listTools label{margin:0;flex:1;min-width:130px}.listTools input,.listTools select{margin:6px 0 0;width:100%}.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 28px}.pagination span:first-child{margin-right:auto;color:#405851}.pagination button{min-width:42px}.pagination [aria-current="page"]{background:#194e45;color:white;border-color:#194e45}.pagination button:disabled{opacity:.45;cursor:default}.event[hidden],.rule[hidden]{display:none}.event .channelBadge{margin-right:14px}.statusBadge{display:inline-block;color:#273f39}.event{padding:20px!important}.event p{overflow-wrap:anywhere}.channel-test{--channel:#586477;--tint:#f1f3f6;border-top:5px solid #718096}.connectioncard{padding:24px!important;border-radius:16px;margin-bottom:24px}.connectioncard h2{color:var(--channel)}.connectioncard details{margin-top:18px;padding:14px;background:var(--tint);border-radius:10px}.connectioncard summary{font-weight:700;cursor:pointer}.filterEmpty{padding:25px;background:white;border-radius:12px}

.channel-threads{--channel:#252525;--tint:#f1f1f3;border-top:5px solid #252525}#editor[data-channel="threads"]{border-top:6px solid #252525}

.channel-youtube{--channel:#b91c1c;--channel-soft:#fff1f2;border-top:4px solid #dc2626}.channel-youtube .channelBadge{background:#b91c1c;color:white}.channel-youtube h3,.channel-youtube .ruleMetrics strong{color:#b91c1c}.channel-youtube .ruleMetrics>div,.channel-youtube .pill{background:#fff1f2}

.youtubeConnect{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid #b91c1c;border-radius:10px;color:#991b1b;text-decoration:none}.personName{padding:10px 14px;background:#f5f7f8;border-radius:8px;color:#243c37}#editor[data-channel="youtube"]{border-top-color:#dc2626}

.workspace{grid-template-columns:minmax(0,1fr)}.workspace>div{min-width:0}.rule{padding:28px}.rule h3{font-size:21px}.rule>p{font-size:16px;line-height:1.6}.ruleMetrics strong{font-size:26px}@media(max-width:650px){.rule{padding:18px}.rule h3{font-size:18px}}

.channel-x{--channel:#14171a;--channel-soft:#f0f1f2;border-top:4px solid #14171a}.channel-x .channelBadge{background:#14171a;color:white}.channel-x .ruleMetrics>div{background:#f0f1f2}.channel-x h3,.channel-x .ruleMetrics strong{color:#14171a}