.mf-studio{margin:0;background:#f5f5f2;color:#232722;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}.mf-studio *{box-sizing:border-box}.mf-studio a{color:#bc4700}.mf-top{background:white;padding:18px max(22px,calc((100% - 980px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e1e2dc}.mf-top>a{font-size:26px;font-weight:850;color:#f36b11;text-decoration:none;white-space:nowrap}.mf-top b{color:#07529c}.mf-top nav{display:flex;gap:16px;align-items:center}.mf-editor{max-width:940px;margin:32px auto 80px;padding:0 24px}.mf-studio h1{font-size:32px;line-height:1.2;margin:20px 0}.mf-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.mf-row h1{flex:1}.mf-studio label{display:block;margin:18px 0 8px;font-weight:550}.mf-studio input:not([type=checkbox]),.mf-studio textarea,.mf-studio select{width:100%;background:white;color:#222;border:1px solid #d5d9d1;border-radius:10px;padding:12px;font:inherit;margin-top:5px}.mf-row select,.toolbar select{width:auto}.mf-studio textarea{resize:vertical}.mf-studio button,.file-label{font:inherit;font-weight:600;border:1px solid #d7dcd2;border-radius:10px;background:white;color:#343a30;padding:10px 16px;cursor:pointer;text-decoration:none}.mf-studio button:hover,.file-label:hover{border-color:#e7680d}.mf-studio button:disabled{opacity:.5;cursor:wait}.mf-studio .primary{background:#f36b11;border-color:#f36b11;color:white}.mf-studio .active{background:#fff0e2;border-color:#f6c498;color:#a33a00}.mf-studio .file-label{display:inline-block;margin:0}.mf-studio :focus-visible{outline:3px solid #ee8c49;outline-offset:3px}.cover-box{height:280px;display:grid;place-items:center;border:1px dashed #bbc3b4;border-radius:16px;overflow:hidden;background:#eaece5}.cover-box img{width:100%;height:100%;object-fit:cover}.cover-box:has(img:not([hidden])) span{display:none}.toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px;background:#eeefe9;border-radius:10px 10px 0 0;position:sticky;top:0;z-index:2}.toolbar button{padding:6px 12px}.toolbar select{margin:0;padding:6px}.mf-studio #visual{background:white;min-height:360px;border:1px solid #d5d9d1;padding:28px;border-radius:0 0 12px 12px;outline-color:#f36b11}.mf-prose{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.mf-prose p{margin:0 0 1em}.mf-prose h2{font-size:30px;line-height:1.25;margin:1.4em 0 .5em}.mf-prose h3{font-size:24px;line-height:1.3}.mf-prose img,.mf-prose video{max-width:100%;height:auto;border-radius:12px}.mf-prose figure{margin:24px 0}.mf-prose figcaption{font-size:14px;color:#677060;text-align:center}.mf-prose blockquote{margin:24px 0;padding:12px 24px;border-left:4px solid #f36b11;background:#faf5f0}.mf-prose .mf-note{padding:20px;border-radius:12px;background:#fff0e2;border-left:4px solid #f36b11;margin:24px 0}.mf-prose .mf-button{display:inline-block;color:white;background:#e75c05;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:700}.mf-prose .mf-outline{color:#b94a00;background:transparent;border:1px solid #e75c05}.mf-prose .mf-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mf-prose .mf-gallery figure{margin:0}.mf-prose .mf-gallery img{aspect-ratio:4/3;object-fit:cover;cursor:zoom-in}.mf-prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.mf-prose td,.mf-prose th{border:1px solid #ddd;padding:8px}.mf-studio details{border-top:1px solid #dce0d7;padding:16px 0;margin-top:12px}.mf-studio summary{cursor:pointer;font-weight:600}.hint,#saveStatus{font-size:13px;color:#697060}.mf-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}.mf-footer>div{display:flex;gap:8px;flex-wrap:wrap}.mf-error{color:#a72417;white-space:pre-wrap}.mf-studio dialog{width:min(1100px,96vw);max-height:92vh;border:0;border-radius:16px;padding:20px}.mf-studio dialog::backdrop{background:#101413b3}.dialog-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.dialog-head>:first-child{margin-right:auto}.mf-studio iframe{display:block;width:100%;height:70vh;border:1px solid #eee;margin:auto;background:white}.mf-studio pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee;padding:15px}.mf-studio [hidden]{display:none!important}.publication-row,.block-row{padding:16px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:8px}.publication-row span,.block-row span{flex:1}.block-row[draggable]{cursor:grab}.mf-studio canvas{width:100%;height:auto;background:#eee}.mf-studio input[type=checkbox]{accent-color:#eb660d;width:18px;height:18px;vertical-align:middle}#htmlCode{font:14px/1.5 ui-monospace,monospace}#history button{margin:5px} @media(max-width:600px){.mf-editor{padding:0 16px}.mf-top{padding:14px;flex-wrap:wrap}.cover-box{height:190px}.mf-studio h1{font-size:26px}.mf-footer>div{width:100%}.mf-footer button{flex:1}.mf-studio #visual{padding:16px}.mf-prose .mf-gallery{grid-template-columns:1fr}}

#visual{font-size:18px;line-height:1.75;overflow-wrap:anywhere}
#visual > p,#visual > h2,#visual > h3,#visual > ul,#visual > ol{max-width:760px;margin-left:auto;margin-right:auto}
#visual h2{font-size:clamp(25px,3vw,36px);line-height:1.2;margin-top:1.8em;margin-bottom:.65em;font-weight:750}
#visual > p{margin-top:0;margin-bottom:1.2em}
#visual blockquote,#visual .mf-note{box-sizing:border-box;position:relative;background:#191c1e!important;color:#fff!important;border:0!important;border-radius:4px;padding:clamp(24px,5vw,52px)!important;margin:36px 0!important;font-style:normal}
#visual blockquote{padding-left:clamp(48px,7vw,84px)!important;font-size:clamp(23px,3vw,34px);line-height:1.4;font-weight:650}
#visual blockquote:before{content:'“';position:absolute;left:18px;top:8px;font-size:74px;color:#f56a16;line-height:1}
#visual blockquote p,#visual .mf-note p,#visual .mf-note h2,#visual .mf-note h3{color:#fff!important;max-width:none;margin:0 0 16px}
#visual blockquote p:last-child,#visual .mf-note p:last-child{margin-bottom:0}
#visual blockquote em{display:block;font-size:15px;color:#c3c8c6;font-weight:400;font-style:normal}
#visual .mf-note{border-top:3px solid #f56a16!important}
#visual .mf-note h2{font-size:clamp(24px,3vw,32px);margin-top:0}
#visual .mf-note a:not(.mf-button),#visual blockquote a{color:#ffab70!important;text-decoration:underline}
#visual a.mf-button{display:inline-block;background:#f36a13!important;color:#fff!important;text-decoration:none;padding:13px 24px;border-radius:7px;font-size:16px;font-weight:650;line-height:1.4}
#visual .mf-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:36px 0}
#visual figure{margin:30px 0} #visual .mf-gallery figure{margin:0;min-width:0}
#visual img{max-width:100%;height:auto!important;display:block;border-radius:8px}
#visual figcaption{font-size:14px;color:#707875;margin-top:9px}
#visual video{max-width:100%;height:auto;border-radius:8px}
@media(max-width:600px){#visual{font-size:17px}#visual .mf-gallery{grid-template-columns:1fr}#visual blockquote,#visual .mf-note{margin:26px 0!important}}
