/* Campaign Studio NOW 1.1 · touch-first workspace and expanded studio */
.mobile-dock,.mobile-wordmark,.mobile-account,.mobile-greeting,.studio-dock{display:none}.connection-banner{position:fixed;top:0;left:0;right:0;padding:7px 12px;text-align:center;background:#fff0cc;color:#77550f;z-index:600;font-size:12px}.connection-banner[hidden]{display:none}.more-profile{display:flex;align-items:center;gap:16px;padding:24px;background:#eaf0de;border:1px solid #d8e3cc;border-radius:18px;margin-bottom:24px}.more-profile .avatar{width:50px;height:50px;font-size:20px}.more-profile h2{margin:0 0 5px}.more-profile p{margin:0;color:var(--muted);font-size:12px}.more-profile button{margin-left:auto}.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}.more-item{display:flex;align-items:center;gap:14px;padding:22px 18px;background:white;border:1px solid var(--line);border-radius:14px;color:var(--ink);min-width:0}.more-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#edf3e2}.more-item b,.more-item small{display:block}.more-item b{font-size:13px}.more-item small{margin-top:4px}.more-chevron{margin-left:auto;color:#78907c;font-size:25px}.brand-preview{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:5px solid var(--brand-color)}.brand-preview img{max-width:200px;max-height:80px;object-fit:contain;margin-bottom:20px}.brand-preview h2{font-size:30px}.swatch-row{display:flex;gap:10px}.swatch-row span{width:44px;height:44px;border-radius:50%;border:1px solid #183c3320}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekday{padding:15px;text-align:center;font-size:12px;background:#edf3e7}.calendar-day,.calendar-blank{min-height:125px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:10px;min-width:0}.calendar-day>span{font-size:12px;color:#84927d}.calendar-day button{width:100%;font-size:10px;text-align:left;display:block;padding:7px;margin-top:5px;border-radius:5px;background:#e7f0d8;color:#315337;min-height:0;overflow-wrap:anywhere}.calendar-day small{display:block}.calendar-day.has-events{background:#fcfdf8}.rate-bar{height:5px;width:95px;background:#edf2e7;border-radius:10px;margin-bottom:5px;overflow:hidden}.rate-bar span{display:block;height:100%;background:#88a357}.timeline article{padding:15px 0 15px 18px;border-left:2px solid #d6e3c9;position:relative}.timeline article:before{content:'';position:absolute;left:-5px;top:18px;background:#6f975c;border:2px solid white;border-radius:50%;width:8px;height:8px}.timeline small{margin-left:8px}.timeline p{margin:8px 0;font-size:13px;white-space:pre-wrap}.segment-group{border:1px solid #cfdcc7;border-radius:12px;padding:16px;margin:16px 0;min-width:0;background:#f5f8ef}.segment-group legend{padding:0 7px;color:#678352;font-size:12px}.segment-leaf{background:white;border:1px solid #dfe7da;padding:16px;border-radius:10px;margin:10px 0}.segment-children .segment-group{background:#eaf1e1}.segment-leaf label{font-size:11px}.rich-toolbar{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:0;background:#fff;padding:4px 0 12px;z-index:1}.rich-editor{min-height:260px;max-height:50vh;overflow:auto;border:1px solid #bdceb3;border-radius:10px;padding:20px;background:#fff;font-size:16px;line-height:1.7;outline-offset:2px}.rich-editor p{margin:0 0 14px}.rich-editor a{color:#245d50;text-decoration:underline}.source-content{font:11px/1.6 monospace;min-height:48vh;white-space:pre;tab-size:2}.product-price{display:block;font-size:24px;margin-top:15px}.coupon-code{padding:14px;border:2px dashed #8eab70;margin-top:15px!important;font-size:22px;letter-spacing:3px}.event-detail{margin-top:14px!important;color:#758b67}.crop-canvas{display:block;max-width:100%;max-height:300px;object-fit:contain;margin:auto;background:#eef2e9;border-radius:10px}.preview-controls{margin-bottom:14px}.preview-personalization{margin-bottom:15px;padding:10px;background:#f1f6e9;border-radius:10px}.preview-personalization summary{font-size:12px;cursor:pointer}.preview-personalization[open] summary{margin-bottom:15px}.studio-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.designer-inspector fieldset>button{margin-bottom:15px}.design-block a{pointer-events:none}.designer-palette .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-full{height:100dvh}.designer-palette{padding-bottom:35px}.designer-inspector .designer-help{display:block}.studio-dock button{border-radius:0}.page-head .eyebrow{line-height:1.6}.more-item:active{background:#edf3e3}.sidebar .nav-caption{margin-top:19px}
@media(max-width:1100px){.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 :root{--paper:#f5f7f0}body{font-size:14px;-webkit-tap-highlight-color:transparent}button,.button{min-height:46px}button.small,.button.small,button.ghost{min-height:42px}input,select,textarea{font-size:16px!important;min-height:46px}label{font-size:12px}.shell{min-height:100dvh}.sidebar{display:none}.topbar{height:calc(67px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;background:#f5f7f0ed;border-bottom:0;position:sticky;top:0;box-shadow:0 2px 8px #183c3303}.mobile-toggle,.topbar [data-action=install-app],.topbar .breadcrumb{display:none}.mobile-wordmark{display:flex;align-items:center;gap:8px;color:#163e31;font-size:14px;font-weight:500;letter-spacing:-.3px}.mobile-wordmark b{font-size:11px;letter-spacing:1px}.mobile-wordmark img{width:31px;height:31px;border-radius:9px}.mobile-account{display:inline-flex!important}.top-actions{gap:3px}.topbar .icon-btn{background:#fff;border:1px solid #e1e8da;border-radius:50%;width:39px;height:39px;min-height:39px;padding:9px}.topbar .icon{width:18px;height:18px}.content{padding:15px 18px calc(102px + env(safe-area-inset-bottom));max-width:100%;overflow-x:clip}.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;z-index:45;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #dce6d4;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -5px 24px #183c3307}.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;color:#829079;min-height:52px;justify-content:center;border-radius:14px;position:relative}.mobile-dock a.active{color:#1f523d;background:#edf3df;font-weight:700}.mobile-dock a.active:before{content:'';position:absolute;top:4px;height:3px;width:16px;border-radius:10px;background:#7f9f5a}.mobile-dock .icon{height:21px;width:21px}.page-head{gap:12px;margin-bottom:22px}.page-head h1{font:30px/1.12 Georgia,serif;letter-spacing:-.8px;margin-bottom:10px}.page-head .eyebrow{display:none}.page-head p{font-size:12px;line-height:1.6}.page-head>.actions{gap:8px}.page-head>.actions>button{flex:1;padding:11px}.page-head:has(+.mobile-greeting){display:none}.welcome-banner{display:none}.mobile-greeting{display:block;margin-bottom:22px;padding:21px 23px 24px;background:linear-gradient(125deg,#dfe9d0,#eef3e5);border:1px solid #d7e2c9;border-radius:24px;position:relative;overflow:hidden}.mobile-greeting:after{content:'✦';position:absolute;right:16px;top:22px;font-size:58px;line-height:1;color:#adbf86;opacity:.5;pointer-events:none}.mobile-greeting .eyebrow{font-size:8px;letter-spacing:1.8px;color:#678250}.mobile-greeting h2{font:33px Georgia,serif;margin-bottom:10px;letter-spacing:-1px;padding-right:30px}.mobile-greeting p:not(.eyebrow){font-size:12px;max-width:220px;color:#647652;line-height:1.7;margin-bottom:18px}.mobile-greeting .button{min-height:42px}.stat-grid{gap:11px;margin-bottom:20px}.stat{border-radius:17px;padding:17px 16px;box-shadow:none}.stat-value{font-size:29px;font-weight:500;letter-spacing:-1px;margin-top:12px}.stat-label{font-size:10px;align-items:flex-start;gap:4px}.stat-label .icon{width:15px;height:15px}.stat-note{font-size:9px;line-height:1.5;margin-top:7px}.panel{border-radius:18px;box-shadow:none;margin-bottom:19px}.panel-head{padding:19px 18px 12px}.panel-head h2{font-size:14px}.panel-body{padding:0 18px 20px}.panel-pad{padding:20px}.two-col{gap:0}.footer-note{display:none}.row-list{padding:14px 0}.row-list b{font-size:13px}.row-list p{font-size:12px}.toolbar{gap:10px}.toolbar input.search{border-radius:13px;background:#fff}.toolbar select{max-width:100%!important}.toolbar label{width:100%}.toolbar>.fineprint{margin:0}.toolbar .actions{width:100%}.tabs{gap:25px;position:sticky;top:67px;z-index:10;background:var(--paper);padding-top:4px}.tabs button{min-height:43px;font-size:13px}.table-wrap{overflow:visible}table.data,table.data tbody,table.data tr,table.data td{display:block;width:100%;white-space:normal}table.data thead{display:none}table.data tbody tr{padding:17px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}table.data tbody tr:last-child{border-bottom:0}table.data td{padding:0;border:0;min-width:0!important;font-size:12px;overflow-wrap:anywhere}table.data td.name{grid-column:1/-1;order:-2}table.data td.name strong{font-size:14px;line-height:1.45}table.data td.name small{font-size:11px;margin-top:5px;color:#849178}table.data td:last-child:has(button){grid-column:1/-1;margin-top:4px}table.data td:has(input[type=checkbox]){width:auto;justify-self:end;order:-3;grid-column:2;grid-row:1}table.data td:not(.name):not(:has(button)):not(:has(input)):not(:has(.pill)):before{content:attr(data-label);display:block;font-size:9px;color:#91a084;margin-bottom:2px}table.data .actions{gap:6px}table.data button{font-size:11px!important;padding:6px 10px!important;min-height:38px}.pill{font-size:10px;padding:5px 9px}.pagination{flex-wrap:wrap;font-size:11px}.card-grid{grid-template-columns:minmax(0,1fr)}.template-card{border-radius:19px;display:grid;grid-template-columns:125px minmax(0,1fr);min-height:183px}.template-thumb{height:100%;min-height:183px;padding:18px 13px}.mini-email{min-height:190px}.mini-title{font-size:17px;padding:15px 12px}.mini-copy{padding:5px 12px}.mini-button{margin:10px 12px}.template-meta{padding:20px 16px;display:flex;flex-direction:column;justify-content:center;min-width:0}.template-meta h3{font-size:15px;line-height:1.35}.template-meta p{margin-top:7px;font-size:11px}.template-meta .actions{gap:5px}.template-meta button{min-height:37px}.more-profile{padding:19px 16px;gap:12px;flex-wrap:wrap;border-radius:21px}.more-profile h2{font-size:17px}.more-profile .avatar{width:44px;height:44px}.more-profile button{min-height:36px}.more-grid{grid-template-columns:1fr;gap:10px}.more-item{padding:17px;border-radius:16px}.more-item b{font-size:14px}.more-item small{font-size:11px}.more-icon{width:43px;height:43px}.brand-preview{grid-template-columns:1fr;gap:25px}.calendar-panel{border-radius:14px}.calendar-day,.calendar-blank{min-height:78px;padding:5px 3px}.calendar-weekday{font-size:9px;padding:12px 2px}.calendar-day>span{font-size:10px}.calendar-day button{font-size:8px;padding:4px 2px;min-height:26px;line-height:1.3}.calendar-day button small{display:none}dialog{position:fixed;inset:0;margin:0;max-width:100%;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#fafbf7;overflow:auto;overscroll-behavior:contain}dialog[open]{display:flex;flex-direction:column}.dialog-head{padding:calc(18px + env(safe-area-inset-top)) 20px 17px;position:sticky;top:0;background:#fafbf7ef;backdrop-filter:blur(12px);z-index:3;flex-shrink:0}.dialog-head h2{font-size:21px;line-height:1.25}.dialog-head .ghost{background:#edf2e6;border-radius:50%;width:38px;min-height:38px;font-size:14px}.dialog-body{padding:22px 20px calc(24px + env(safe-area-inset-bottom));overflow:visible;flex:1}.dialog-actions{position:sticky;bottom:calc(-24px - env(safe-area-inset-bottom));background:#fafbf7f2;backdrop-filter:blur(10px);padding:16px 0 calc(16px + env(safe-area-inset-bottom));margin-top:20px;border-top:1px solid var(--line);z-index:2}.dialog-actions button{flex:1;min-height:49px;border-radius:12px}.dialog-body .form-grid{grid-template-columns:1fr}.dialog-body form{min-height:0}.notice{border-radius:13px;font-size:12px;overflow-wrap:anywhere}.toast{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:none;font-size:12px;padding:14px 17px;border-radius:15px}.public-page{padding:25px 20px}.public-card{border-radius:25px}.public-card h1{font-size:34px}.is-offline .topbar{top:30px}.segment-group{padding:12px}.segment-group .segment-group{padding:9px}.segment-leaf{padding:12px}.segment-group .form-grid{display:block}
 /* The phone editor has one working panel at a time, with all controls reachable by touch. */
 .designer-full{padding-top:env(safe-area-inset-top);background:#f0f3e9}.designer-top{padding:10px 12px;gap:8px;flex-wrap:wrap;flex-shrink:0;background:#fafcf7;border-bottom:1px solid #dce5d3}.designer-top>.actions:first-child{width:100%;flex-wrap:nowrap;gap:6px}.designer-top input{flex:1;width:0;font-size:16px;min-height:40px;padding:8px}.designer-top>.actions:last-child{width:100%;justify-content:space-between;gap:6px}.designer-top button{min-height:40px;font-size:12px;padding:7px 13px;border-radius:10px}.designer-top [data-design=save]{margin-left:auto;background:#245d50}.designer-top [data-design=close]{min-width:40px}.designer-top [data-design=undo],.designer-top [data-design=redo]{font-size:19px;min-width:40px;padding:4px}.designer-body{display:block;flex:1;min-height:0;overflow:hidden;padding-bottom:0}.designer-palette,.designer-inspector,.designer-scroll{display:none;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:22px 18px calc(96px + env(safe-area-inset-bottom));border:0}.designer-full[data-mobile-view=canvas] .designer-scroll{display:block;padding:20px 12px calc(100px + env(safe-area-inset-bottom));background:#e8efdf}.designer-full[data-mobile-view=blocks] .designer-palette{display:block}.designer-full[data-mobile-view=edit] .designer-inspector{display:block}.designer-full[data-mobile-view=tools] .designer-scroll{display:block}.designer-palette h3{display:block;font-size:11px;letter-spacing:1.5px;color:#7e9372}.designer-palette .palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;overflow:visible;margin-bottom:27px}.designer-palette .palette-item{min-width:0;min-height:87px;border-radius:15px;font-size:11px;gap:10px;background:#f8faf4}.palette-item .icon{width:24px;height:24px}.designer-palette .template-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.designer-palette .template-tools button{min-height:48px;font-size:11px}.designer-palette .designer-help{display:block;font-size:11px;line-height:1.7}.designer-inspector label{font-size:12px;margin-bottom:19px}.designer-inspector input,.designer-inspector select{min-height:46px}.designer-inspector .form-grid{grid-template-columns:1fr 1fr;gap:12px}.designer-inspector textarea{min-height:180px}.designer-inspector h3{font-size:14px}.designer-inspector .actions>button{min-height:44px;flex:1}.designer-inspector .designer-help{font-size:11px;line-height:1.65}.email-canvas{width:100%!important;border-radius:10px;overflow:hidden;box-shadow:0 6px 25px #263c2110}.row-content{display:block}.design-block{font-size:16px!important;padding:18px!important;min-height:55px}.design-block h2{font-size:28px!important}.design-row.selected-row{border-width:1px}.row-toolbar{padding:5px 8px;font-size:9px;min-height:42px;gap:5px}.row-toolbar button{min-height:34px;min-width:31px;font-size:14px}.row-toolbar span{line-height:1.4}.design-footer{font-size:10px;line-height:1.8;padding:25px 17px}.studio-dock{position:absolute;inset:auto 0 0;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);background:#fffefa;border-top:1px solid #dbe6ce;padding:6px 12px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #183c3308}.studio-dock button{background:transparent;color:#8a987e;display:flex;flex-direction:column;font-size:10px;gap:4px;min-height:54px;border-radius:12px;padding:7px}.studio-dock button.active{background:#edf4df;color:#245d50}.studio-dock .icon{width:21px;height:21px}.drop-new-row{min-height:51px;font-size:12px}.rich-editor{max-height:none;min-height:38vh}.rich-toolbar button{min-height:39px}.source-content{font-size:12px!important}.preview-frame{height:62vh}.studio-tool-grid button{min-height:56px;font-size:12px}.preview-personalization .form-grid{display:block}
}
@media(prefers-reduced-motion:no-preference){.content>.page-head,.more-item,.mobile-greeting{animation:studio-appear .18s ease-out}@keyframes studio-appear{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}