/* Keep message copy, controls and button editing within the same workspace. */
.presentation-page.advanced{max-width:none;gap:8px;min-height:480px}
.presentation-page .page-heading{min-height:36px;gap:12px}
.presentation-page .page-heading h1{font-size:20px;margin:0 0 3px}
.presentation-page .page-heading p{font-size:11px;margin:0}
.presentation-page .advanced-tabs button{padding:6px 10px;font-size:11px;min-height:30px}
.presentation-page .presentation-language-picker{gap:8px}
.presentation-page .presentation-language-picker>span{font-size:11px}
.presentation-page .presentation-toolbar{gap:8px}
.presentation-page .presentation-groups{gap:6px}
.presentation-page .presentation-groups button{padding:6px 9px;gap:6px;font-size:11px;border-radius:6px;min-height:32px}
.presentation-page .presentation-toolbar>input{box-sizing:border-box;min-height:32px;height:32px;padding:5px 9px;font-size:11px;width:180px}
.presentation-page .presentation-layout{grid-template-columns:172px minmax(0,1fr);gap:8px}
.presentation-page .presentation-list{padding:5px;border-radius:9px}
.presentation-page .presentation-list-heading{padding:7px 8px 9px;font-size:10px}
.presentation-page .presentation-list button{padding:6px 8px;gap:3px;margin-bottom:2px;border-radius:7px}
.presentation-page .presentation-list button strong{font-size:11px;line-height:1.5}
.presentation-page .presentation-list button small{font-size:9px;gap:4px;line-height:1.4}
.presentation-page .presentation-editor{border-radius:9px}
.presentation-page .presentation-editor-head{padding:9px 12px;gap:12px;flex-wrap:wrap}
.presentation-page .presentation-editor-head>div:first-child{margin-right:auto;min-width:90px}
.presentation-page .presentation-editor-head>div>span{font-size:9px}
.presentation-page .presentation-editor-head h2{font-size:14px;margin:3px 0 0}
.presentation-page .presentation-editor-head .advanced-tabs{margin:0;flex-shrink:0}
.presentation-page .presentation-editor-head .setting-switch-row{gap:7px}
.presentation-page .presentation-editor-head .setting-switch-state{font-size:10px}
.presentation-page .presentation-editor-body{padding:10px 12px}
.presentation-workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.presentation-copy-pane,.presentation-buttons-pane{min-width:0}
.presentation-page .presentation-copy-pane .advanced-field{gap:5px;margin-bottom:7px;font-size:11px}
.presentation-page .presentation-copy-pane .advanced-field>small{font-size:10px;line-height:1.5;color:#8998ad}
.presentation-page .presentation-copy-pane>.btn{min-height:28px;height:28px;padding:4px 9px;font-size:10px;margin:0 0 4px}
.presentation-page .rich-toolbar{padding:5px;gap:4px}
.presentation-page .rich-toolbar button{padding:4px 6px;font-size:10px}
.presentation-page .rich-toolbar>span{font-size:9px;padding-left:2px}
.presentation-page .rich-content{box-sizing:border-box;min-height:175px;max-height:min(44vh,330px);padding:9px 10px;font-size:12px;line-height:1.65}
.presentation-page .presentation-media-settings{margin:8px 0;border-radius:7px}
.presentation-page .presentation-media-settings summary{padding:8px 10px;font-size:11px}
.presentation-page .presentation-media-settings summary small{font-size:9px;margin-left:6px}
.presentation-page .presentation-media{padding:10px;gap:10px;grid-template-columns:100px minmax(0,1fr);font-size:10px}
.presentation-page .presentation-media img{max-height:95px;object-fit:contain}
.presentation-page .presentation-no-image{min-height:65px}
.presentation-page .presentation-variables{margin:8px 0 0;font-size:10px}
.presentation-page .presentation-variables p{font-size:10px;line-height:1.5}
.presentation-page .presentation-variables code{font-size:10px;padding:4px 6px}
.presentation-page .trend-preview{margin:0 0 9px;padding:8px;gap:5px}
.presentation-page .trend-preview img{max-height:150px;width:auto;max-width:100%;object-fit:contain;object-position:left}
.presentation-page .button-composer{margin:0;padding:9px;border-radius:8px}
.presentation-page .button-composer-heading{gap:6px;margin-bottom:8px}
.presentation-page .button-composer-heading h3{font-size:12px}
.presentation-page .button-composer-heading p{font-size:9px;line-height:1.4;margin-top:3px}
.presentation-page .button-designer{grid-template-columns:minmax(0,1fr);gap:8px}
.presentation-page .button-row-editor{grid-column:auto;grid-row:auto;gap:6px}
.presentation-page .button-live-preview{grid-column:auto;grid-row:auto;position:static;padding:7px}
.presentation-page .button-row-heading{padding:5px;gap:3px}
.presentation-page .button-row-heading button{padding:3px;font-size:9px}
.presentation-page .button-row-title{gap:5px}
.presentation-page .button-row-title>b{font-size:10px}
.presentation-page .button-row-fields{padding:6px;gap:6px}
.presentation-page .button-config-card{padding:7px}
.presentation-page .button-config-card>header{margin-bottom:6px}
.presentation-page .button-config-card label{margin-bottom:6px;gap:3px}
.presentation-page .button-config-card input,.presentation-page .button-config-card select{height:29px;font-size:11px;padding:4px 6px}
.presentation-page .button-color-picker{margin-bottom:7px;flex-wrap:wrap;gap:4px}
.presentation-page .button-color-picker legend{margin-bottom:4px}
.presentation-page .add-inline-button{padding:6px;font-size:10px}
.presentation-page .button-designer-empty{padding:14px 10px}
.presentation-page .button-preview-heading{margin-bottom:5px;font-size:10px}
.presentation-page .telegram-preview{padding:7px}
.presentation-page .telegram-message{padding:7px}
.presentation-page .telegram-message>p{max-height:35px;margin:4px 0;font-size:10px;line-height:1.5}
.presentation-page .telegram-preview-button{min-height:28px;padding-block:4px}
.presentation-page .button-preview-help{margin:5px 0 0}
.presentation-page .custom-emoji-help{padding-top:6px;margin-top:6px;gap:5px}
.presentation-page .custom-emoji-help>p{font-size:9px;line-height:1.5}
.presentation-page .presentation-editor-footer{padding:8px 12px;gap:8px}
.presentation-page .presentation-editor-footer>span{font-size:10px}
.presentation-page .presentation-editor-footer>div{gap:6px}
.presentation-page .presentation-editor-footer .btn{height:32px;min-height:32px;padding:5px 12px;font-size:11px}
.rich-emoji-id-form{padding:9px 10px!important}
.rich-emoji-id-form>p{font-size:10px;color:#8193ad;margin:6px 0}
.rich-emoji-id-form .rich-emoji-id-fields{display:grid;grid-template-columns:minmax(0,1fr) 75px auto;gap:7px;align-items:end}
.rich-emoji-id-fields>label{display:grid;gap:4px;font-size:10px;color:#7188a5;min-width:0}
.rich-emoji-id-fields input{box-sizing:border-box;width:100%;min-width:0;height:30px;padding:5px 7px;font-size:11px;border:1px solid #d6e2f3;border-radius:5px;background:#fff;color:#405b80}
.rich-emoji-id-fields .btn{min-height:30px;height:30px;font-size:10px;padding:4px 8px}
.sticker-id-picker{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(0,1fr);gap:7px}
.sticker-id-picker input{box-sizing:border-box;width:100%;min-width:0;height:34px;border:1px solid #dce4ee;border-radius:6px;padding:5px 9px;background:#fff;color:#405671;font-size:11px}
.bot-design-page .menu-button-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px}
@media(min-width:1280px){.presentation-workbench{grid-template-columns:minmax(0,1.15fr) minmax(310px,1fr)}}
@media(max-width:800px){.presentation-page .presentation-layout{grid-template-columns:142px minmax(0,1fr)}.presentation-page .presentation-editor-head{gap:7px}.presentation-page .presentation-editor-head .setting-switch-state{display:none}.presentation-page .presentation-editor-body{padding:9px}.presentation-page .page-heading p{max-width:none}.sticker-id-picker{grid-template-columns:1fr}.bot-design-page .menu-button-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.presentation-page.advanced{height:auto;min-height:0}.presentation-page .page-heading{gap:7px}.presentation-page .presentation-layout{display:flex;gap:8px;min-height:0}.presentation-page .presentation-list{max-height:145px}.presentation-page .presentation-editor{height:650px;min-height:500px}.presentation-page .presentation-toolbar>input{width:100%}.presentation-page .rich-content{max-height:220px}.presentation-page .presentation-media{grid-template-columns:1fr}.rich-emoji-id-form .rich-emoji-id-fields{grid-template-columns:minmax(0,1fr) 65px}.rich-emoji-id-fields>.btn{grid-column:1/-1}}
.rich-emoji-id-form .rich-emoji-id-fields button.btn{font-size:10px;margin:0;white-space:nowrap}