/* Air reference: Control typography, haze surfaces and a cloud / sunset canvas. */
@font-face{font-family:Control;src:url('./assets/control.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'Control TNT';src:url('./assets/control-tnt.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'Control Cursive';src:url('./assets/control-cursive.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'Control Compressed';src:url('./assets/control-compressed.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{color-scheme:light;font-family:Control,Arial,sans-serif;font-synthesis:none;--purple:#2b7fff;--muted:#747474;--line:#e3e3e3;--ink:#1b1b1b;--haze:#f5f5f5;--twilight:#426188;background:#426188;color:var(--ink)}
html{min-height:100%;background:#426188}body{min-height:100vh;background:transparent;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#426188 0%,#97ceed 14%,#a9d0df 35%,#d1d2bd 65%,#ffd394 100%)}body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('./assets/clouds.webp');background-size:cover;background-position:center 25%;mix-blend-mode:screen;opacity:.2;box-shadow:inset 80px 0 130px -90px #1b1b1b80,inset -80px 0 130px -90px #1b1b1b80}
button,input,textarea,select{font-family:Control,Arial,sans-serif;font-weight:400}button,a,input,textarea,select{transition:background-color .15s,border-color .15s,color .15s}button:focus-visible,a:focus-visible{outline:2px solid #2b7fff;outline-offset:3px}h1,h2,h3,strong{font-weight:500}h1{font-size:32px;line-height:1.1;letter-spacing:-1px}h2{font-size:20px;line-height:1.2}h3{font-size:16px;line-height:1.3}p{font-size:16px;line-height:1.5}small{font-size:13px}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #d8d8d8;border-radius:4px;padding:12px 14px;box-shadow:none}input:focus,textarea:focus,select:focus{border-color:#2b7fff;box-shadow:0 0 0 2px #2b7fff18;outline:none}input::placeholder,textarea::placeholder{color:#8d8d8d}label{font-weight:500;color:var(--ink)}
.shell{display:block;min-height:100vh}.sidebar{width:100%;height:auto;position:relative;top:auto;padding:20px 28px;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;background:transparent;border:0;border-bottom:1px solid #ffffff38;color:#fff}.brand{padding:0;gap:8px;color:#fff;font-family:'Control Cursive',Control,sans-serif;font-size:38px;font-weight:400;letter-spacing:-1px;white-space:nowrap}.brand img{display:none}.brand small{font-family:Control,sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;color:#fff;margin:10px 0 0 3px}.sidebar .workspace,.sidebar .navtitle,.sidebar .sidefoot{display:none}.sidebar nav{display:flex;gap:8px;align-items:center}.nav{width:auto;margin:0;padding:10px 12px;gap:8px;border-radius:8px;font-size:14px;color:#fff;font-weight:400}.nav .icon{display:none}.nav.active{background:#f5f5f5;color:var(--ink)}.nav:hover{background:#ffffff25;color:#fff}.nav.active:hover{background:#fff;color:var(--ink)}.topbar{height:56px;background:transparent;border:0;color:#fff;padding:0 32px;font-size:13px;max-width:1214px;margin:auto}.topright{gap:20px}.topright button{color:#fff}.dot{background:#fff;box-shadow:0 0 0 3px #fff2}.content{max-width:1214px;padding:28px 32px 48px}.heading{margin-bottom:24px;color:#fff;align-items:center}.heading p{color:#fff;margin-bottom:0;font-size:16px}.eyebrow{color:#fff}.btn,.btn:not(.secondary){background:#f5f5f5;color:var(--ink);border:1px solid transparent;box-shadow:none;border-radius:8px;font-size:14px;font-weight:500;padding:10px 16px}.btn:hover,.btn:not(.secondary):hover{background:#fff;box-shadow:none}.heading .btn.secondary,.topbar .btn.secondary{background:transparent;border:1px solid #fff;color:#fff}.btn.secondary{color:var(--ink);background:#fff;border:1px solid #d8d8d8}.btn.secondary:hover{background:var(--haze);border-color:#a7a7a7}.btn.danger{color:#a33737;background:#fff1f1;border-color:#edd4d4}.textbtn,.link{color:#2b7fff;font-size:13px}.card,.surface,.templatecard,.automation-table{background:var(--haze);color:var(--ink);border:0;border-radius:12px;box-shadow:none;padding:20px}.stats{gap:24px}.stathead{font-size:13px;color:#686868}.statnum{font-family:'Control TNT',Control,sans-serif;font-weight:500;font-size:40px;line-height:1;margin:20px 0 12px}.statbadge,.badge,.avatar,.nodeicon{background:#e9eff7;color:#426188;border-radius:8px;box-shadow:none}.statbadge{background:#ececec;color:#1b1b1b}.stat small{font-size:13px}.avatar{font-weight:500}.badge{font-weight:500}.badge.gray{background:#e7e7e7;color:#626262}.badge.green{background:#e4eee8;color:#376c52}.badge.red{background:#f3e4e4;color:#a33737}.unread{background:#2b7fff;color:white}.cardtitle h2{font-size:20px}.cardtitle{margin-bottom:20px}.split{gap:24px}.grow strong{font-size:14px}.grow small,.activity,.activity small{font-size:13px}.listrow,.activity{border-color:#ddd}.listrow:hover{background:#eee}.empty .emptyicon{background:#e9eff7;color:#426188;border-radius:12px}.empty p{font-size:14px}.setup,.hint,.previewnote{background:#e9eff7;color:#426188;border:0;border-radius:8px;box-shadow:none}.setup p{color:#426188}.setup{padding:24px}.welcome-card{display:block;text-align:center;background:transparent;border:0;border-radius:0;box-shadow:none;padding:38px 20px 54px;margin:0}.welcome-spark{display:none}.welcome-card small{color:#fff;font-size:13px;letter-spacing:0}.welcome-card h2{font-family:Control,sans-serif;font-size:56px;line-height:1;letter-spacing:-2px;color:#fff;font-weight:500;margin:18px 0}.welcome-card h2 em{font-family:'Control Cursive',Control,sans-serif;font-style:normal;font-weight:400}.welcome-card p{color:#fff;max-width:580px;font-size:16px;line-height:1.5;margin:auto}.chartbar,.swatch{background:#426188}.chartbar.out,.swatch.out{background:#a4c9ec}.chartlegend,.chartday small{color:#696969;font-size:13px}.chartbar{border-radius:4px 4px 0 0}.chartlegend{gap:24px}.tabs{border-color:#ffffff50;gap:24px}.tab{color:#fff;font-size:14px;font-weight:400}.tab.active{color:#fff;border-color:#fff;font-weight:500}.folder{font-size:14px;color:#fff;padding:10px 12px;border-radius:8px}.folder.active{background:#f5f5f5;color:#1b1b1b}.folder-title{font-size:13px;color:#fff;font-weight:400}.automation-table{padding:0}.automation-table .table th,.table th{background:#ececec;color:#626262;font-size:13px}.automation-table .table td{padding:20px 16px}.table{font-size:14px}.table td{border-color:#dedede}.flowname{color:#1b1b1b;font-size:14px;font-weight:500}.flowname small,.counts{font-size:13px;color:#747474}.nodeicon{background:#e9eff7;color:#426188}.templategrid{gap:24px}.templatecard{padding:24px;border:1px solid transparent}.templatecard h3{color:#1b1b1b;font-size:20px}.templatecard p{font-size:14px}.templatecard:hover{border-color:#fff;background:#fff;box-shadow:none}.button-help{font-size:13px;color:#676767}.segments button{background:#f5f5f5;border-color:transparent;border-radius:8px;color:#626262;font-size:13px}.segments button.active{background:#fff;border-color:#2b7fff;color:#2b7fff}.segmentbar{background:#e9eff7;color:#426188;border-radius:8px}.bcast-card{border-color:#ddd}.bcast-card .grow p{font-size:14px}.bcast-count{font-family:'Control TNT',Control,sans-serif;font-weight:500;font-size:32px}.bcast-count small{font-family:Control,sans-serif;font-size:13px}.settingsgrid{gap:24px}.disclaimer,.footer-note{color:#fff;font-size:13px}.settingsgrid .disclaimer{color:#747474}.checkline{font-size:13px}.commandrow input{font-size:14px}
.inbox.v2{background:#f5f5f5;border:0;border-radius:12px;height:calc(100vh - 284px);min-height:520px;grid-template-columns:260px minmax(260px,1fr) 240px}.contactlist,.chat,.composer,.composer-area,.contact-inspector{background:#f5f5f5;border-color:#ddd;color:var(--ink)}.contactitem{border-radius:8px}.contactitem:hover{background:#eaeaea}.contactitem.selected{background:#e4ebf4;color:var(--ink)}.contactitem.selected strong{color:#1b1b1b}.contactitem.selected small{color:#626262}.contactitem.unread-item strong{color:#2b7fff}.contactitem strong{font-size:14px}.contactitem small{font-size:13px}.inbox-tabs button{font-size:13px;color:#747474}.inbox-tabs button.active{background:#e4ebf4;color:#426188}.messages{background:#eceff2}.bubble,.previewbubble{background:#fff;border:0;color:#1b1b1b;border-radius:12px;padding:14px 16px;font-size:14px}.bubble.out,.previewbubble.out{background:#dde8f5;border:0;border-radius:12px;color:#1b1b1b}.bubble small,.previewbubble small{color:#747474;font-size:11px}.messages .bubble a{color:#2b7fff}.chatheader{border-color:#ddd}.composer textarea{background:#fff}.composer-tools span{color:#747474;font-size:12px}.detailsection h3{font-size:13px;letter-spacing:0;text-transform:none;color:#626262}.detailrow{font-size:13px;color:#747474}.detailrow strong{color:#1b1b1b;font-weight:500}.contact-inspector h3{font-size:20px}.message-media,.attachment-preview{border-radius:11px}.previewphone{background:#e9eff7;border:0;border-radius:12px}.phonehead{background:#fff;border-color:#ddd;color:#1b1b1b;font-size:14px}.phonehead small{font-size:12px}.previewbutton{background:#e9eff7;border:1px solid #b6c6d9;border-radius:8px;color:#426188;font-size:14px}.previewinput input{background:#fff}.previewinput button{color:#2b7fff}.previewnote{font-size:13px}.previewmessages{max-height:55vh}
.overlay{background:#1b1b1b75;backdrop-filter:blur(8px)}.modal{background:#f5f5f5;border:0;border-radius:12px;color:#1b1b1b;padding:28px;box-shadow:none}.modalhead h2{font-size:24px}.modal .hint{font-size:13px}.modal .btn:not(.secondary){background:#e9eff7;color:#426188}.errorbox,.buildererror{background:#f3e4e4;border-color:#edd4d4;color:#a33737;border-radius:8px}.step{background:#fff;border-color:#dedede;border-radius:12px}.stephead{color:#426188}.login{background:transparent;display:grid;grid-template-columns:1fr 440px;max-width:1214px;margin:auto;min-height:100vh;padding:64px 32px;gap:64px;align-items:center}.login::before{content:'Conversas humanas.\A Automação em escala.';white-space:pre-line;color:#fff;font-family:Control,sans-serif;font-weight:500;font-size:56px;line-height:1;letter-spacing:-2px;max-width:580px}.loginbox{width:100%;padding:36px;background:var(--haze);border:0;border-radius:12px;box-shadow:none;color:#1b1b1b}.loginbox .brand{color:#426188;font-size:56px;padding:0 0 28px}.loginbox .brand small{color:#426188}.loginbox h1{font-size:32px;line-height:1.1;font-weight:500}.loginbox p{font-size:16px;color:#747474}.loginbox .btn{background:#e9eff7;color:#426188;border:1px solid #b6c6d9}.loginbox .btn:hover{background:#dde8f5}#toast{background:#1b1b1b;color:#fff;border-radius:8px;font-size:14px;box-shadow:none}
.builder-overlay{background:transparent;color:#1b1b1b}.builderbar{background:#f5f5f5;border-color:#ddd;padding:12px 24px}.builderbar input{color:#1b1b1b;font-size:16px;font-weight:500;background:transparent}.builderbar input:focus{border-color:#2b7fff}.builderbar .btn:not(.secondary){background:#e9eff7;color:#426188;border-color:#b6c6d9}.builderbar .badge{font-size:12px}.builder-status{gap:16px}.builder-main{grid-template-columns:minmax(0,1fr) 360px}.canvas-stage{background:transparent;background-image:none}.flow-node{background:#f5f5f5;border:1px solid #ffffff80;border-radius:12px;box-shadow:none;font-size:14px}.flow-node:hover{box-shadow:none;border-color:#fff}.flow-node.selected{border:2px solid #2b7fff;box-shadow:0 0 0 3px #ffffff60}.node-handle,.type-action .node-handle,.type-condition .node-handle,.type-delay .node-handle,.type-input .node-handle{background:#e9eff7;color:#426188;border-color:#d7e1ee;border-radius:11px 11px 0 0;font-weight:500;font-size:14px}.type-condition .node-handle{background:#eee8ed;color:#725870}.type-action .node-handle{background:#eeebe1;color:#806c40}.type-input .node-handle{background:#e4eee8;color:#376c52}.type-delay .node-handle{background:#e8e8ee;color:#62627b}.nodebody{color:#626262;font-size:14px;line-height:1.5}.nodebutton{background:#fff;border-color:#ddd;color:#426188;font-size:14px}.nodefooter{border-color:#ddd;color:#747474;font-size:12px}.port{background:#fff;border-color:#426188}.port:hover,.port.connecting{background:#2b7fff;border-color:#2b7fff}.edge-line{stroke:#426188;stroke-width:2}.edge-button{stroke:#2b7fff}.edge-yes{stroke:#376c52}.edge-no{stroke:#a33737}.edge-label{fill:#1b1b1b;font-family:Control,sans-serif;font-size:12px}.builder-inspector{background:#f5f5f5;border-color:#ddd;padding:24px;color:#1b1b1b}.inspectorhead h2{font-size:20px;font-weight:500}.builder-inspector label{font-size:13px;color:#626262;font-weight:500}.builder-inspector input,.builder-inspector textarea,.builder-inspector select{font-size:14px;padding:10px 12px;background:#fff}.builder-inspector .hint{font-size:13px}.builder-button{background:#fff;border-color:#ddd;border-radius:12px}.builder-button .miniform{gap:8px}.blocktools{left:24px;top:88px}.addblock,.blockmenu,.zoomtools{background:#f5f5f5;border:0;border-radius:8px;box-shadow:none;color:#1b1b1b;font-size:14px;font-weight:500}.blockmenu button{font-size:14px;border-radius:8px}.blockmenu button:hover{background:#e9eff7}.zoomtools{font-size:13px}.uploadzone{background:#e9eff7;border:1px dashed #a4b6cd;border-radius:12px;padding:16px}.uploadzone strong{color:#426188;font-size:14px}.uploadzone p{color:#626262;font-size:13px}.uploadzone input{background:#fff;font-size:12px}.uploadzone input::file-selector-button{background:#f5f5f5;color:#1b1b1b;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.attached{color:#376c52;font-size:13px}.urlalternative{color:#626262;font-size:13px}.canvas-media{border-radius:11px}.canvas-media span{font-size:12px}.buildererror{font-size:13px}.resultrow{font-size:14px}.resultrow small{font-size:13px}
@media(max-width:1100px){.sidebar{padding:16px 20px;gap:16px}.sidebar nav{gap:2px}.nav{font-size:13px;padding:10px}.content{padding:24px}.inbox.v2{grid-template-columns:240px minmax(260px,1fr)}.contact-inspector{display:none}.brand{font-size:32px}.topbar{padding:0 24px}.builder-main{grid-template-columns:minmax(0,1fr) 335px}.login{gap:32px;grid-template-columns:1fr 400px}.login::before{font-size:48px}}
@media(max-width:900px){.sidebar{flex-wrap:wrap;justify-content:center;gap:10px}.sidebar nav{max-width:100%;overflow:auto;justify-content:flex-start}.topbar{font-size:12px}.automation-layout{grid-template-columns:1fr}.welcome-card h2{font-size:48px}.login{grid-template-columns:1fr;justify-items:center;padding:48px 24px;gap:40px}.login::before{font-size:48px;text-align:center}.loginbox{max-width:440px}.builder-main{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:700px){.sidebar{padding:16px 0 12px;display:flex;overflow:visible;gap:12px;border-bottom:1px solid #fff4}.sidebar .brand{padding:0;font-size:36px}.sidebar .brand small{display:inline}.sidebar nav{padding:0 16px;width:100%;justify-content:flex-start;gap:6px}.nav{font-size:13px;padding:10px 12px}.topbar{height:48px;padding:0 20px}.content{padding:24px 20px 36px}.heading h1{font-size:28px}.heading p{font-size:14px}.heading .btn{font-size:13px;padding:10px 12px}.heading .title-actions{align-items:flex-end;gap:8px}.welcome-card{padding:28px 0 40px}.welcome-card h2{font-size:40px;letter-spacing:-1px}.welcome-card p{font-size:14px}.welcome-card small{font-size:12px}.stats{gap:12px}.card{padding:16px}.statnum{font-size:36px}.stathead,.stat small{font-size:12px}.statbadge{padding:6px}.split,.templategrid{gap:16px}.cardtitle h2{font-size:18px}.cardtitle small{font-size:12px}.inbox.v2{grid-template-columns:1fr;grid-template-rows:200px minmax(0,1fr);height:780px;min-height:0}.inbox.v2 .contactlist{max-height:200px}.chatheader{padding:14px}.contactlist{padding:10px}.composer{padding:12px}.composer-tools{padding:10px 12px 0}.composer-tools select{max-width:160px}.composer-tools span{font-size:11px}.messages{padding:16px}.bubble{font-size:14px}.contactitem{padding:10px}.bubble small{font-size:11px}.table{font-size:13px}.automation-table .table td{padding:16px 12px}.tabs{gap:20px}.tab{font-size:14px}.templatecard{padding:20px}.modal{padding:24px 20px}.modalhead h2{font-size:22px}.settingsgrid{gap:16px}.login{padding:36px 20px;gap:32px;min-height:100svh}.login::before{font-size:40px;letter-spacing:-1px}.loginbox{padding:28px 24px}.loginbox .brand{font-size:48px}.loginbox h1{font-size:28px}.builder-overlay{grid-template-rows:110px 1fr}.builder-main{display:block}.builderbar{padding:8px 12px;gap:8px}.builder-status{gap:10px}.builderbar input{width:175px;font-size:15px}.builder-actions{gap:6px}.builderbar .btn{font-size:12px;padding:8px 10px}.builder-inspector{width:min(360px,92vw);padding:20px;box-shadow:none}.blocktools{left:16px;top:128px}.zoomtools{left:16px}.addblock{font-size:13px}.flow-node{width:260px}.builder-inspector textarea{font-size:14px}.previewnote{font-size:12px}.previewphone{min-height:360px}.checkline{font-size:13px}.disclaimer{font-size:12px}}

/* Original cloud sprite, layered at the same soft altitude as the reference. */
body::before{background:radial-gradient(ellipse at center,transparent 52%,#243c4850 100%),linear-gradient(180deg,#426188 0%,#97ceed 14%,#a9d0df 35%,#d1d2bd 65%,#ffd394 100%)}
body::after{background-image:url('./assets/cloud.png'),url('./assets/cloud.png'),url('./assets/cloud.png');background-repeat:no-repeat;background-size:360px 320px,500px 380px,420px 320px;background-position:58% 12%,-110px -100px,calc(100% + 190px) 31%;mix-blend-mode:normal;opacity:.24;filter:blur(14px);box-shadow:none}
.login::before{display:none}.login-hero{color:#fff;max-width:620px}.login-hero .brand{font-size:96px;line-height:1;margin-bottom:48px}.login-hero h2{font-size:56px;font-family:'Control TNT',Control,sans-serif;font-weight:500;line-height:1;letter-spacing:-2px;margin:0 0 24px}.login-hero h2 em{font-family:'Control Cursive',Control,sans-serif;font-style:normal;letter-spacing:-1px}.login-hero p{color:#fff;max-width:420px;font-size:16px;margin-bottom:0}.login-hero .eyebrow{font-size:13px;font-weight:400;letter-spacing:0;margin-bottom:24px}.loginbox .btn{background:#f5f5f5;border:1px solid #1b1b1b;color:#1b1b1b}.loginbox .btn:hover{background:#fff}.loginbox .brand{font-size:40px}.welcome-card h2{font-family:'Control TNT',Control,sans-serif}
@media(max-width:1100px){.login-hero h2{font-size:48px}.login-hero .brand{font-size:80px}}@media(max-width:900px){.login-hero{text-align:center}.login-hero .brand{justify-content:center;font-size:72px;margin-bottom:28px}.login-hero h2{font-size:48px}.login-hero p{margin:auto}.login-hero .eyebrow{margin-bottom:18px}}@media(max-width:700px){.login-hero .brand{font-size:64px;margin-bottom:24px}.login-hero h2{font-size:40px;letter-spacing:-1px}.login-hero p{font-size:14px}.login{padding-top:32px;gap:32px}.loginbox{padding:24px}.loginbox .brand{display:none}.loginbox h1{font-size:24px}.loginbox p{font-size:14px}body::after{background-size:220px 220px,300px 260px,240px 240px;background-position:58% 16%,-110px -100px,calc(100% + 120px) 40%}}

.automation-layout{grid-template-columns:180px minmax(0,1fr)}.automation-layout>*{min-width:0}.automation-table{overflow:hidden;min-width:0}.tablewrap{max-width:100%}.builder-overlay{background:linear-gradient(180deg,#426188,#97ceed 18%,#a9d0df 40%,#d1d2bd 70%,#ffd394)}.canvas-stage{background-image:url('./assets/cloud.png');background-repeat:no-repeat;background-size:400px 360px;background-position:60% -100px}body:has(.builder-overlay){overflow:hidden}.sidebar nav,.tabs,.automation-folders{scrollbar-width:none}.sidebar nav::-webkit-scrollbar,.tabs::-webkit-scrollbar,.automation-folders::-webkit-scrollbar{display:none}.automation-folders .button-help{min-width:150px;white-space:normal}.welcome-card h2{letter-spacing:-1px}.login-hero h2{letter-spacing:-1px}
@media(max-width:900px){.automation-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.automation-folders{max-width:100%}.builderbar{width:100%}.builder-main{width:100%}.builder-inspector{max-width:100%}.builder-overlay .canvas-stage{background-size:280px 250px}.welcome-card h2,.login-hero h2{letter-spacing:-.5px}.topbar{font-size:11px;gap:8px}.topright{gap:12px}}

/* Sky extracted from the supplied reference; UI was removed with imagegen. */
body::before{background:#426188 url('./assets/air-sky.png') center center / cover no-repeat}body::after{display:none}.builder-overlay{background:#426188 url('./assets/air-sky.png') center center / cover no-repeat}.canvas-stage{background-image:none}.inbox-tabs{flex-wrap:wrap;gap:4px}.inbox-tabs button{font-size:12px;padding:7px 8px}.contactlist{overflow-x:hidden}.builderbar .btn:not(.secondary),.modal .btn:not(.secondary){background:#fff;color:#1b1b1b;border:1px solid #bcbcbc}.builderbar .btn:not(.secondary):hover,.modal .btn:not(.secondary):hover{background:#ececec}

/* Layout review: readable type, one canvas, accessible long block content. */
html,body{max-width:100%;overflow-x:clip}.shell>div,.content,#surface,.split>*,.settingsgrid>*{min-width:0}.welcome-card h2{font-family:Control,Arial,sans-serif;letter-spacing:-1px}.welcome-card h2 em{display:inline-block;margin-left:.12em}.login-hero h2{font-family:Control,Arial,sans-serif;letter-spacing:-1px}.login-hero h2 em{letter-spacing:-1px}.nodebody{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.nodebutton>span{min-width:0;overflow-wrap:anywhere;flex:1}.nodebutton{gap:10px}.builderbar{flex-wrap:nowrap}.builder-status{flex:1;min-width:0}.builderbar input{max-width:100%;min-width:0}.builder-actions{flex-shrink:0}.builder-inspector{scrollbar-width:thin}.canvas-stage{scrollbar-width:thin}.builder-button,.previewbubble,.bubble,.flow-node,.loginbox,.card,.templatecard,.modal{box-shadow:none}.builder-button,.previewbubble,.bubble{background:#fff}.bubble.out,.previewbubble.out{background:#e9eff7}.messages,.previewphone{background:#eef1f5}.phonehead,.composer-area{background:#f5f5f5}.inbox.v2{height:max(280px,calc(100dvh - 282px));min-height:0}.chat,.messages{min-height:0}.chat-actions{gap:6px}.inbox-tabs{flex-wrap:wrap}.contactitem .grow{min-width:0}.contactitem .grow strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stathead{gap:10px}.statbadge{flex-shrink:0}.toolbar{align-items:center}.tablewrap{overscroll-behavior:contain}.table td{vertical-align:middle}.title-actions{flex-wrap:wrap;justify-content:flex-end}.heading>div{min-width:0}.settingsgrid h2,.modalhead h2{overflow-wrap:anywhere}.modalhead{gap:12px}.errorbox{overflow-wrap:anywhere}
@media(max-width:1050px){.builderbar input{width:210px}.builder-actions{gap:6px}.builderbar .btn{padding:9px 11px}.builder-status .badge{display:none}.inbox.v2{height:max(280px,calc(100dvh - 282px))}}
@media(max-width:700px){.heading{flex-wrap:wrap;gap:14px}.heading .title-actions{flex-direction:row;width:100%;justify-content:flex-start;align-items:center}.welcome-card{padding:20px 0 30px}.welcome-card h2{font-size:36px;letter-spacing:-1px}.welcome-card h2 em{margin-left:.08em}.sidebar nav{scroll-padding:16px}.nav{flex-shrink:0}.sidebar{gap:8px}.topbar{height:44px}.content{padding-top:20px}.inbox.v2{height:720px;grid-template-rows:180px minmax(0,1fr)}.inbox.v2 .contactlist{max-height:180px}.inbox.v2 .chat{min-height:0}.composer textarea{font-size:16px;min-height:52px;height:52px}.composer{align-items:flex-end}.composer-tools{flex-wrap:wrap}.composer-tools select{max-width:100%;width:auto;flex:1}.chatheader .chat-actions{gap:6px}.chatheader .chat-actions .btn{font-size:12px;padding:8px 10px}.builderbar{flex-wrap:wrap}.builder-status{width:100%;flex:auto}.builderbar input{width:180px}.builder-actions{flex-shrink:1;width:100%;justify-content:flex-end;flex-wrap:wrap}.builderbar .btn{font-size:12px;padding:8px 10px}.builder-main{min-height:0}.builder-inspector{padding:18px}.builder-inspector input,.builder-inspector textarea,.builder-inspector select,.modal input,.modal textarea,.modal select,.loginbox input{font-size:16px}.templatecard p,.hint{overflow-wrap:anywhere}.tablewrap{max-width:100%}.settingsgrid .cardtitle{flex-wrap:wrap;gap:12px}.login{padding:28px 20px}.login-hero h2{font-size:38px;letter-spacing:-1px}.welcome-card p{padding:0 4px}}