/* V12b: compact workbench. Long content is paged, not clipped. */
.main-content:has(.msg-studio){max-width:none;padding:9px 12px 10px}
.msg-studio{--line:#dfe6ef;--ink:#354b66;height:calc(100dvh - 85px);min-height:480px;display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:12px}.msg-studio *{box-sizing:border-box}.msg-studio :is(button,input,select,textarea){font:inherit}.msg-studio button{border:1px solid var(--line);border-radius:6px;background:#fff;color:#62748a;padding:5px 8px;cursor:pointer;line-height:1.3}.msg-studio button:disabled{opacity:.35;cursor:default}.msg-studio :is(button,input,select,textarea):focus-visible{outline:2px solid #6499ea;outline-offset:1px}.msg-studio :is(input,select,textarea){min-width:0;width:100%;border:1px solid #dbe3ed;border-radius:6px;background:#fff;color:#354b66;padding:6px 8px}.msg-studio :is(input,select){height:32px}.msg-studio button.selected{border-color:#abc9f6;background:#ecf3ff;color:#2561b7}
.msg-studio-toolbar{height:35px;display:flex;align-items:center;gap:12px;flex-shrink:0}.msg-studio-toolbar h1{font-size:19px;color:#273d57;line-height:1;margin:0 5px 0 0;white-space:nowrap}.msg-studio-toolbar>nav{display:flex;gap:4px}.msg-studio-toolbar>nav button{height:30px;padding:5px 9px;font-size:12px;display:flex;align-items:center;gap:7px}.msg-studio-toolbar nav small{font-size:10px;padding:1px 4px;border-radius:3px;background:#f1f5fa;color:#8a9bb2}.msg-studio-toolbar>label{display:flex;align-items:center;gap:5px;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 8px;color:#8da0b9}.msg-studio-toolbar>label input{border:0;height:30px;width:175px;background:none;font-size:12px;padding:4px}
.msg-layout{display:grid;grid-template-columns:178px minmax(0,1fr);gap:8px;flex:1;min-height:0}.msg-template-list{display:flex;flex-direction:column;min-height:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px}.msg-template-list>header,.msg-template-list>footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:4px 5px;min-height:28px}.msg-template-list>header b{font-size:11px;font-weight:500;color:#8c9bae}.msg-template-list small{color:#97a5b7;font-size:10px}.msg-template-items{flex:1;min-height:0}.msg-template-items>button{height:32px;width:100%;display:flex;align-items:center;gap:7px;border-color:transparent;background:transparent;text-align:left;padding:4px 6px;margin-bottom:2px;min-width:0}.msg-template-items>button b{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.msg-template-indicator{width:4px;height:4px;border-radius:50%;background:#c3cedd;flex-shrink:0}.msg-template-indicator.unsaved{background:#eaa946}.msg-template-items button.selected .msg-template-indicator{background:#397bd8}.msg-template-list>footer{border-top:1px solid #edf1f6;margin-top:3px;padding-bottom:0}.msg-template-list>footer button{padding:1px 8px;height:24px;font-size:17px}.msg-template-items>p{font-size:12px;padding:8px;color:#91a0b4}
.msg-editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border:1px solid var(--line);border-radius:8px}.msg-editor-heading{min-height:36px;padding:5px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7ecf2;flex-shrink:0}.msg-editor-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.msg-editor-heading h2{font-size:14px;margin:0;color:#354e6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-editor-heading small{font-size:10px;color:#9baabc;white-space:nowrap}.msg-type-pill{border-radius:4px;background:#eff4fb;color:#6f8eb5;font-size:10px;padding:3px 6px;white-space:nowrap}.msg-editor-heading>[data-msg-dirty]{font-size:11px;color:#7c96b2;white-space:nowrap}
#message-v12-form{display:flex;flex-direction:column;flex:1;min-height:0}.msg-workbench{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(290px,1.25fr) 248px;min-height:0;flex:1}.msg-content-pane,.msg-canvas-pane,.msg-inspector{min-width:0;min-height:0}.msg-content-pane{display:flex;flex-direction:column;padding:10px;border-right:1px solid #e5ebf2;gap:7px}.msg-pane-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.msg-pane-title b{font-size:12px}.msg-pane-title small{font-size:10px;color:#94a4b8}.msg-kind-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;flex-shrink:0}.msg-kind-picker button{font-size:11px;height:30px;padding:4px 2px}.msg-original-note{font-size:10px;line-height:1.5;margin:0;color:#98a8bb;flex-shrink:0}.msg-copy-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;align-content:flex-start;gap:5px;flex:1;min-height:120px;font-size:12px;color:#6c819b}.msg-copy-label>span,.msg-copy-label>small{height:18px;flex-shrink:0}.msg-copy-label>small{font-size:10px;color:#9aabbf}.msg-copy-label textarea{flex:1 0 100%;height:calc(100% - 23px);min-height:96px;resize:none;line-height:1.75;padding:9px;font-size:13px;scrollbar-width:thin;background:#fcfdff}.msg-copy-note{font-size:10px;line-height:1.5;color:#91a2b9;margin:0;flex-shrink:0}
.msg-media-picker{flex-shrink:0;border:1px solid #e4eaf2;background:#f8fafd;border-radius:6px;padding:7px;display:grid;gap:6px}.msg-media-title{display:flex;align-items:center;gap:5px;justify-content:space-between}.msg-media-title b{font-size:10px;font-weight:500;color:#7e91aa}.msg-media-title nav{display:flex;gap:3px}.msg-media-title nav button{padding:3px 5px;font-size:10px}.msg-upload-row{display:flex;gap:5px}.msg-upload-zone{position:relative;display:grid;place-items:center;border:1px dashed #a9c1df;border-radius:5px;background:#fff;padding:5px 8px;white-space:nowrap;cursor:pointer;color:#4878b5;font-size:11px}.msg-upload-zone input{position:absolute;inset:0;height:100%;opacity:0;cursor:pointer}.msg-upload-row>select{flex:1;font-size:11px}.msg-media-picker>small{font-size:10px;line-height:1.5;color:#9cabbc}.msg-media-picker>input{font-size:11px}.msg-upload-progress{display:flex;align-items:center;gap:6px;font-size:10px}.msg-upload-progress progress{flex:1;min-width:0;height:5px;accent-color:#4e8adf}.msg-upload-progress button{padding:2px 4px;font-size:10px}
.msg-canvas-pane{padding:8px;background:#f4f6f9;display:flex}.msg-canvas-pane>#msg-canvas{min-width:0;min-height:0;flex:1}.msg-preview-shell{--chat-bg:#d5e1d0;--chat-head:#fff;--bubble:#fff;--chat-ink:#1f2b35;--chat-muted:#7c959e;--key-bg:#ffffff9e;--key-ink:#345e6f;--key-line:#ffffff4d;display:flex;flex-direction:column;height:100%;border:1px solid #d6dfe8;border-radius:8px;min-height:0;background:var(--chat-bg)}.msg-preview-shell[data-theme=dark]{--chat-bg:#0d1721;--chat-head:#172331;--bubble:#1b2b3b;--chat-ink:#eef3f8;--chat-muted:#899faf;--key-bg:#253a4bd9;--key-ink:#e1eaf3;--key-line:#45596b77;border-color:#26394c}.msg-chat-heading{display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 10px;background:var(--chat-head);border-radius:7px 7px 0 0;flex-shrink:0;color:var(--chat-ink)}.msg-chat-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#67b8e4,#3588c3);color:#fff;font-weight:650}.msg-chat-heading>div:not(.msg-theme-picker){display:grid;gap:2px}.msg-chat-heading b{font-size:12px;font-weight:650}.msg-chat-heading small{font-size:10px;color:var(--chat-muted)}.msg-theme-picker{margin-left:auto;display:flex;gap:2px;padding:2px;border-radius:5px;background:#8ba6c218}.msg-studio .msg-theme-picker button{background:transparent;border-color:transparent;padding:4px 7px;font-size:10px;color:var(--chat-muted)}.msg-studio .msg-theme-picker button.selected{background:#458dc7;color:#fff;border-color:#458dc7}
.msg-preview-surface{position:relative;flex:1;min-height:0;display:grid;grid-template-rows:minmax(60px,1fr) auto;gap:4px;padding:10px;background:radial-gradient(ellipse at 0 0,#cbdcd2,transparent 75%),radial-gradient(ellipse at 100% 100%,#d9debd,transparent 85%),var(--chat-bg)}.msg-preview-shell[data-theme=dark] .msg-preview-surface{background:radial-gradient(ellipse at 0 0,#142333,transparent 75%),var(--chat-bg)}.msg-preview-surface:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' stroke='%236b8573' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M17 30l29-14-8 30-8-11-13-5zm13 5l16-19M105 22l3 7 8 1-6 5 2 8-7-4-7 4 2-8-6-5 8-1zM130 86c-11-11-24 5-10 14l11 8 11-8c14-9 1-25-11-14zM21 123c-9 0-12-10-6-15 0-11 17-14 22-4 12-4 17 14 4 17zM70 142l17-9 17 9-17 10zM87 152v14M70 142v14l17 10 17-10v-14M152 147l7-7m-7 0l7 7M60 74c0 18 26 18 26 0s-26-18-26 0zm6 3c4 7 13 7 17 0M66 69h1m12 0h1'/%3E%3C/svg%3E")}.msg-preview-shell[data-theme=dark] .msg-preview-surface:before{opacity:.17;filter:brightness(1.6)}.msg-bubble,.msg-button-canvas{position:relative;z-index:1;width:100%;max-width:560px;margin-right:auto}.msg-bubble{display:flex;flex-direction:column;min-height:0;padding:10px 12px 5px;background:var(--bubble);border-radius:3px 11px 11px 11px;color:var(--chat-ink);box-shadow:0 1px 3px #24403c15}.msg-copy-reader{display:flex;flex-direction:column;flex:1;min-height:0}.msg-preview-copy{font-size:13px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--chat-ink);flex:1;min-height:0}.msg-copy-pager{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:24px;padding-top:3px;color:var(--chat-muted);flex-shrink:0}.msg-copy-pager small{font-size:9px}.msg-copy-pager>div{display:flex;gap:3px}.msg-studio .msg-copy-pager button{padding:0 6px;height:20px;font-size:15px;border-color:transparent;background:transparent;color:var(--chat-muted)}.msg-preview-media{flex-shrink:0;max-height:106px;min-height:66px;margin:-5px -7px 6px;background:#8da8bf12;border-radius:6px}.msg-preview-media :is(img,video){width:100%;height:100px;display:block;object-fit:contain;border-radius:6px}.msg-media-empty{display:grid;place-content:center;justify-items:center;gap:4px;height:94px;text-align:center;color:var(--chat-muted)}.msg-media-empty i{font-size:19px;font-style:normal}.msg-media-empty b{font-size:11px;font-weight:500}.msg-media-empty small{font-size:9px}
.msg-button-canvas{display:grid;gap:0;flex-shrink:0}.msg-canvas-row{display:flex;align-items:stretch;gap:4px;min-height:30px}.msg-studio .msg-row-grip{display:flex;align-items:center;justify-content:center;gap:1px;width:17px;flex-shrink:0;padding:0;border:0;background:none;color:var(--chat-muted);font-size:14px;cursor:grab}.msg-row-grip small{font-size:8px}.msg-canvas-buttons{display:flex;gap:4px;flex:1;min-width:0}.msg-studio .msg-canvas-button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:6px;min-height:30px;font-size:12px;border:1px solid var(--key-line);border-radius:6px;background:var(--key-bg);color:var(--key-ink);cursor:grab}.msg-canvas-button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-canvas-button i{font-style:normal;font-size:13px}.msg-canvas-button em{display:none;position:absolute;right:3px;top:1px;font-size:9px;font-style:normal}.msg-canvas-button:hover em{display:block}.msg-studio .msg-canvas-button.selected{outline:2px solid #4da2e5;outline-offset:1px}.msg-studio .msg-row-add{padding:0;width:20px;font-size:14px;border:1px dashed #93acbc7a;background:#ffffff15;color:var(--chat-muted)}.msg-drop-line{height:6px;position:relative}.msg-drop-line:hover{background:#4b9ede80;border-radius:3px}.msg-studio .msg-new-row{height:26px;padding:3px 8px;border:1px dashed #8da4b773;border-radius:5px;margin-top:6px;color:var(--chat-muted);background:#ffffff15;font-size:10px}.msg-new-row small{font-size:9px;opacity:.7;margin-left:6px}.msg-preview-footer{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 9px;border-top:1px solid #8c9ba022;background:var(--chat-head);color:var(--chat-muted);border-radius:0 0 7px 7px;flex-shrink:0}.msg-preview-footer>span{font-size:9px}.msg-preview-footer small{font-size:9px;white-space:nowrap}.msg-preview-footer>div{display:flex;align-items:center;gap:4px}.msg-studio .msg-preview-footer button{font-size:14px;padding:0 5px;line-height:18px;background:none;border-color:#8b9bae33;color:var(--chat-muted)}
.msg-studio .color-primary{background:#4b97d5;color:#fff;border-color:#4b97d5}.msg-studio .color-success{background:#49a477;color:#fff;border-color:#49a477}.msg-studio .color-danger{background:#d9636c;color:#fff;border-color:#d9636c}.msg-studio .color-default{background:#f1f4f8;color:#617791;border-color:#dbe3ed}.msg-preview-shell .color-default{background:var(--key-bg);color:var(--key-ink);border-color:var(--key-line)}
.msg-inspector{display:flex;flex-direction:column;padding:9px 10px;background:#fcfdff;border-left:1px solid #e5ebf2;gap:8px}.msg-inspector>header{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:5px;flex-shrink:0}.msg-inspector h3{font-size:12px;margin:0;color:#526b8c}.msg-inspector>header small{font-size:10px;color:#93a4b9}.msg-inspector-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:2px;background:#eef2f7;border-radius:6px;flex-shrink:0}.msg-inspector-tabs button{height:27px;border-color:transparent;font-size:11px;background:transparent}.msg-inspector-tabs button.selected{background:#fff;border-color:#dce5f2;box-shadow:0 1px 3px #1d315214}.msg-property-panel{display:grid;align-content:start;gap:10px;min-height:0}.msg-property-panel>label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-size:11px;color:#788da8}.msg-property-panel label>small{font-size:10px;color:#a5b2c5}.msg-property-panel label :is(input,select,textarea){flex:1 0 100%;font-size:12px}.msg-property-panel textarea{resize:none;line-height:1.6}.msg-property-panel fieldset{border:0;padding:0;margin:0;min-width:0}.msg-property-panel legend{display:flex;justify-content:space-between;width:100%;margin-bottom:5px;padding:0;font-size:11px;color:#788da8}.msg-property-panel legend small{font-size:9px;color:#a2afc0}.msg-color-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.msg-color-picker button{padding:5px 2px;font-size:10px;height:27px}.msg-color-picker button.selected{outline:2px solid #4e85ce;outline-offset:1px}.msg-emoji-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.msg-emoji-grid button{padding:3px;height:27px;font-size:14px}.msg-field-note{font-size:10px;line-height:1.6;margin:0;color:#96a5b8}.msg-inspector-footer{margin-top:auto;padding-top:8px;display:grid;gap:6px;flex-shrink:0}.msg-position-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.msg-position-tools button{height:28px;font-size:14px;padding:2px}.msg-button-actions{display:flex;gap:5px}.msg-button-actions button{flex:1;font-size:11px;height:28px}.msg-button-actions .is-danger{color:#b65c6b;background:#fff4f5;border-color:#eed9df}.msg-action-summary{display:grid;gap:7px;padding:10px;border:1px solid #e6edf6;border-radius:6px;background:#f6f9fd}.msg-action-summary span,.msg-action-summary small{font-size:10px;color:#9eafc4}.msg-action-summary b{font-size:12px;color:#637e9f;overflow-wrap:anywhere}.msg-inspector-empty{padding:35px 10px;text-align:center;color:#a0b2c9;line-height:1.8}.msg-inspector-empty>i{font-style:normal;font-size:26px;color:#8daacb}.msg-inspector-empty p{font-size:11px}
.msg-savebar{height:39px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;background:#fff;border-top:1px solid #e7ecf3;border-radius:0 0 7px 7px;flex-shrink:0}.msg-savebar>small{font-size:10px;color:#a3b0c2}.msg-savebar>div{display:flex;gap:5px}.msg-savebar button{height:28px;padding:3px 11px;font-size:11px}.msg-savebar .btn.primary{color:#fff;background:#3478e5;border-color:#3478e5;box-shadow:none}.msg-studio .msg-validation{padding:6px 10px;border-bottom:1px solid #f0d8b8;background:#fff9ef;color:#a97736;font-size:10px;line-height:1.5;flex-shrink:0}.msg-studio .msg-validation[hidden]{display:none}.msg-mobile-panels{display:none}
@media(max-width:1400px){.msg-layout{grid-template-columns:160px minmax(0,1fr)}.msg-workbench{grid-template-columns:minmax(215px,.9fr) minmax(270px,1.15fr) 218px}.msg-content-pane,.msg-inspector{padding:8px}.msg-property-panel{gap:8px}.msg-studio-toolbar{gap:8px}.msg-preview-footer>span{display:none}.msg-preview-footer{justify-content:flex-end}}
@media(max-width:1100px){.msg-layout{grid-template-columns:148px minmax(0,1fr)}.msg-workbench{grid-template-columns:1fr}.msg-mobile-panels{display:flex;gap:4px;padding:5px 8px;border-bottom:1px solid #e7ecf2;flex-shrink:0}.msg-mobile-panels button{flex:1;font-size:11px}.msg-workbench[data-panel=content]>:not(.msg-content-pane),.msg-workbench[data-panel=preview]>:not(.msg-canvas-pane),.msg-workbench[data-panel=buttons]>:not(.msg-inspector){display:none}.msg-inspector{max-width:none;border-left:0}.msg-property-panel{grid-template-columns:1fr 1fr;gap:12px}.msg-property-panel>.msg-field-note{grid-column:1/-1}.msg-inspector-footer{display:flex}.msg-inspector-footer>div{flex:1}.msg-canvas-pane{padding:6px}.msg-studio-toolbar>label input{width:130px}.msg-studio-toolbar>nav button{padding:5px 7px}.msg-studio-toolbar h1{font-size:17px}}
@media(max-width:700px){.msg-studio{height:auto;min-height:calc(100dvh - 85px)}.msg-studio-toolbar{height:auto;flex-wrap:wrap}.msg-studio-toolbar>nav{order:3;width:100%}.msg-studio-toolbar>nav button{flex:1;justify-content:center}.msg-studio-toolbar>label{max-width:45%}.msg-studio-toolbar>label input{width:100%}.msg-layout{grid-template-columns:1fr;grid-template-rows:140px minmax(520px,1fr)}.msg-template-items{display:grid;grid-template-columns:1fr 1fr;align-content:start}.msg-template-items>button{max-width:100%}.msg-studio .msg-template-list{min-height:0}.msg-template-list>header{min-height:22px}.msg-property-panel{grid-template-columns:1fr}.msg-property-panel>.msg-field-note{grid-column:auto}.msg-workbench{min-height:390px}.msg-savebar{position:sticky;bottom:0;z-index:3}.msg-savebar>small{font-size:9px}.msg-preview-copy{font-size:12px}}
/* The chat bubble hugs short copy; the remaining space stays as wallpaper. */
.msg-preview-surface{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.msg-bubble{flex:0 0 auto}.msg-button-canvas{flex:0 0 auto}.msg-inspector-footer{margin-top:0}
.msg-studio .color-primary.selected{background:#4b97d5;color:#fff;border-color:#4b97d5}.msg-studio .color-success.selected{background:#49a477;color:#fff;border-color:#49a477}.msg-studio .color-danger.selected{background:#d9636c;color:#fff;border-color:#d9636c}.msg-preview-shell .color-default.selected{background:var(--key-bg);color:var(--key-ink);border-color:var(--key-line)}