:root{font-family:system-ui,Arial,sans-serif;color:#f4f2fb;background:#0f0d1d;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:760px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{outline:none}h1,h2,h3,p{margin-top:0}.topbar{height:74px;background:#141125;border-bottom:1px solid #2a2440;display:flex;align-items:center;gap:30px;padding:0 28px}.brand{font-family:system-ui,sans-serif;font-size:18px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;background:linear-gradient(135deg,#b777ff,#6741d9);border-radius:10px;display:grid;place-items:center;font-size:19px}.brand-light{font-weight:500;color:#bdb5d5}.flow-name-wrap{display:flex;flex-direction:column;gap:3px;min-width:170px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#9c8cc1}.flow-name-wrap input{border:0;background:transparent;color:white;font-family:system-ui,sans-serif;font-size:15px;font-weight:800;width:220px;padding:0}.flow-name-wrap input:focus{box-shadow:0 1px #a270f1}.top-actions{margin-left:auto;display:flex;gap:16px;align-items:center}.save-status{font-size:12px;color:#a79fbc}.toggle-wrap{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#d7d0ea;font-weight:700;font-size:12px}.toggle-wrap input{position:absolute;opacity:0}.switch{width:35px;height:20px;border-radius:20px;background:#554d69;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:3px;left:3px;background:#fff;transition:.2s}.toggle-wrap input:checked+.switch{background:#19bc77}.toggle-wrap input:checked+.switch:after{left:18px}.button{border-radius:9px;border:1px solid transparent;color:white;padding:10px 15px;font-weight:700;font-size:12px;white-space:nowrap}.button.primary{background:#8455e5;box-shadow:0 4px 14px #8455e52b}.button.primary:hover{background:#9668ef}.button.ghost{background:#211b35;border-color:#39304e}.button.ghost:hover{background:#302646}.tabs{height:52px;background:#141125;display:flex;align-items:stretch;gap:8px;padding:0 26px;border-bottom:1px solid #2a2440}.tab{border:0;background:transparent;color:#a99fc4;font-weight:700;padding:0 17px;position:relative}.tab:hover{color:white}.tab.active{color:#bd8fff}.tab.active:after{content:"";height:2px;background:#a969f4;position:absolute;left:8px;right:8px;bottom:0}.panel{display:none}.panel.active{display:block}.editor-shell.active{display:grid;grid-template-columns:260px minmax(300px,1fr) 300px;height:calc(100vh - 126px);min-height:560px}.palette,.inspector{background:#171329;overflow-y:auto}.palette{border-right:1px solid #302747;padding:25px 14px}.palette-heading{display:flex;justify-content:space-between;align-items:end;padding:0 9px}.palette h2,.inspector h2{font:800 17px system-ui;margin:7px 0 0}.count{background:#2b2344;color:#ad99dc;border-radius:20px;font-size:10px;padding:5px 8px}.palette-help{color:#9d94b4;font-size:12px;line-height:1.55;padding:12px 9px 19px;border-bottom:1px solid #2e2841;margin-bottom:16px}.palette-item{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:#f8f6fd;padding:10px 9px;display:flex;align-items:center;gap:10px;margin:3px 0}.palette-item:hover{background:#27203e;border-color:#4a3b69}.palette-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:9px;font-size:18px}.palette-icon.blue{background:#1d3257;color:#67a7ff}.palette-icon.purple{background:#32214f;color:#ae80ff}.palette-icon.amber{background:#50351f;color:#ffb34f}.palette-icon.slate{background:#2c2d45;color:#b6bad9}.palette-item strong,.palette-item small{display:block}.palette-item strong{font-size:12px}.palette-item small{font-size:10px;color:#978dad;margin-top:3px}.plus{margin-left:auto;color:#9c8bb8;font-size:20px}.palette-note{margin:31px 5px 0;background:linear-gradient(140deg,#2c2054,#1f1b38);border:1px solid #493775;border-radius:12px;padding:14px;display:flex;gap:9px}.palette-note>span{color:#b682ff;font-size:18px}.palette-note p{font-size:11px;color:#a99aca;line-height:1.55;margin:0}.palette-note strong{color:white;font-size:12px}.canvas-wrap{position:relative;overflow:auto;background-color:#1c1830;background-image:radial-gradient(#463b60 1px,transparent 1px);background-size:20px 20px}.canvas-toolbar{position:sticky;z-index:5;left:20px;top:20px;display:inline-flex;align-items:center;gap:9px;background:#171329ed;border:1px solid #403556;box-shadow:0 10px 30px #0b091d66;border-radius:10px;padding:10px 13px;color:#cbc3de;font-size:11px;font-weight:700;margin:20px 0 0 20px}.live-dot{width:8px;height:8px;border-radius:50%;background:#c289f5}.canvas-toolbar.is-live .live-dot{background:#24ce86;box-shadow:0 0 8px #24ce86}.toolbar-sep{width:1px;height:15px;background:#4b405f;margin:0 3px}.canvas{width:1900px;height:1100px;position:relative;margin-top:-61px}#edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.edge{fill:none;stroke:#8170ac;stroke-width:2;marker-end:url(#arrow);opacity:.82}.edge-label{fill:#9f8bc4;font-size:11px;font-weight:700}.node{position:absolute;width:244px;min-height:118px;background:#211a37;border:1px solid #4a3b68;border-radius:12px;box-shadow:0 16px 32px #0b081e80;user-select:none;cursor:grab;overflow:hidden}.node:active{cursor:grabbing}.node.selected{border-color:#ab78ff;box-shadow:0 0 0 3px #8a50e441,0 18px 34px #0a071a}.node-head{height:43px;background:#292040;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid #403451}.node-type{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-size:14px}.node.start .node-type{background:#1d8c62;color:#d6fff0}.node.message .node-type{background:#255490;color:#b8dcff}.node.question .node-type{background:#693ca3;color:#eddbff}.node.handoff .node-type{background:#965e21;color:#ffe1ac}.node.end .node-type{background:#535a77;color:#e1e4ff}.node-title{font-weight:800;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-body{color:#bdb2d4;font-size:11px;line-height:1.45;padding:11px 13px;min-height:52px;white-space:pre-wrap;word-break:break-word;max-height:90px;overflow:hidden}.node-options{padding:0 13px 10px;color:#aa95d6;font-size:10px;line-height:1.6}.node-footer{height:10px;border-top:1px solid #342a4b;background:#191429}.node.start .node-head{background:#1d714e}.node.start .node-footer{background:#145138}.node.handoff .node-head{background:#513c2a}.node.end .node-head{background:#333649}.port{position:absolute;right:-5px;top:52px;width:10px;height:10px;border-radius:50%;background:#b998ef;border:2px solid #211a37}.inspector{border-left:1px solid #302747;padding:22px 18px}.inspector-empty{text-align:center;margin-top:110px;color:#a096ba}.inspector-empty span{width:55px;height:55px;margin:auto;display:grid;place-items:center;border-radius:16px;background:#302541;color:#b281f6;font-size:27px}.inspector-empty h2{color:white;margin-top:18px}.inspector-empty p{font-size:12px;line-height:1.6}.inspector-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #332b48;padding-bottom:18px;margin-bottom:21px}.inspector-heading .icon{font-size:21px;margin-bottom:10px;color:#b382ff}.inspector-heading h2{margin:0}.inspector-heading p{font-size:11px;color:#968cac;margin:4px 0 0}.delete-button{background:#3a1f37;color:#ff9ba8;border:1px solid #673044;border-radius:8px;font-size:11px;padding:7px 9px}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:800;color:#c7badd;margin-bottom:8px}.field input,.field textarea,.field select,.option-row input,.option-row select{width:100%;background:#211b35;border:1px solid #423653;color:#f4f0fc;border-radius:8px;padding:10px 11px;font-size:12px}.field textarea{min-height:112px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus,.option-row input:focus,.option-row select:focus{border-color:#a475eb}.field small{display:block;margin-top:7px;color:#9187a7;line-height:1.4}.option-editor{border-top:1px solid #332b48;padding-top:20px}.option-row{padding:12px;background:#211b35;border:1px solid #3a3052;border-radius:10px;margin-bottom:10px}.option-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#ab9dcb;font-size:11px;font-weight:800}.option-row input{margin-bottom:8px}.option-row button{border:0;background:transparent;color:#ee9aaa}.add-option{width:100%;border:1px dashed #6f539b;background:#2b2044;color:#c9a7fa;border-radius:9px;padding:10px;font-size:11px;font-weight:800}.hint-box{background:#251e3d;border:1px solid #42325e;border-radius:9px;padding:12px;color:#b5a5d6;font-size:11px;line-height:1.55;margin-top:18px}.content-shell,.simulator-shell{padding:36px 48px;min-height:calc(100vh - 126px);background:#171329}.section-intro h1{font:800 27px system-ui;margin:7px 0}.section-intro p{color:#a99dbb;font-size:13px;line-height:1.55}.simulator-shell{text-align:center}.phone{text-align:left;width:390px;height:min(620px,calc(100vh - 290px));min-height:420px;border:7px solid #29243b;border-radius:28px;margin:27px auto 0;background:#e9e3dc;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 70px #08061466}.phone-header{height:69px;background:#f7f5f2;color:#252036;display:flex;align-items:center;gap:11px;padding:10px 15px;border-bottom:1px solid #ddd7d1}.avatar{width:38px;height:38px;border-radius:50%;background:#8360cf;color:#fff;display:grid;place-items:center;font-size:20px}.phone-header strong,.phone-header small{display:block}.phone-header strong{font-size:13px}.phone-header small{color:#6f6975;font-size:10px}.text-button{border:0;background:none;color:#7453bb;font-size:11px;font-weight:700;margin-left:auto}.chat{flex:1;overflow-y:auto;padding:20px 15px;background:#e8e3d9;display:flex;flex-direction:column;gap:10px}.chat-empty{margin:auto;color:#77727d;text-align:center;font-size:12px}.bubble{padding:9px 12px;border-radius:12px;max-width:84%;box-shadow:0 2px 4px #00000016;line-height:1.5;font-size:12px;color:#242129;white-space:pre-wrap}.bubble.bot{background:white;align-self:flex-start;border-top-left-radius:3px}.bubble.client{background:#d8f7dc;align-self:flex-end;border-top-right-radius:3px}.chat-form{display:flex;gap:8px;padding:10px;background:#f7f5f2}.chat-form input{flex:1;border:0;background:#fff;border-radius:20px;padding:10px 13px;font-size:12px;color:#252036}.send-button{border:0;background:#20b781;color:white;width:35px;height:35px;border-radius:50%}.activity-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;max-width:1050px}.activity-card,.setting-card{background:#211b35;border:1px solid #403450;border-radius:14px;padding:20px}.activity-card h2,.setting-card h2{font:800 16px system-ui}.event-list{display:flex;flex-direction:column;gap:10px;max-height:470px;overflow:auto}.event{background:#18142a;border:1px solid #382e4d;border-radius:9px;padding:11px}.event-head{display:flex;justify-content:space-between;gap:10px;color:#c8bbdf;font-size:11px;font-weight:700}.event-body{font-size:11px;color:#a99ebc;margin-top:7px;white-space:pre-wrap;word-break:break-word;max-height:60px;overflow:hidden}.event-error{margin-top:7px;color:#ffadae;font-size:10px}.badge{border-radius:20px;padding:3px 7px;background:#364437;color:#98d8a9;font-size:10px}.badge.failed,.badge.pending{background:#533738;color:#f2b0a4}.empty-list{color:#968ba9;font-size:12px}.setting-card p{color:#a79bb9;font-size:12px;line-height:1.5}.setting-icon{width:36px;height:36px;border-radius:10px;background:#3d2b60;color:#c399fc;display:grid;place-items:center;font-size:19px;margin-bottom:15px}.setting-result,.url-box{background:#171329;border:1px solid #3c3050;border-radius:8px;padding:12px;color:#cbbde1;font-size:11px;min-height:44px;margin:17px 0;word-break:break-all}.info-strip{max-width:1050px;margin-top:23px;border:1px solid #4b3f61;background:#221b36;border:1px solid #4b3f61;border-radius:10px;padding:15px;color:#a99fc4;font-size:12px}#toast{position:fixed;bottom:24px;right:24px;z-index:100;background:#eee8fa;color:#211734;padding:12px 17px;border-radius:9px;box-shadow:0 15px 40px #0008;font-weight:700;font-size:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#fce4e3;color:#682827}@media(max-width:1050px){.editor-shell.active{grid-template-columns:220px minmax(300px,1fr) 260px}.topbar{gap:14px;padding:0 14px}.brand{font-size:15px}.flow-name-wrap input{width:150px}.save-status{display:none}.palette-item small{display:none}.activity-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:800px){.editor-shell.active{grid-template-columns:185px minmax(300px,1fr) 225px}.palette{padding:18px 7px}.inspector{padding:18px 10px}.palette-note{display:none}}
:root{color-scheme:dark}
.node{overflow:visible}
.node-head{border-radius:11px 11px 0 0}
.qr-area{display:none;margin-top:18px;text-align:center}.qr-area.visible{display:block}.qr-area img{display:block;width:230px;max-width:100%;margin:0 auto;background:white;padding:10px;border-radius:10px}.qr-area p{margin:10px auto 0;max-width:260px;color:#a99dbb;font-size:11px;line-height:1.45}
.port{width:14px;height:14px;padding:0;border:2px solid #211a37;background:#c7a3ff;z-index:2}
.port-in{left:-7px;right:auto;top:46px;pointer-events:none}
.port-out{right:-7px;cursor:crosshair;touch-action:none;box-shadow:0 0 0 4px #a477e421}
.port-out:hover,.port-out:focus-visible{background:#f1dcff;box-shadow:0 0 0 6px #ae79ef66;outline:none}
.next-port{top:46px}
.node-options{padding:0 14px 10px 13px;line-height:1.4}
.node-option{position:relative;display:flex;gap:5px;align-items:center;min-height:25px;padding:3px 4px 3px 0;border-top:1px solid #3b3051}
.node-option:first-child{border-top:0}
.option-index{flex:none;color:#c0a5f2;font-weight:800}
.option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:9px}
.option-port{top:50%;transform:translateY(-50%);right:-21px}
.node.drop-target{border-color:#46ddad;box-shadow:0 0 0 4px #2ad99e66,0 18px 34px #0a071a}
.node.drop-target .port-in{background:#45e3ac;box-shadow:0 0 0 6px #27d99a55}
.draft-edge{fill:none;stroke:#c79aff;stroke-width:3;stroke-dasharray:7 5;marker-end:url(#arrow)}
.canvas-wrap.connecting,.canvas-wrap.connecting .node{cursor:crosshair}
.node.poll .node-type{background:#34596a;color:#b9f2f3}
.poll-bubble{min-width:220px}
.poll-choice{display:block;width:100%;margin-top:7px;padding:8px 9px;border:1px solid #d4cde0;border-radius:7px;background:#f5f1fb;color:#33294b;text-align:left;font-size:11px;font-weight:700}
.poll-choice:hover:not(:disabled){background:#e9dafa;border-color:#ab80e7}
.poll-choice:disabled{opacity:.58;cursor:default}
.node.distributor .node-head{background:#6c421a}
.node.distributor .node-type{background:#a96614;color:#fff0cf}
.node.delay .node-type{background:#2a6872;color:#cefcff}
.node.pdf .node-type{background:#93404d;color:#ffe2e7}
.node.audio .node-type{background:#315d95;color:#dceeff}
.node.pix .node-type{background:#2f7855;color:#d9ffe9}
.media-bubble{display:flex;flex-direction:column;gap:4px;min-width:170px}
.media-bubble strong{color:#57447a}
.media-bubble small{color:#716978}
.canvas-wrap{overflow:hidden;touch-action:none;cursor:grab}
.canvas-wrap.panning{cursor:grabbing}
.canvas-wrap.panning .node{cursor:grabbing}
.canvas-toolbar{position:absolute;left:14px;top:14px;margin:0;max-width:calc(100% - 28px);flex-wrap:wrap;cursor:default}
.canvas{position:absolute;left:0;top:0;width:1px;height:1px;margin-top:0;overflow:visible;transform-origin:0 0}
#edges{inset:auto;left:0;top:0;width:1px;height:1px;overflow:visible}
.canvas-control{border:1px solid #514365;background:#271f3d;color:#e9ddff;border-radius:6px;min-width:25px;height:25px;padding:0 7px;font-weight:800}
.canvas-control:hover{background:#392b59}
#zoom-value{min-width:35px;text-align:center}
.fit-control{font-size:10px;padding:0 8px}
.check-field{display:flex;gap:9px;align-items:flex-start;margin:0 0 18px;color:#c7badd;font-size:11px;line-height:1.4;cursor:pointer}
.check-field input{accent-color:#955ff0;margin-top:1px}
.delay-note{align-self:center;padding:6px 10px;border-radius:20px;background:#dbd5e8;color:#5c5270;font-size:10px}
.topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}
.header-field{display:flex;flex-direction:column;gap:4px;min-width:145px}
.header-field select{max-width:230px;min-width:145px;background:#211b35;border:1px solid #423653;color:#f4f0fc;border-radius:7px;padding:7px 9px;font-size:12px}
.flow-name-wrap{min-width:120px}.flow-name-wrap input{width:170px}
.top-actions{gap:10px}
.flow-map{display:flex;flex-direction:column;gap:8px;margin:15px 0 25px}
.flow-map-row{background:#171329;border:1px solid #3c3050;border-radius:8px;padding:11px}
.flow-map-row strong{display:block;color:#e2d6f5;margin-bottom:7px}
.flow-map-row small{color:#9f92b7}
.map-flow{display:inline-block;margin:3px 5px 3px 0;background:#302747;color:#bcb0d0;padding:5px 8px;border-radius:16px;font-size:11px}
.map-flow.is-active{background:#145138;color:#aaf0cb}
.new-instance-field{margin-top:25px}
.editor-shell.active{height:calc(100vh - 126px)}

/* Interface refinada */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f5f3fa;background:#100e1a}
body{background:#100e1a}
.topbar{min-height:78px;background:linear-gradient(110deg,#171326 0%,#151122 55%,#19132d 100%);border-bottom:1px solid #382d4c;box-shadow:0 5px 25px #09071345;gap:14px;padding:12px 22px}
.brand{font-size:17px;letter-spacing:-.025em}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#b47aff,#6944d9);box-shadow:0 8px 22px #7045d44d}.brand-light{color:#c9bfdc}
.header-divider{height:34px;width:1px;background:#382e4a;margin:0 3px}
.eyebrow{font-size:10px;letter-spacing:.13em;color:#a996cf}
.header-field{min-width:135px}.flow-picker{min-width:190px}.instance-picker{min-width:170px}
.header-field select{max-width:205px;min-width:160px;height:36px;background:#221b34;border:1px solid #4a3a63;border-radius:9px;color:#f4effd;font-size:12px;transition:border-color .2s,box-shadow .2s}
.header-field select:focus,.flow-name-wrap input:focus{border-color:#ad78f2;box-shadow:0 0 0 3px #a466ed2d}
.flow-name-wrap{min-width:125px}.flow-name-wrap input{width:150px;height:33px;padding:4px 6px;border-radius:6px;font-size:13px}.flow-name-wrap input:focus{background:#221b34}
.top-actions{gap:11px}.save-status{max-width:98px;line-height:1.2;text-align:right;color:#bdb2cf}.toggle-wrap{background:#241c36;border:1px solid #473758;padding:8px 9px;border-radius:9px}.button{border-radius:9px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}
.button.primary{background:linear-gradient(135deg,#995df0,#7546da);box-shadow:0 7px 18px #7441da3d}.button.primary:hover{background:linear-gradient(135deg,#aa70fa,#8552e9);box-shadow:0 9px 22px #7441da5a}
.button.ghost{background:#251e36;border-color:#48395c}.button.ghost:hover{background:#302443;border-color:#745995}
.button.danger-soft{background:#312031;color:#f0adb8;border-color:#5e3a50}.button.danger-soft:hover{background:#4b283d}
.button.danger{background:#c9536b;color:white}.button.danger:hover{background:#d8657a}
.tabs{height:54px;background:#151121;border-bottom:1px solid #302840;padding:0 26px}.tab{font-size:12px;letter-spacing:.01em}.tab.active{color:#d6b5ff}.tab.active:after{height:3px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#b477f7,#7d6dff)}
.editor-shell.active{height:calc(100vh - 132px);min-height:600px;grid-template-columns:265px minmax(320px,1fr) 305px}
.palette,.inspector{background:#161223}.palette{padding:23px 14px 28px;border-right:1px solid #342a45}.palette-heading{align-items:center;padding:0 4px}.palette h2{font-size:16px;letter-spacing:-.015em}.count{background:#2c2241;color:#bea9db;border:1px solid #463459;padding:5px 9px}
.palette-help{padding:12px 4px 14px;margin-bottom:10px;border:0;line-height:1.55;color:#a89bb8}.palette-search{height:38px;display:flex;align-items:center;gap:8px;background:#211b31;border:1px solid #3e3151;border-radius:9px;padding:0 10px;color:#a894c9;margin-bottom:19px}.palette-search:focus-within{border-color:#a36fdf;box-shadow:0 0 0 3px #a36fdf21}.palette-search span{font-size:20px}.palette-search input{width:100%;border:0;background:transparent;color:#f7f3fc;font-size:12px}.palette-search input::placeholder{color:#8f819f}
.palette-group{margin:0 0 18px}.palette-group-title{display:flex;align-items:center;justify-content:space-between;color:#8e80a7;font-size:10px;font-weight:800;letter-spacing:.13em;margin:0 4px 9px}.palette-group-title span{color:#645675}
.palette-item{border:1px solid #3b304e;background:#201a30;border-radius:10px;margin:5px 0;padding:9px 10px;min-height:55px;box-shadow:0 4px 13px #0b081729;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.palette-item:hover{background:#2b2241;border-color:#8b64bb;transform:translateX(3px);box-shadow:0 8px 18px #0a07194d}.palette-item:focus-visible{outline:2px solid #bb89f5;outline-offset:2px}.palette-icon{flex-basis:34px;height:34px;border-radius:9px;font-size:17px}.palette-item strong{font-size:12px;letter-spacing:-.01em}.palette-item small{font-size:10px;color:#a99bb7;margin-top:2px}.palette-item .plus{width:22px;height:22px;margin-left:auto;border-radius:6px;display:grid;place-items:center;background:#352748;color:#caa5f7;font-size:17px;line-height:1}.palette-empty{padding:20px 8px;color:#a99bb7;font-size:12px;text-align:center}
.palette-item[hidden],.palette-group[hidden],.palette-empty[hidden]{display:none!important}
.canvas-wrap{background-color:#1c172b;background-image:radial-gradient(circle,#56456f 1px,transparent 1px),radial-gradient(circle at 50% 20%,#50336c24,transparent 62%);background-size:20px 20px,100% 100%;box-shadow:inset 0 0 70px #0c09183d}.canvas-toolbar{background:#1b152bdc;border:1px solid #59466f;backdrop-filter:blur(14px);box-shadow:0 12px 28px #09061166;border-radius:11px;padding:9px 12px}.canvas-control{background:#302440;border-color:#604a74}.canvas-control:hover{background:#49335d}.live-dot{box-shadow:0 0 0 4px #a37ad51e}.canvas-toolbar.is-live .live-dot{animation:flowPulse 2.6s infinite}
.node{background:#211a32;border-color:#5a456e;border-radius:13px;box-shadow:0 15px 35px #08061380;animation:nodeRise .26s both;transition:border-color .18s,box-shadow .18s,transform .18s}.node:hover{border-color:#9c74ca;box-shadow:0 16px 42px #070510a3,0 0 0 1px #aa7adb44}.node.selected{border-color:#c18af8;box-shadow:0 0 0 3px #a86ef23c,0 20px 42px #070510a3}.node-head{background:#30243f;border-bottom-color:#554266}.node-title{font-size:12px;letter-spacing:-.01em}.node-body{color:#c8bbd8}.node-footer{background:#1a1428}.node.start{border-color:#3d9f77}.node.start .node-head{background:linear-gradient(110deg,#1b825c,#176a52)}.node.handoff{border-color:#91693c}.node.handoff .node-head{background:#654528}.node.distributor{border-color:#a06b36}.node.distributor .node-head{background:#774b22}.node.poll .node-type{background:#345777}.node.pdf .node-type{background:#753347}.node.audio .node-type{background:#2f5385}.node.pix .node-type{background:#2f6c54}.port-out{box-shadow:0 0 0 4px #a477e42f;transition:transform .18s,box-shadow .18s}.port-out:hover{transform:scale(1.15);box-shadow:0 0 0 7px #ae79ef55}.option-port:hover{transform:translateY(-50%) scale(1.15)}.edge{stroke:#a58ac9;stroke-width:2.2;opacity:.88}.edge-label{fill:#d1b4f7}
.inspector{border-left:1px solid #342a45;padding:24px 18px}.inspector-empty{margin-top:105px}.inspector-empty span{background:linear-gradient(135deg,#493164,#30223f);border:1px solid #664a83}.inspector-empty h2{font-size:17px}.inspector-empty p{color:#a99bb7}.field input,.field textarea,.field select,.option-row input,.option-row select{background:#221a33;border-color:#4a395e;border-radius:9px}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 3px #a475eb25}
.content-shell,.simulator-shell{background:radial-gradient(circle at 85% 10%,#412f5c2b,transparent 38%),#171322}.section-intro h1{letter-spacing:-.03em}.setting-card,.activity-card{box-shadow:0 16px 36px #09061233;border-color:#493857}

/* Prévia de conversa */
.simulator-shell{text-align:left;padding:28px 44px 42px;min-height:calc(100vh - 132px)}.simulator-shell .section-intro{max-width:850px;margin:0 auto 18px}.simulator-shell .section-intro h1{font-size:25px;margin-bottom:5px}.simulator-shell .section-intro p{margin-bottom:0}
.simulator-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(370px,450px);gap:34px;justify-content:center;align-items:start;margin:0 auto}.sim-guide{padding:28px 4px;color:#b9accd}.sim-guide h2{font-size:22px;letter-spacing:-.03em;margin:9px 0}.sim-guide>p{font-size:13px;line-height:1.65;margin-bottom:26px}.sim-guide-card{display:flex;align-items:flex-start;gap:12px;border:1px solid #463855;background:#211a32;border-radius:12px;padding:13px;margin:9px 0}.sim-guide-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#38274f;color:#c99cf9}.sim-guide-card strong,.sim-guide-card span:last-child{display:block}.sim-guide-card strong{font-size:11px;color:#f7f0ff}.sim-guide-card div>span{font-size:11px;line-height:1.5;margin-top:3px;color:#aa9bbd}.sim-restart{width:100%;margin-top:15px}
.phone{width:100%;height:min(650px,calc(100vh - 235px));min-height:470px;margin:0;border:6px solid #332a42;border-radius:25px;background:#e9e4dc;box-shadow:0 27px 75px #05040b9c,0 0 0 1px #7361817a;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;left:38%;right:38%;top:0;height:4px;border-radius:0 0 9px 9px;background:#655771;z-index:4}.phone-header{height:67px;background:#f3f4f0;border-color:#dddeda;color:#26332d;gap:10px;padding:9px 15px}.phone-header .avatar{background:linear-gradient(135deg,#8d59d8,#56378d);box-shadow:0 4px 10px #5b3c8c44}.phone-header strong{font-size:13px}.phone-header small{font-size:10px;color:#5c7666}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#26b478;margin-right:4px}.phone-menu{margin-left:auto;color:#6f7a71;font-size:20px}
.chat{background-color:#e9e3d8;background-image:radial-gradient(circle at 20px 20px,#d2c8b73d 1px,transparent 2px),linear-gradient(145deg,#f3eee5,#e8e2d8);background-size:44px 44px,100% 100%;gap:7px;padding:15px 14px;scroll-behavior:smooth}.chat-empty{padding:18px;background:#ffffffb8;border:1px solid #e5ddd4;border-radius:13px;color:#6b6a68}.chat-date{align-self:center;background:#e1dfd8ca;color:#617069;font-size:10px;font-weight:700;padding:5px 10px;border-radius:7px;margin:1px 0 10px;box-shadow:0 2px 5px #877f7233}.bubble{max-width:86%;font-size:12px;line-height:1.45;padding:8px 9px 6px;box-shadow:0 2px 5px #6a66592c;white-space:normal;animation:messageIn .3s cubic-bezier(.2,.8,.2,1) both}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble.bot{background:#fff;align-self:flex-start;border-radius:3px 11px 11px 11px}.bubble.client{background:#d9f8d4;align-self:flex-end;border-radius:11px 3px 11px 11px}.bubble-meta{display:block;text-align:right;color:#8b8e89;font-size:9px;margin-top:4px;line-height:1}.bubble.client .bubble-meta{color:#649a93}.bubble-meta .checks{color:#46a6c2;font-size:10px}.poll-bubble{min-width:min(260px,80%)}.poll-head{font-weight:800;color:#283b33;padding:3px 2px 8px}.poll-choice{border-radius:0;background:#fff;border:0;border-top:1px solid #e3e8e4;padding:10px 7px;margin:0;color:#148f66;font-size:11px}.poll-choice:hover:not(:disabled){background:#eef7f1;border-color:#cde9d6}.poll-choice:disabled{background:#fff;opacity:.62}.poll-bubble .bubble-meta{margin-top:6px}.media-bubble{min-width:240px;display:block}.media-preview{display:flex;align-items:center;gap:10px;background:#f3f3f0;border-radius:7px;padding:10px;margin-bottom:6px}.media-icon{width:35px;height:39px;border-radius:6px;background:#c45166;color:white;display:grid;place-items:center;font-size:17px;font-weight:800}.media-bubble.audio .media-icon{background:#438a7b;border-radius:50%;width:37px;height:37px}.media-detail strong,.media-detail small{display:block;word-break:break-word}.media-detail strong{font-size:11px;color:#34413a}.media-detail small{margin-top:4px;color:#808b83;font-size:10px}.media-caption{font-size:11px;color:#46544b}.delay-note{background:#e1e3de;color:#677168;border-radius:7px;font-size:10px;animation:messageIn .25s both}.typing-indicator{align-self:flex-start;background:white;border-radius:3px 12px 12px 12px;padding:11px 15px;display:flex;gap:4px;box-shadow:0 2px 5px #6a66592c}.typing-indicator span{width:6px;height:6px;background:#86a49a;border-radius:50%;animation:typingPulse 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}
.chat-form{background:#f1f3ef;padding:9px 11px;align-items:center;border-top:1px solid #d7ded6}.chat-form input{border:1px solid #e2e7e1;border-radius:19px;background:#fff;padding:10px 14px}.chat-attach{color:#708276;font-size:23px;line-height:1}.send-button{background:#1fab80;box-shadow:0 4px 10px #188d6861;transition:transform .18s,background .18s}.send-button:hover{transform:scale(1.06);background:#169b6f}

/* Confirmação */
.confirm-dialog{width:min(440px,calc(100vw - 30px));border:1px solid #674b7d;border-radius:17px;background:#231a33;color:#f7f1ff;padding:26px;box-shadow:0 25px 80px #05020dc9}.confirm-dialog::backdrop{background:#080610b8;backdrop-filter:blur(5px)}.confirm-dialog[open]{animation:dialogIn .2s both}.confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#583042;color:#ffc1cf;font-size:23px;margin-bottom:14px}.confirm-dialog h2{font-size:20px;letter-spacing:-.02em;margin-bottom:8px}.confirm-dialog p{color:#bfb0cd;line-height:1.55;font-size:13px}.confirm-dialog p strong{color:#fff}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}

@keyframes nodeRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flowPulse{50%{box-shadow:0 0 0 7px #24ce862b}}@keyframes typingPulse{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes dialogIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1260px){.brand-light{display:none}.header-divider{display:none}.topbar{gap:9px}.flow-name-wrap input{width:125px}.editor-shell.active{grid-template-columns:235px minmax(320px,1fr) 270px}.palette-item small{display:block}}
@media(max-width:1000px){.topbar{min-height:110px}.editor-shell.active{height:calc(100vh - 164px)}.simulator-layout{grid-template-columns:225px minmax(350px,440px);gap:20px}.simulator-shell{padding:25px}.sim-guide{padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Acesso ao painel */
.login-body{min-width:320px;min-height:100vh;background:#151022}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(380px,.95fr)}
.login-feature{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:38px clamp(35px,5vw,86px);background:radial-gradient(circle at 20% 65%,#7950b467,transparent 33%),radial-gradient(circle at 80% 10%,#51367d8c,transparent 38%),linear-gradient(140deg,#211633,#312047 52%,#1b1833);border-right:1px solid #574272}
.login-feature:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a987ca43 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(140deg,transparent,#000 70%);pointer-events:none}.login-feature:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #b08cd33d;border-radius:50%;right:-170px;bottom:-240px;box-shadow:0 0 0 48px #a372cd0c,0 0 0 95px #a372cd0a;pointer-events:none}
.login-brand,.login-feature-copy,.login-feature-footer{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.03em}.login-brand .brand-mark{width:42px;height:42px}.login-brand span span{color:#d5c7e7;font-weight:500}
.login-feature-copy{max-width:560px;margin:30px 0}.login-kicker{font-size:11px;letter-spacing:.17em;color:#c6a9ec;font-weight:800}.login-feature-copy h1{font-size:clamp(38px,4.4vw,68px);letter-spacing:-.055em;line-height:1.07;margin:18px 0 22px}.login-feature-copy p{font-size:16px;line-height:1.6;color:#d0c3dc;max-width:470px}.login-feature-line{display:flex;align-items:center;gap:9px;color:#e5d9f0;font-size:12px;font-weight:700;margin-top:44px}.login-feature-dot{width:9px;height:9px;background:#52d6a3;border-radius:50%;box-shadow:0 0 0 5px #52d6a32b;animation:flowPulse 3s infinite}.login-feature-footer{color:#baa8cc;font-size:12px}
.login-form-side{display:grid;place-items:center;padding:44px 30px;background:radial-gradient(circle at 80% 0%,#44296136,transparent 38%),#151120}.login-card{width:min(100%,410px);padding:15px 0}.login-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(140deg,#a264ea,#6f46d7);color:white;font-size:25px;box-shadow:0 10px 30px #7e4ad550;margin-bottom:27px}.login-card h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 8px}.login-card>p{font-size:13px;color:#a99bbb;line-height:1.55;margin-bottom:32px}.login-card form label{display:block;color:#d1c4e3;font-size:12px;font-weight:700;margin:18px 0 8px}.login-card form input{width:100%;height:47px;background:#241c34;border:1px solid #554268;border-radius:10px;color:#fff;padding:0 14px;font-size:13px;transition:border-color .18s,box-shadow .18s}.login-card form input:focus{border-color:#ad78ef;box-shadow:0 0 0 4px #9960e82d}.login-card form input::placeholder{color:#827590}.login-password{position:relative}.login-password input{padding-right:85px!important}.login-password button{position:absolute;right:8px;top:8px;height:31px;border:0;background:#362747;color:#cbb4ea;font-size:11px;font-weight:700;border-radius:7px;padding:0 10px}.login-password button:hover{background:#48335c}.login-error{min-height:18px;margin:12px 0 2px;color:#ff9faa;font-size:12px;line-height:1.4}.login-submit{width:100%;height:46px;margin-top:5px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px}.login-submit span{font-size:19px}.login-help{margin-top:25px;padding-top:20px;border-top:1px solid #40334e;color:#9487a5;font-size:11px;line-height:1.5}
.security-card{grid-column:1/-1}.security-card .password-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px}.security-card .field{margin-bottom:0}.security-card .password-form button{justify-self:start;margin-top:7px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-feature{min-height:270px;padding:24px 30px}.login-feature-copy{margin:25px 0 0}.login-feature-copy h1{font-size:35px;margin:10px 0}.login-feature-copy p,.login-feature-footer,.login-feature-line{display:none}.login-form-side{padding:30px 22px 55px}.security-card .password-form{grid-template-columns:1fr}}