/* A clearly labelled, code-rendered Meta-style campaign preview. */
.meta-preview{height:100%;display:flex;flex-direction:column;padding:14.5cqw 4.5cqw 7.5cqw;background:#f2f4f7;color:#1c2b33;font-family:var(--body);font-size:3cqw;line-height:1.3;letter-spacing:-.015em}
.meta-preview svg{display:block;width:4cqw;height:4cqw;flex:none}
.meta-app-bar{display:flex;align-items:center;gap:2.5cqw;font-size:3.5cqw;line-height:1}
.meta-app-brand{display:flex;align-items:center;gap:1.3cqw;letter-spacing:-.07em;font-size:5.1cqw}.meta-app-brand svg{color:#0866ff;width:7.5cqw;height:5.5cqw}.meta-app-brand strong{font-weight:600}
.meta-app-bar>span:nth-child(2){padding-left:2.5cqw;border-left:1px solid #cbd2da;color:#596871}
.meta-app-avatar{margin-left:auto;display:grid;place-items:center;width:6cqw;height:6cqw;border-radius:50%;background:#dde5ee;color:#344854;font-size:2.8cqw;font-weight:600}
.meta-account{display:flex;align-items:center;gap:2.3cqw;margin-top:4cqw;padding:2.5cqw 3cqw;border:1px solid #dbe1e7;border-radius:2cqw;background:#fff;font-weight:600;font-size:3.2cqw}
.meta-account-icon{display:grid;place-items:center;width:7cqw;height:7cqw;border-radius:1.5cqw;background:#f1f3f5;color:#1c2b33;font:800 4.5cqw/1 var(--display)}
.meta-account small{display:block;font-size:2.4cqw;font-weight:400;color:#667781;margin-top:.6cqw}.meta-account>svg{margin-left:auto}
.meta-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:4cqw}.meta-title-row>strong{font-size:7cqw;line-height:1.1;letter-spacing:-.04em;font-weight:650}
.meta-create{display:grid;place-items:center;width:7cqw;height:7cqw;border-radius:50%;background:#0866ff;color:#fff;font-size:5.5cqw;line-height:1}
.meta-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-top:3cqw;font-size:2.65cqw;white-space:nowrap}
.meta-toolbar>span:first-child{display:flex;align-items:center;gap:1.4cqw}.meta-toolbar svg{width:3.3cqw;height:3.3cqw}.meta-demo{padding:1.3cqw 1.8cqw;border:1px solid #c4ced8;border-radius:1.5cqw;background:#e9edf2;color:#455664;font-size:2.4cqw}
.meta-overview{margin-top:3cqw;padding:3.5cqw;border:1px solid #dbe1e7;border-radius:2.8cqw;background:#fff;box-shadow:0 1px 2px #1c2b3305}
.meta-card-title{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:3.1cqw}.meta-card-title>span{font-size:4cqw;line-height:1;color:#61717e}
.meta-revenue{position:relative;margin-top:3.5cqw}.meta-revenue>span:first-child{font-size:2.8cqw;color:#667781}.meta-revenue>strong{display:block;margin-top:1cqw;font-weight:600;font-size:10.2cqw;letter-spacing:-.055em;line-height:1.15;white-space:nowrap}
.meta-revenue .meta-roas{position:absolute;right:0;bottom:.5cqw;padding:1.3cqw 1.7cqw;border-radius:1.5cqw;background:#e7f3ff;color:#0866cf;font-size:3.6cqw;font-weight:650;line-height:1.15}.meta-roas small{display:block;font-size:2.1cqw;letter-spacing:.02em;text-align:center;margin-top:.7cqw;font-weight:500}
.meta-chart{margin-top:3cqw}.meta-chart>svg{width:100%;height:19cqw;overflow:visible}.meta-chart>div{display:flex;justify-content:space-between;color:#77858f;font-size:2.1cqw;margin-top:1.6cqw}
.meta-totals{display:grid;grid-template-columns:1fr 1fr 1fr;margin:3cqw 0 0;padding-top:3cqw;border-top:1px solid #e3e8ee;gap:2.5cqw}.meta-preview dl{margin-bottom:0}.meta-preview dt{font-size:2.35cqw;color:#637582;white-space:nowrap}.meta-preview dd{margin:1cqw 0 0;font-size:4.5cqw;font-weight:600;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}
.meta-list-tabs{display:flex;align-items:center;gap:4cqw;margin-top:4cqw;font-size:3.1cqw;color:#637582}.meta-list-tabs>span{padding:2.4cqw 0}.meta-list-tabs .meta-selected{color:#0866cf;border-bottom:2px solid #0866ff;font-weight:600}.meta-selected b{font-size:2.3cqw;margin-left:1cqw;padding:.5cqw 1.2cqw;border-radius:1cqw;background:#e2ecfa}
.meta-campaign-list{display:grid;gap:2.5cqw;margin-top:2.5cqw}.meta-campaign{padding:3.1cqw 3.5cqw;border:1px solid #dbe1e7;border-radius:2.8cqw;background:#fff}.meta-campaign-title{display:flex;align-items:center;justify-content:space-between;gap:2cqw}.meta-campaign-title strong{font-size:3.35cqw;font-weight:600}.meta-campaign-title small{display:flex;align-items:center;gap:1cqw;margin-top:1cqw;font-size:2.3cqw;color:#637582}.meta-campaign-title i{width:1.3cqw;height:1.3cqw;border-radius:50%;background:#31a24c}.meta-switch{position:relative;display:block;flex:none;width:7cqw;height:4cqw;border-radius:4cqw;background:#0866ff}.meta-switch:after{content:'';position:absolute;right:.6cqw;top:.6cqw;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#fff}
.meta-campaign dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5cqw;margin-top:3cqw}.meta-campaign dd{font-size:4.1cqw}
.meta-bottom{display:flex;align-items:center;justify-content:space-around;margin-top:auto;padding-top:2cqw;color:#6b7b87;font-size:2.3cqw}.meta-bottom>span{display:grid;justify-items:center;gap:1cqw}.meta-bottom svg{height:4.2cqw;width:4.2cqw}.meta-bottom .meta-current{color:#0866cf;font-weight:600}
/* Compact spacing keeps both campaign rows visible within the phone screen. */
.meta-account{margin-top:2cqw;padding:1.7cqw 2.5cqw}.meta-account-icon{width:5.5cqw;height:5.5cqw;font-size:3.8cqw}
.meta-title-row{margin-top:3cqw}.meta-title-row>strong{font-size:6.5cqw}.meta-create{width:6cqw;height:6cqw;font-size:4.8cqw}
.meta-toolbar{margin-top:2.5cqw}.meta-overview{margin-top:2.5cqw;padding:3cqw}
.meta-revenue{margin-top:2.5cqw}.meta-chart{margin-top:2cqw}.meta-chart>svg{height:13cqw}
.meta-totals{margin-top:2cqw;padding-top:2.5cqw}.meta-list-tabs{margin-top:2cqw}.meta-list-tabs>span{padding-block:1.5cqw}
.meta-campaign-list{margin-top:2cqw;gap:2cqw}.meta-campaign{padding:2cqw 3cqw}.meta-campaign dl{margin-top:2.2cqw}