/* ManagerPro.win Studio — visual builder */
.mp-open-builder-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:11px 16px;border:1px solid #c7d7fe;border-radius:11px;background:linear-gradient(135deg,#eef4ff,#fff);color:#244a9b;font-weight:800;cursor:pointer}.mp-open-builder-btn:hover{background:#e4edff}.mp-ai-settings-card{margin:0 0 24px;border:1px solid #dbe6f7!important;background:linear-gradient(135deg,#f8fbff,#fff)!important}.mp-ai-settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.mp-ai-settings-head>div:first-child>span{color:#4266ad;font-size:10px;font-weight:900;letter-spacing:.15em}.mp-ai-settings-head h3{margin:5px 0 6px;font-size:21px}.mp-ai-settings-head p{margin:0;color:#69778c;font-size:13px;max-width:740px}.mp-ai-chip{padding:9px 13px;border-radius:99px;background:#e8efff;color:#3159a4;font-size:11px;font-weight:850;white-space:nowrap}.mp-ai-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mp-ai-settings-grid .cp-field{display:flex;flex-direction:column;gap:7px}.mp-ai-settings-grid .cp-field>span{font-size:12px;font-weight:800;color:#334155}.mp-ai-settings-grid input,.mp-ai-settings-grid select,.mp-ai-settings-grid textarea{width:100%;border:1px solid #d9e1ec;border-radius:10px;padding:11px 12px;background:#fff;color:#1e293b;font:inherit;font-size:13px}.mp-ai-settings-grid small{font-size:11px;color:#7b8798;line-height:1.5}.mp-ai-prompt-field{grid-column:1/-1}.mp-ai-settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.mp-ai-settings-actions #mpAiSettingsMsg{font-size:12px;color:#64748b}.mp-ai-settings-actions #mpAiSettingsMsg.is-ok{color:#16834a}.mp-ai-settings-actions #mpAiSettingsMsg.is-error{color:#b42318}.mp-ai-privacy-note{margin:12px 0 0;color:#8a95a5;font-size:11px}.mp-ai-import-option{border:1px solid #d9e5ff!important;background:#f6f9ff!important;border-radius:12px;padding:10px!important}.mp-ai-import-option b{color:#3159a4!important}
.mp-sales-builder-overlay[hidden]{display:none!important}.mp-sales-builder-overlay{position:fixed;inset:0;z-index:1000000;background:#f4f6fa;color:#172033}.mp-sales-builder-app{height:100%;display:flex;flex-direction:column;background:#f4f6fa;font-family:Inter,system-ui,sans-serif}.mp-builder-topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #e3e8f0;box-shadow:0 3px 12px rgba(15,23,42,.035);gap:16px}.mp-builder-brand{display:flex;align-items:center;gap:10px}.mp-builder-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#142e63,#3977d7);color:#fff;font-weight:900;font-size:13px}.mp-builder-brand div{display:flex;flex-direction:column}.mp-builder-brand strong{font-size:13px;font-weight:900}.mp-builder-brand small{font-size:10px;color:#8792a3}.mp-builder-top-actions{display:flex;align-items:center;gap:8px}.mp-builder-top-actions>span{font-size:11px;color:#8792a3;margin-right:8px}.mp-builder-preview-toggle,.mp-builder-save,.mp-builder-close{border:1px solid #dce3ed;background:#fff;color:#334155;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}.mp-builder-preview-toggle.is-active{background:#eaf1ff;border-color:#b8cdfa;color:#244f9c}.mp-builder-save{background:#2457b7;color:#fff;border-color:#2457b7;padding:10px 16px}.mp-builder-close{font-size:20px;line-height:16px;padding:9px 11px}.mp-builder-workspace{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;min-height:0;flex:1}.mp-builder-library,.mp-builder-inspector{background:#fff;overflow:auto;padding:18px 15px;border-right:1px solid #e3e8f0}.mp-builder-inspector{border-right:0;border-left:1px solid #e3e8f0}.mp-builder-pane-title>span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#8a96a9}.mp-builder-pane-title h3{margin:5px 0 4px;font-size:15px;font-weight:900;color:#1e293b}.mp-builder-pane-title p{margin:0 0 15px;font-size:11px;line-height:1.5;color:#8490a2}.mp-builder-block-list{display:grid;gap:7px}.mp-builder-block-list button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid #e7ebf2;border-radius:10px;background:#fff;cursor:pointer;transition:.15s}.mp-builder-block-list button:hover{border-color:#a9c0ee;background:#f7faff;transform:translateX(2px)}.mp-builder-block-list button>b{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#edf3ff;color:#315ba8;font-size:15px}.mp-builder-block-list button span{display:flex;flex-direction:column;min-width:0}.mp-builder-block-list strong{font-size:11px;color:#25344b}.mp-builder-block-list small{font-size:9px;color:#8994a5;margin-top:2px}.mp-builder-stage{min-width:0;display:flex;flex-direction:column;overflow:hidden}.mp-builder-stage-head{height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f8f9fc;border-bottom:1px solid #e5e9f0}.mp-builder-stage-head div{display:flex;flex-direction:column}.mp-builder-stage-head span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#8591a4}.mp-builder-stage-head strong{font-size:12px;color:#26354d}.mp-builder-stage-head>small{font-size:10px;color:#9aa4b2}.mp-builder-canvas-wrap{flex:1;overflow:auto;padding:24px;background:#eef1f6}.mp-builder-canvas{width:100%;max-width:1000px;min-height:600px;margin:0 auto;background:#fff;box-shadow:0 10px 40px rgba(15,23,42,.08);border-radius:10px;overflow:hidden;transition:width .2s}.mp-builder-canvas-wrap.is-mobile .mp-builder-canvas{width:390px;max-width:100%;min-height:700px}.mp-builder-section{position:relative;padding:24px 28px;border:2px solid transparent;border-bottom:1px dashed #e4e9f1;cursor:pointer;min-height:90px}.mp-builder-section:hover{border-color:#c7d8f8}.mp-builder-section.is-selected{border:2px solid #4f7ed0;background:#f8fbff}.mp-builder-section-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:#4770b6;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.mp-builder-section h2,.mp-builder-section h3{margin:0 0 8px;color:#1c2d4c;font-weight:900;line-height:1.16}.mp-builder-section h2{font-size:clamp(20px,3vw,34px)}.mp-builder-section h3{font-size:15px}.mp-builder-section p{margin:0;color:#718096;font-size:11px;line-height:1.6}.mp-builder-preview-hero{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:18px;min-height:220px;background:#f5f8ff}.mp-builder-preview-hero img{width:100%;max-height:210px;object-fit:contain}.mp-builder-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.mp-builder-preview-cards span{display:block;min-height:50px;padding:12px;border:1px solid #e6ebf2;border-radius:9px;background:#fff;font-size:9px;color:#526177}.mp-builder-preview-cta{text-align:center;background:#182c56;color:#fff}.mp-builder-preview-cta h2{color:#fff}.mp-builder-preview-cta p{color:#d6deec}.mp-builder-preview-hidden{opacity:.45}.mp-builder-section-tools{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:.15s}.mp-builder-section:hover .mp-builder-section-tools,.mp-builder-section.is-selected .mp-builder-section-tools{opacity:1}.mp-builder-section-tools button{width:25px;height:25px;border:1px solid #d8e1ef;border-radius:6px;background:#fff;color:#51637f;font-size:11px;cursor:pointer}.mp-builder-section-tools button:hover{background:#edf3ff;color:#2457b7}
.mp-builder-inspector-fields{display:grid;gap:10px}.mp-builder-field{display:grid;gap:5px}.mp-builder-field>span{font-size:10px;font-weight:800;color:#526177}.mp-builder-field input,.mp-builder-field textarea,.mp-builder-field select{width:100%;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:9px 10px;color:#24344d;font:inherit;font-size:11px}.mp-builder-field textarea{min-height:66px;resize:vertical}.mp-builder-field input[type=color]{height:37px;padding:4px}.mp-builder-field input[type=checkbox]{width:auto}.mp-builder-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:#526177}.mp-builder-item-editor{padding:10px;border:1px solid #e3e8f0;border-radius:10px;background:#fafbfd;display:grid;gap:8px}.mp-builder-item-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;color:#51637d}.mp-builder-item-head button{border:0;background:transparent;color:#c24141;cursor:pointer;font-size:11px}.mp-builder-add-item{border:1px dashed #b7c7e5;background:#f7faff;border-radius:8px;padding:9px;color:#315ba8;font-size:10px;font-weight:800;cursor:pointer}.mp-builder-empty{padding:18px;border:1px dashed #d8e1ed;border-radius:10px;color:#8a96a9;font-size:11px;line-height:1.6;text-align:center}.mp-builder-ai-box{display:grid;gap:8px;margin-top:20px;padding:13px;border:1px solid #d8e5ff;border-radius:12px;background:linear-gradient(145deg,#f2f6ff,#fff)}.mp-builder-ai-box>span{color:#456bb0;font-size:9px;font-weight:900;letter-spacing:.13em}.mp-builder-ai-box>strong{font-size:12px;color:#263b65}.mp-builder-ai-box label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#526177}.mp-builder-ai-box select,.mp-builder-ai-box textarea{width:100%;border:1px solid #dce3ed;border-radius:8px;padding:8px;background:#fff;font:inherit;font-size:10px}.mp-builder-ai-box button{border:0;border-radius:8px;padding:10px;background:#285db7;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.mp-builder-ai-box small{font-size:9px;line-height:1.5;color:#7d8aa0}.mp-builder-media-box{display:grid;gap:7px;margin-top:12px}.mp-builder-upload{display:block;text-align:center;border:1px dashed #bdcbe0;border-radius:9px;padding:10px;color:#345c9d;font-size:10px;font-weight:800;cursor:pointer;background:#fbfcff}.mp-builder-media-box small,.mp-builder-media-box span{font-size:9px;color:#8994a5;line-height:1.5}.mp-builder-media-box span.is-error{color:#b42318}.mp-builder-media-box span.is-ok{color:#16834a}
@media(max-width:1100px){.mp-builder-workspace{grid-template-columns:210px minmax(0,1fr) 290px}.mp-builder-library{padding:14px 10px}.mp-builder-inspector{padding:14px 11px}.mp-builder-canvas-wrap{padding:15px}}
@media(max-width:820px){.mp-builder-workspace{grid-template-columns:190px minmax(0,1fr)}.mp-builder-inspector{position:absolute;right:0;top:68px;bottom:0;width:min(330px,88vw);z-index:4;box-shadow:-12px 0 35px rgba(15,23,42,.12)}.mp-builder-topbar{padding:0 10px}.mp-builder-top-actions>span{display:none}.mp-builder-preview-toggle{padding:8px}.mp-ai-settings-grid{grid-template-columns:1fr}.mp-ai-prompt-field{grid-column:auto}}
@media(max-width:560px){.mp-builder-workspace{grid-template-columns:1fr}.mp-builder-library{display:none}.mp-builder-stage-head>small{display:none}.mp-builder-canvas-wrap{padding:8px}.mp-builder-canvas{border-radius:5px}.mp-builder-topbar{height:58px;flex-basis:58px}.mp-builder-inspector{top:58px;width:92vw}.mp-builder-brand small{display:none}.mp-builder-brand strong{font-size:11px}.mp-builder-mark{width:32px;height:32px}.mp-builder-preview-toggle{display:none}.mp-builder-save{padding:9px 10px}.mp-builder-close{padding:8px}.mp-builder-section{padding:20px 15px}.mp-builder-section-tools{opacity:1}.mp-builder-preview-cards{grid-template-columns:1fr}.mp-builder-preview-hero{grid-template-columns:1fr}.mp-builder-preview-hero img{max-height:130px}.mp-ai-settings-head{display:block}.mp-ai-chip{display:inline-block;margin-top:10px}}
.mp-sales-builder-open{overflow:hidden}.mp-builder-global-style{margin-top:14px;padding-top:12px;border-top:1px solid #e7ebf2}.mp-builder-global-style summary{margin-bottom:10px;cursor:pointer;color:#3d5f9e;font-size:10px;font-weight:900;list-style:none}.mp-builder-global-style summary::-webkit-details-marker{display:none}.mp-builder-global-style summary:after{content:'＋';float:right}.mp-builder-global-style[open] summary:after{content:'−'}
@media(max-width:560px){.mp-builder-workspace{grid-template-columns:1fr;grid-template-rows:148px minmax(0,1fr)}.mp-builder-library{display:block;max-height:148px;overflow:auto;padding:9px 10px;border-right:0;border-bottom:1px solid #e3e8f0}.mp-builder-pane-title{display:flex;align-items:center;gap:7px;margin-bottom:8px}.mp-builder-pane-title>span{display:none}.mp-builder-pane-title h3{margin:0;font-size:11px}.mp-builder-pane-title p{display:none}.mp-builder-block-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px}.mp-builder-block-list button{flex:0 0 145px;padding:7px}.mp-builder-block-list button>b{width:28px;height:28px;flex-basis:28px}.mp-builder-block-list strong{font-size:10px}.mp-builder-block-list small{font-size:8px}.mp-builder-stage-head{height:42px;flex-basis:42px;padding:0 10px}.mp-builder-inspector{top:206px;width:94vw}.mp-builder-canvas-wrap{padding:7px}}

/* ManagerPro.win 2.0.1 — responsive properties drawer and editor controls */
.mp-builder-inspector-toggle{display:none;align-items:center;justify-content:center;gap:6px;border:1px solid #dbe4f0;background:#fff;color:#1e293b;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.mp-builder-inspector-toggle:hover{background:#f1f5f9}
.mp-builder-field select{min-height:40px}
.mp-builder-field input[type="url"]{font-size:12px}
.mp-builder-help{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:11px;line-height:1.5}
.mp-builder-item-editor{background:#fff}
.mp-builder-item-editor input[type="url"]{font-family:ui-monospace,monospace;font-size:11px}
@media(max-width:820px){
 .mp-builder-inspector-toggle{display:inline-flex}
 .mp-builder-inspector{display:none;position:absolute;right:0;top:124px;bottom:0;width:min(370px,92vw);z-index:12;box-shadow:-18px 0 42px rgba(15,23,42,.18);border-left:1px solid #dbe4f0;background:#fff}
 .mp-builder-inspector.is-open{display:block}
 .mp-builder-stage-head>small{display:none}
}
@media(max-width:560px){
 .mp-builder-inspector{top:248px;bottom:0;width:94vw;max-width:none;border-radius:14px 0 0 0}
 .mp-builder-stage-head{padding:8px 12px;min-height:42px}
 .mp-builder-inspector-toggle{padding:7px 9px;font-size:11px}
}
.cp-import-ai-hint{display:block;margin:5px 0 0 30px;color:#64748b;font-size:11px;line-height:1.5}
.mp-builder-preview-button{display:inline-flex;margin-top:10px;padding:9px 14px;border-radius:9px;background:#285db7;color:#fff;font-size:10px;font-weight:900}
.mp-builder-preview-video{display:block;width:100%;max-height:230px;margin-top:12px;border-radius:10px;background:#0f172a}
.mp-builder-preview-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.mp-builder-preview-gallery img{width:100%;height:82px;object-fit:cover;border-radius:8px;background:#eef2f7}
.mp-builder-preview-image{display:block;width:100%;max-height:180px;object-fit:contain;margin:10px auto;border-radius:10px}
.mp-builder-preview-align-center{text-align:center}
.mp-builder-preview-align-right{text-align:right}
.mp-builder-preview-layout-center .mp-builder-preview-hero{grid-template-columns:1fr;text-align:center}
.mp-builder-preview-layout-center .mp-builder-preview-hero img{max-height:160px;margin:0 auto}
.mp-builder-preview-layout-list .mp-builder-preview-cards{grid-template-columns:1fr}
.mp-builder-preview-layout-minimal .mp-builder-preview-cards span{box-shadow:none;border-radius:4px}
.mp-builder-preview-spacing-compact{padding-top:15px;padding-bottom:15px}
.mp-builder-preview-spacing-spacious{padding-top:42px;padding-bottom:42px}
.mp-builder-preview-cards{grid-template-columns:repeat(var(--mp-preview-columns,3),minmax(0,1fr))}
.mp-builder-preview-button{background:var(--mp-section-accent,#285db7)}
@media(max-width:560px){.mp-builder-preview-cards{grid-template-columns:1fr}}

.mp-builder-preview-media-left .mp-builder-preview-hero>img{order:1}
.mp-builder-preview-media-left .mp-builder-preview-hero>div{order:2}
.mp-builder-preview-media-center .mp-builder-preview-hero{grid-template-columns:1fr;text-align:center}
.mp-builder-preview-media-center .mp-builder-preview-hero>img{max-width:80%;margin:12px auto 0}
.mp-builder-preview-media-center .mp-builder-preview-hero>div{max-width:100%;margin:auto}
.mp-builder-preview-media-left .mp-builder-preview-video,.mp-builder-preview-media-left .mp-builder-preview-image{margin-left:0;margin-right:auto}
.mp-builder-preview-media-right .mp-builder-preview-video,.mp-builder-preview-media-right .mp-builder-preview-image{margin-left:auto;margin-right:0}
.mp-builder-preview-media-center .mp-builder-preview-video,.mp-builder-preview-media-center .mp-builder-preview-image{margin-left:auto;margin-right:auto}

.mp-builder-preview-media-left .mp-builder-preview-gallery{margin-left:0;margin-right:auto}
.mp-builder-preview-media-right .mp-builder-preview-gallery{margin-left:auto;margin-right:0}
.mp-builder-preview-media-center .mp-builder-preview-gallery{margin-left:auto;margin-right:auto}
.mp-builder-preview-button{display:inline-flex;margin-top:14px;padding:8px 13px;border-radius:8px;background:#2457b7;color:#fff!important;font-size:9px;font-weight:900}

/* ManagerPro AI Design Studio controls */
.mp-builder-ai-attach{display:flex!important;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border:1px dashed #8da4c7;border-radius:12px;background:#f6f9ff;color:#174ea6;font-weight:800;cursor:pointer;text-align:center}
.mp-builder-ai-attach:hover{background:#edf4ff;border-color:#356bd6}
.mp-builder-ai-box>small{display:block;color:#68758a;font-size:11px;line-height:1.55;margin-top:7px}
.mp-builder-ai-box input[type=url],.mp-builder-ai-box select{width:100%;min-height:42px;border:1px solid #d5deea;border-radius:9px;padding:9px 11px;background:#fff;color:#1b2940}
.mp-builder-ai-box label{display:block;margin-top:11px}

#mpBuilderCanvas{font-family:var(--mp-font-body,Inter,sans-serif)}#mpBuilderCanvas h1,#mpBuilderCanvas h2,#mpBuilderCanvas h3{font-family:var(--mp-font-heading,Manrope,sans-serif)}#mpBuilderCanvas .mp-builder-preview-card{border-radius:var(--mp-card-radius,18px)}#mpBuilderCanvas .mp-builder-preview-cta{border-radius:var(--mp-button-radius,14px)}

/* Imported documents keep their CSS inside an inert, independent frame. */
.mp-builder-imported-mode .mp-builder-ai-box{display:none!important}
.mp-builder-imported-mode .mp-builder-canvas-wrap{padding:14px}
.mp-builder-imported-mode .mp-builder-canvas{max-width:none;min-height:0;border-radius:5px;overflow:hidden;background:#fff}
.mp-builder-imported-mode .mp-builder-canvas-wrap.is-mobile .mp-builder-canvas{width:390px;max-width:100%;min-height:0}
.mp-html-editor-frame{display:block;width:100%;height:calc(100vh - 166px);min-height:430px;border:0;background:#fff}
.mp-html-document-note{display:block;color:#68758a;font-size:11px;line-height:1.55;margin:10px 0}
.mp-html-document-history,.mp-html-document-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.mp-html-document-history button,.mp-html-document-actions button{border:1px solid #d6e1ef;border-radius:8px;background:#f8faff;padding:8px 10px;color:#31599c;font:inherit;font-size:11px;cursor:pointer}
.mp-html-document-history button:disabled,.mp-html-document-actions button:disabled{opacity:.45;cursor:default}
.mp-html-document-tree{display:grid;gap:6px}
.mp-html-document-tree>button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px;border:1px solid #e0e7f2;background:#fff;border-radius:9px;cursor:pointer;color:#334155;font-size:11px;overflow-wrap:anywhere}
.mp-html-document-tree>button.is-selected{border-color:#6b96dc;background:#f0f6ff}
.mp-html-document-tree small{color:#7b8798;font-size:9px}
.mp-html-document-selection{padding:8px;background:#f2f6fc;border-radius:7px;color:#496185;overflow-wrap:anywhere;font-size:10px}
.mp-html-document-styles summary{color:#335a9a;font-size:12px;font-weight:700;cursor:pointer;margin-bottom:12px}
.mp-html-document-styles .mp-builder-field{margin-bottom:9px}
@media(max-width:820px){.mp-builder-imported-mode .mp-builder-stage-head>small{display:none}.mp-html-editor-frame{height:calc(100vh - 165px)}}
@media(max-width:560px){.mp-builder-imported-mode .mp-builder-workspace{grid-template-rows:148px minmax(0,1fr)}.mp-builder-imported-mode .mp-builder-library{max-height:148px}.mp-html-document-library>.mp-html-document-note{display:none}.mp-html-document-library .mp-html-document-tree{display:flex;overflow:auto}.mp-html-document-tree>button{flex:0 0 160px}.mp-html-document-history{margin:0 0 5px}.mp-html-document-history button{padding:5px 8px}.mp-html-editor-frame{height:calc(100vh - 268px);min-height:280px}.mp-builder-imported-mode .mp-builder-canvas-wrap{padding:6px}}
.mp-html-editor-frame[hidden],.mp-html-source-panel[hidden],.mp-html-preview-panel[hidden]{display:none!important}
.mp-html-document-modes{display:grid;gap:7px;margin-bottom:16px}
.mp-html-document-modes button{border:1px solid #c5d5ee;border-radius:9px;background:#eff5ff;color:#254e91;padding:10px 11px;text-align:left;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.mp-html-document-modes button:disabled{opacity:.5;cursor:default}
.mp-html-special-mode .mp-html-document-history,.mp-html-special-mode .mp-html-document-tree{display:none!important}
.mp-html-source-panel,.mp-html-preview-panel{display:flex;flex-direction:column;min-height:430px;background:#fff}
.mp-html-document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #dce5f1;background:#f6f9ff;flex-wrap:wrap}
.mp-html-document-toolbar strong{font-size:12px;color:#2a4065}
.mp-html-document-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}
.mp-html-document-toolbar button{padding:8px 10px;border:1px solid #c9d7ec;border-radius:8px;background:#fff;color:#31599c;font:inherit;font-size:11px;cursor:pointer}
.mp-html-document-toolbar button:disabled{opacity:.5;cursor:default}
.mp-html-source-panel>p,.mp-html-preview-panel>p{padding:9px 12px;margin:0;background:#fafcff;color:#64748b;font-size:11px;line-height:1.5}
.mp-html-source-panel textarea{display:block;width:100%;height:calc(100vh - 255px);min-height:380px;padding:16px;border:0;border-top:1px solid #e0e7f0;border-radius:0;resize:vertical;background:#111c31;color:#e5edf9;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow-wrap:normal;overflow:auto;outline-offset:-3px}
.mp-html-live-preview-frame{display:block;width:100%;height:calc(100vh - 260px);min-height:380px;border:0;background:#fff}
@media(max-width:560px){.mp-html-document-library .mp-html-document-modes{display:flex;gap:6px;margin:0 0 7px}.mp-html-document-modes button{flex:1;padding:7px;font-size:10px}.mp-html-source-panel textarea,.mp-html-live-preview-frame{height:calc(100vh - 380px);min-height:240px}.mp-html-document-toolbar{padding:8px}.mp-html-document-toolbar button{padding:7px;font-size:10px}.mp-html-document-library.mp-html-special-mode .mp-builder-pane-title{display:none}}