.mc{background:#fff;border:1px solid #dfe3ed;border-radius:11px;flex-direction:column;min-width:0;display:flex;overflow:hidden;container-type:inline-size}.mc:focus-within{border-color:#a9b6ee;box-shadow:0 0 0 3px #7182e614}.mc[data-disabled="1"]{opacity:.72}.mc-toolbar{background:#fbfcfe;border-bottom:1px solid #eef1f6;flex-wrap:wrap;align-items:center;gap:3px;padding:6px 8px;display:flex}.mc-tool{color:#4a5468;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 6px;font-size:12.5px;line-height:1;display:inline-flex}.mc-tool:hover:not(:disabled){color:#2b3550;background:#eef1f9;border-color:#dde3ef}.mc-tool:active:not(:disabled){background:#e4e9f6}.mc-tool:disabled{opacity:.45;cursor:not-allowed}.mc-sep{background:#e6eaf2;flex:none;width:1px;height:17px;margin:0 5px}.mc-spacer{flex:1;min-width:8px}.mc-views{background:#fff;border:1px solid #dfe3ed;border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.mc-view{color:#5d6780;cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:12px;line-height:1.35}.mc-view+.mc-view{border-left:1px solid #eef1f6}.mc-view:hover{background:#f7f9ff}.mc-view.active{color:#3b4fc0;background:#e9edff;font-weight:600}.mc-tablepick{background:#f7f9ff;border-bottom:1px solid #eef1f6;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:11px 12px;display:flex}.mc-tablepick-grid{flex:none;grid-template-columns:repeat(8,17px);gap:3px;display:grid}.mc-cell{cursor:pointer;background:#fff;border:1px solid #dfe3ed;border-radius:3px;width:17px;height:17px;padding:0}.mc-cell.active{background:#dbe2ff;border-color:#a9b6ee}.mc-tablepick-side{flex-direction:column;flex:1;gap:5px;min-width:200px;display:flex}.mc-tablepick-side strong{color:#2b3550;font-size:13px}.mc-tablepick-side small{color:#8a92a8;font-size:12px;line-height:1.55}.mc-tablepick-close{align-self:flex-start;margin-top:2px;background:#fff!important;border-color:#dfe3ed!important}.mc-panes{flex:1;min-height:0;display:flex}.mc[data-view=split] .mc-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.mc-input{resize:vertical;color:#26304b;width:100%;min-width:0;min-height:240px;font:inherit;white-space:pre-wrap;background:#fff;border:0;outline:none;flex:1;padding:12px 14px;font-size:14px;line-height:1.72}.mc-input::placeholder{color:#a7aebd}.mc-preview{background:#fff;border-left:1px solid #eef1f6;flex-direction:column;flex:1;min-width:0;display:flex}.mc[data-view=preview] .mc-preview{border-left:0}.mc-preview iframe{background:#fff;border:0;flex:1;width:100%;min-height:240px;display:block}@container (width<=720px){.mc[data-view=split] .mc-panes{flex-direction:column;display:flex}.mc[data-view=split] .mc-preview{border-top:1px solid #eef1f6;border-left:0}}.mc-foot{color:#8a92a8;background:#fbfcfe;border-top:1px solid #eef1f6;flex-wrap:wrap;align-items:center;gap:12px;padding:7px 12px;font-size:12px;display:flex}.mc-count{color:#6b7590;flex:none}.mc-tips{text-overflow:ellipsis;white-space:nowrap;color:#a2a9b8;flex:1;min-width:0;overflow:hidden}.mc-switch{color:#4a5468;cursor:pointer;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.mc-switch input{margin:0}.mc-notice{color:#1f7a4d;flex:none;font-weight:600}.mc-foot-end{flex:none;align-items:center;gap:8px;display:flex}.mc-foot-extra{background:#fbfcfe;border-top:1px solid #eef1f6;padding:8px 12px}@media (width<=760px){.mc[data-view=split] .mc-panes{grid-template-columns:1fr}.mc[data-view=split] .mc-preview{border-top:1px solid #eef1f6;border-left:0}.mc-preview iframe{min-height:260px}}