#mc-editor[hidden]{display:none}
#mc-editor{position:fixed;inset:0;z-index:100;background:#09111d66;touch-action:none;user-select:none;-webkit-user-select:none;color:#ffe8b8;font:12px Mali,sans-serif}
#mc-panel{position:absolute;top:calc(5px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 24px));box-sizing:border-box;background:#152039f2;border:1px solid #d6b269;border-radius:12px;padding:8px 12px;z-index:2;box-shadow:0 3px 14px #0008;touch-action:manipulation}
#mc-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}
#mc-panel p{margin:0;font-size:11px;color:#d4dcec}
.mc-fields{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mc-fields label{display:flex;gap:5px;align-items:center}.mc-fields input[type=range]{width:85px;touch-action:pan-x}
#mc-panel select,#mc-panel button{font:inherit;background:#223350;color:#ffe8b8;border:1px solid #a98b55;border-radius:6px;padding:5px 8px;min-height:30px}
#mc-panel button:focus-visible,#mc-panel select:focus-visible{outline:2px solid #ffe39b}
#mc-save{background:#775821!important}.mc-actions{display:flex;gap:6px}
#mc-note{min-height:15px;padding-top:4px}
.mc-proxy{position:absolute;box-sizing:border-box;touch-action:none;border:1px dashed #ffffff88;border-radius:50%;cursor:move;z-index:1}
.mc-proxy[data-selected="1"]{outline:3px solid #ffe082;outline-offset:4px}
.mc-proxy .mc-visual{pointer-events:none;transform-origin:top left;position:absolute;left:0;top:0}
.mc-proxy .mc-label{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#111c2bdc;border-radius:4px;padding:1px 5px;color:#fff;font-size:10px;pointer-events:none}
.mc-proxy[data-selected="1"] .mc-label{display:block}
html[data-controls-editing="1"] #bt,html[data-controls-editing="1"] #chopen,html[data-controls-editing="1"] #joy,html[data-controls-editing="1"] #targettools{opacity:0!important;pointer-events:none!important}
#mc-safe{position:fixed;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
@media(max-height:450px){#mc-panel{padding:5px 8px}.mc-fields{gap:5px 10px}#mc-panel header{margin-bottom:3px}.mc-fields input[type=range]{width:70px}}

/* ธีมใหม่: ภาพจาก ChatGPT public/ui/mceditor (panel 1280x200, 9-slice 40/112) */
#mc-panel{background:none!important;border-style:solid!important;border-color:transparent!important;border-width:0!important;border-radius:0!important;border-image:url(ui/mceditor/panel.png) 40 112 40 112 fill / 18px 50px 18px 50px / 11px 0 stretch!important;top:calc(14px + env(safe-area-inset-top,0px))!important;box-shadow:none!important;padding:9px 46px 7px!important;width:min(680px,calc(100% - 16px))!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
#mc-panel header strong{font-size:14px;color:#ffe08a;text-shadow:0 1px 2px #000}
#mc-panel button{min-height:28px;padding:0 14px!important;border:0!important;border-radius:0!important;background:url(ui/mceditor/btn.png) center/100% 100% no-repeat!important;color:#f6dc92!important;font-weight:700;text-shadow:0 1px 1px #000;cursor:pointer}
#mc-panel button:hover{filter:brightness(1.15)}
#mc-panel #mc-save{background:url(ui/mceditor/btn_red.png) center/100% 100% no-repeat!important;color:#fff3d6!important;padding:0 20px!important}
#mc-panel select{-webkit-appearance:none;appearance:none;min-height:26px;padding:0 26px 0 10px!important;border:0!important;border-radius:0!important;background:url(ui/mceditor/select.png) center/100% 100% no-repeat!important;color:#f6dc92!important;cursor:pointer}
#mc-panel select option{background:#1e140c;color:#f6dc92}
.mc-fields label{color:#e8d6b0}
.mc-fields output{min-width:34px;color:#fff3d6}
#mc-panel input[type=range]{-webkit-appearance:none;appearance:none;height:22px;background:none;margin:0}
#mc-panel input[type=range]::-webkit-slider-runnable-track{height:9px;background:url(ui/mceditor/track.png) center/100% 100% no-repeat}
#mc-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border:0;background:url(ui/mceditor/thumb.png) center/100% 100% no-repeat}
#mc-panel input[type=range]::-moz-range-track{height:9px;background:url(ui/mceditor/track.png) center/100% 100% no-repeat}
#mc-panel input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;background:url(ui/mceditor/thumb.png) center/100% 100% no-repeat}
#mc-panel p#mc-note{text-align:center;color:#ffe08a;font-size:11px}
#mc-panel p#mc-note:empty::before{content:'ลากปุ่มเพื่อจัดตำแหน่ง แล้วกดบันทึก';color:#e8d6b0}
.mc-proxy[data-selected="1"]{outline-color:#ffd35a!important}
#mc-panel .mc-fields{gap:6px 10px!important;flex-wrap:nowrap!important}#mc-panel .mc-fields label{white-space:nowrap}#mc-panel .mc-fields input[type=range]{width:72px!important}#mc-panel header{margin-bottom:4px!important}