/* Messaging templates retain Studio's editor chrome, panels and authored renderer. */
.studio-messaging-context { background:#fff; }
.studio-messaging-context .studio-project-name input { max-width:100%; }
.studio-messaging-context .studio-editor-actions { flex-wrap:nowrap; }
.studio-messaging-context .studio-editor-actions .studio-button { white-space:nowrap; }
.studio-messaging-context .studio-editor-actions .studio-history-controls { flex-shrink:0; }
.studio-messaging-directory { position:static; display:flex; flex-direction:column; height:100dvh; min-height:0; padding:22px; overflow:auto; background:#fafafa; border-radius:0; }
.studio-messaging-directory .studio-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 0 18px; }
.studio-messaging-directory .studio-heading h1 { margin:0; font-size:16px; }
.studio-messaging-directory .studio-heading p { margin:6px 0 0; }
.studio-messaging-directory .studio-heading > div:last-child { display:flex; gap:8px; }
.studio-messaging-library-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; border-block:1px solid #ddd; }
.studio-messaging-library-controls nav { display:flex; gap:6px; }
.studio-messaging-library-controls .studio-field { width:250px; margin:0; }
.studio-messaging-template-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(245px,1fr)); gap:16px; padding-top:18px; }
.studio-messaging-template-card { overflow:hidden; min-width:0; margin:0; }
.studio-messaging-template-card h2 { font-size:14px; margin:10px 0 4px; }
.studio-messaging-template-card > p { margin:6px 0; }
.studio-messaging-template-thumbnail { position:relative; height:180px; overflow:hidden; border:1px solid #ddd; background:#fff; }
.studio-messaging-template-thumbnail > .studio-render { width:600px; transform:scale(.42); transform-origin:top left; }
.studio-messaging-template-thumbnail .marketing-template-phone { transform:scale(.4); transform-origin:top center; }
.studio-messaging-template-thumbnail .marketing-template-sms-estimate { display:none; }
.studio-sms-navigation h2,.studio-sms-inspector h2 { margin:0 0 15px; font-size:14px; font-weight:550; }
.studio-sms-navigation .studio-button { width:100%; margin:15px 0; }
.studio-sms-navigation p,.studio-sms-inspector p { margin:12px 0; font-size:10px; }
.studio-sms-inspector .studio-field { margin:14px 0 8px; }
.studio-sms-body-heading { display:flex; flex-direction:column; gap:8px; margin:20px 0 8px; }
.studio-sms-body-heading .studio-button { align-self:flex-start; padding:5px 9px; background:linear-gradient(90deg,#ffc28f,#ff807b); border-color:#df9c83; }
.studio-sms-inspector textarea { min-height:220px; font:11px/1.5 "DM Sans",sans-serif; }
.studio-sms-canvas { width:100%; max-width:500px; margin:30px auto; }
.studio-sms-canvas .marketing-template-phone { height:420px; min-height:420px; }
.studio-sms-viewport .studio-canvas-space { overflow:auto; }
.studio-messaging-context .studio-editor--email .studio-editor-top { min-width:0; }