.channel-logo{width:17px;height:17px;flex:none;vertical-align:middle;display:inline-block}.instagram-logo{color:#d55380}.facebook-logo{color:#1877f2}.profile-avatar{width:56px;height:56px;flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e6efec;color:#477563;font-size:23px;font-weight:700;box-shadow:0 0 0 3px white,0 0 0 4px #e1e8e4}.profile-avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar.small{width:38px;height:38px;font-size:17px}.provider-badge{position:absolute;right:-3px;bottom:-4px;width:24px;height:24px;background:white;border:2px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 4px #0001}.provider-badge.instagram{background:linear-gradient(130deg,#8236c9,#db4c79,#f8ac49)}.provider-badge.facebook{background:#1877f2}.provider-badge .channel-logo{color:white;width:15px;height:15px}.profile-avatar.small .provider-badge{width:18px;height:18px}.profile-avatar.small .provider-badge .channel-logo{width:11px;height:11px}.editor-channel{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid #e4e9eb;margin-left:7px}.editor-channel>span{font-size:10px;color:#778989;white-space:nowrap}.editor-channel>span .channel-logo{width:12px;height:12px}.version-banner{height:41px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;border-bottom:1px solid #e7ddc6;background:#fff9ea;color:#9b8051}.version-banner button{border:0;padding:3px 7px;background:transparent;color:#397c5b;font-size:11px}.draft-version{background:#f3f7f4;border-color:#dce8df;color:#668375}.studio-workbench{height:calc(100dvh - 178px)}.studio-open .studio-header{gap:12px}.studio-open .studio-title input{max-width:270px}.studio-open .node-content{max-height:none;min-height:95px}.published-view .node-title{cursor:pointer}.published-view .port{background:#b9ccc1;border-color:white;box-shadow:0 0 0 1px #b2c6bd;cursor:default}.published-view .studio-inspector input:disabled,.published-view .studio-inspector textarea:disabled,.published-view .studio-inspector select:disabled{opacity:1;background:#f8faf9;color:#546968;cursor:default}.published-view .studio-inspector button:disabled{cursor:default}.message-content-block{border:1px solid #dfe7e4;border-radius:12px;padding:13px;margin-top:15px;background:#fff;box-shadow:0 2px 4px #0c291904}.message-content-block>label{margin-top:0}.message-content-block textarea{border:0;box-shadow:none;min-height:135px;padding:3px;line-height:1.7;font-size:13px}.message-content-block textarea:focus{box-shadow:none}.content-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#5b716a;border-bottom:1px solid #edf1ee;padding-bottom:8px;margin-bottom:10px}.content-block-head>div{display:flex;gap:2px}.content-block-head button{padding:4px 8px;border:0;font-size:11px}.content-block-head strong{display:flex;align-items:center;gap:5px;font-size:11px}.text-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ee;margin-top:6px;padding-top:6px}.text-tools button{font-size:10px;padding:5px 7px}.first-message-notice{padding:13px;margin-top:16px;border-radius:9px;background:#f7f0f7;color:#917794;font-size:10px;line-height:1.7;border:1px solid #e9dfea}.button-editor{border:1px solid #dce8df;border-radius:10px;padding:12px;background:#f8fbf9;margin-top:13px}.button-editor label{margin-top:11px}.button-editor .channel-logo{width:13px;height:13px}.count{font-size:10px;background:#edf3ee;padding:3px 6px;border-radius:4px;color:#74967d}.button-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button-choice button{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px;gap:10px;background:#f7faf7}.button-choice strong{font-size:15px}.button-choice small{font-size:12px;line-height:1.5;font-weight:400}.button-choice .channel-logo{width:28px;height:28px}.variable-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.variable-list button{justify-content:space-between;text-align:left;font-size:12px;padding:13px}.variable-list strong{font-size:12px}.variable-list code{font-size:10px;color:#7c9585}.emoji-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.emoji-picker button{font-size:25px;padding:15px}.card-content{border:1px solid #e3e8e5;border-radius:10px;padding:12px;margin:12px 0;background:#fafcfb}.button-port-row{border:1px solid #cbdcd3;border-radius:7px;margin:8px 0;padding:7px;height:auto;min-height:32px;color:#48765d;background:#f5faf6}.button-port-row .output-port{right:-22px;top:50%;transform:translateY(-50%)}.site-button-row{display:flex;align-items:center;gap:6px;border:1px solid #d5e0da;border-radius:7px;background:#f9fbfa;padding:7px;font-size:10px;color:#587e68;margin:8px 0}.site-button-row>span{margin-left:auto;color:#93aa9a}.site-button-row .channel-logo{width:12px;height:12px}.inline-delay{background:#eaf0f7;border:1px dashed #c5d0dd;color:#658199;padding:6px 8px;border-radius:6px;font-size:10px}.node-metrics{border-top:1px solid #edf1ef;padding:8px 13px;font-size:9px;color:#9aa8a0;background:#fcfdfc;border-radius:0 0 12px 12px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.metrics-grid>div{border:1px solid #e6ebe7;border-radius:10px;padding:13px;background:#fafcfb}.metrics-grid strong{display:block;font-size:24px;font-weight:650;letter-spacing:-.7px;color:#2a6248}.metrics-grid small{font-size:10px;line-height:1.5;color:#8b9991;margin-top:7px}.metric-note{font-size:10px;color:#9aaba1;line-height:1.7;margin-top:20px}.draft-indicator{display:block;margin-top:7px;font-size:10px;color:#ad8f4d}.accountcard .row:first-child{gap:17px}.accountcard .actions small .channel-logo{margin-right:5px}.accountcard .actions{font-size:12px}.accountcard .actions button{font-size:11px}.published-view .canvas-toolbar .row button:disabled{opacity:.35}.published-view .canvas-footnote{top:74px}.provider-label{font-size:10px;display:flex;align-items:center;gap:4px}.dashboard-metrics{margin-top:24px}.dashboard-metrics .metrics-grid{grid-template-columns:repeat(6,1fr)}.dashboard-metrics .metric-note{margin-bottom:0}.studio-open .step-label .channel-logo{width:13px;height:13px;margin-right:5px}
@media(max-width:1200px){.editor-channel>span{display:none}.studio-open .studio-title input{max-width:245px}.studio-save button{font-size:10px}.dashboard-metrics .metrics-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.editor-channel{display:none}.studio-open .studio-title input{max-width:220px}.studio-save button{padding:9px 8px;font-size:10px}.studio-save [data-action="pro-published"]{display:none}.version-banner{font-size:10px}}
@media(max-width:700px){.studio-workbench{height:calc(100dvh - 230px)}.studio-open .studio-title input{max-width:none}.version-banner{padding:7px 12px;line-height:1.3;justify-content:space-between}.dashboard-metrics .metrics-grid{grid-template-columns:repeat(2,1fr)}.button-choice,.variable-list{grid-template-columns:1fr}.message-content-block{padding:10px}}

#canvas .node svg{position:static!important;inset:auto!important;width:17px!important;height:17px!important;overflow:visible;pointer-events:none}.studio-title>div:first-of-type>small{display:block}.editor-channel>span{display:inline-flex;align-items:center;gap:5px}

.message-button-chips{margin-top:8px;padding-top:8px;border-top:1px solid #edf1ee;display:flex;flex-direction:column;gap:6px}.message-button-chip{justify-content:center;border-color:#cbdcd2;background:#f5faf6;color:#407651;padding:9px!important;font-size:12px!important}.add-message-button{border:1px dashed #cfded5;background:white;color:#81988b;padding:9px!important;font-size:11px!important}.message-button-chips>small{font-size:9px;margin:0;text-align:center}.button-popover{width:320px;max-width:calc(100vw - 24px);padding:18px;border:1px solid #dce6df;box-shadow:0 12px 40px #17382825;border-radius:14px;max-height:calc(100dvh - 80px);overflow:auto}.button-popover::backdrop{background:#14342110;backdrop-filter:none}.button-popover .dialoghead{margin-bottom:12px}.button-popover h2{font-size:16px;margin:0}.button-popover .dialoghead button{font-size:10px;padding:5px}.button-popup-form label{font-size:11px;margin-top:12px}.button-popup-form input,.button-popup-form select{font-size:12px;padding:10px}.button-popup-form small{display:block;line-height:1.6;font-size:10px;color:#8a9e91;margin-top:12px}.popup-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:8px}.popup-buttons button{font-size:11px}.popup-buttons .primary{margin-left:auto}