.mg-editor{--mge-border:#d8ded5;--mge-accent:#496749;color:#303a2f;background:#f4f5f0;border:1px solid var(--mge-border);border-radius:12px;overflow:hidden;font-family:"Noto Sans SC",system-ui,"Microsoft YaHei",sans-serif;font-size:13px;min-width:0}.mg-editor *{box-sizing:border-box}.mg-editor button,.mg-editor input,.mg-editor select,.mg-editor textarea{font:inherit}.mg-editor button,.mg-editor select{border:1px solid var(--mge-border);background:#fffdf7;color:inherit;border-radius:6px;padding:7px 9px;cursor:pointer;min-height:34px}.mg-editor button:hover{border-color:var(--mge-accent);background:#e7eddf}.mg-editor button:disabled{opacity:.45;cursor:default}.mg-editor button:focus-visible,.mg-editor input:focus-visible,.mg-editor select:focus-visible,.mg-editor textarea:focus-visible{outline:2px solid #65835e;outline-offset:2px}.mg-editor .mge-primary{background:var(--mge-accent);color:white}.mge-toolbar{padding:10px;border-bottom:1px solid var(--mge-border);display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;background:#eef1e8}.mge-tools{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.mge-zoom-label{display:flex;align-items:center;gap:5px;white-space:nowrap}.mge-zoom-label input{width:90px}.mge-zoom-label output{min-width:34px}.mge-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;height:670px;max-height:80vh}.mge-stage-scroll{overflow:auto;position:relative;padding:22px;overscroll-behavior:contain;background-color:#dde1d7;background-image:linear-gradient(45deg,#d3d8cc 25%,transparent 25%),linear-gradient(-45deg,#d3d8cc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d3d8cc 75%),linear-gradient(-45deg,transparent 75%,#d3d8cc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.mge-stage-wrap{position:relative;margin:0 auto;box-shadow:0 5px 20px #34402c20}.mge-stage{position:absolute;left:0;top:0;transform-origin:0 0;touch-action:none;overflow:hidden}.mge-pages,.mge-hit-layers{position:absolute;inset:0}.mge-pages{pointer-events:none}.mge-pages canvas{position:absolute;left:0;display:block}.mge-hit{position:absolute;border:1.5px solid transparent;cursor:move;touch-action:none;transform-origin:center}.mge-hit:hover{border-color:#f2a04499}.mge-hit.mge-selected{border:3px solid #dc8943;box-shadow:0 0 0 1px #fff8}.mge-hit.mge-locked{pointer-events:none}.mg-editor .mge-handle{position:absolute;width:42px;height:42px;min-height:0;line-height:1;padding:0;border:3px solid #fff;border-radius:50%;background:#d78239;color:#fff;font-size:27px;touch-action:none;box-shadow:0 1px 5px #0005;z-index:3}.mge-resize{right:-21px;bottom:-21px;cursor:nwse-resize}.mge-rotate{left:calc(50% - 21px);top:-65px;cursor:grab}.mge-guide{position:absolute;background:#d9744e;pointer-events:none;z-index:4}.mge-guide[hidden]{display:none}.mge-guide-x{width:2px;top:0;bottom:0}.mge-guide-y{height:2px;left:0;right:0}.mge-sidebar{border-left:1px solid var(--mge-border);overflow:auto;background:#fafbf7}.mge-panel{padding:13px}.mge-panel h4,.mge-layers h4{font-size:14px;margin:0 0 10px}.mge-properties{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}.mge-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;min-width:0}.mge-field>span{color:#63715e;font-size:12px}.mge-field input,.mge-field select,.mge-field textarea{border:1px solid var(--mge-border);border-radius:5px;background:#fff;padding:7px;width:100%;min-width:0;color:#303a2f}.mge-field textarea{resize:vertical;line-height:1.5}.mge-field input[type=color]{height:36px;padding:3px}.mge-field input[type=range]{padding:4px;accent-color:var(--mge-accent)}.mge-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.mge-hint{color:#798171;font-size:12px;line-height:1.6;margin:7px 0 12px}.mge-layers{border-top:1px solid var(--mge-border);padding:12px}.mge-layer-row{display:flex;gap:3px;margin:4px 0;align-items:stretch}.mg-editor .mge-layer-row button{padding:5px;font-size:11px;min-width:30px}.mg-editor .mge-layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.mge-layer-active .mge-layer-name{background:#e0e9d6!important;border-color:#8aa27c!important}.mge-feedback{padding:10px 12px;border-top:1px solid var(--mge-border);color:#53654b;line-height:1.5}.mge-feedback.mge-error{color:#a33929;background:#fff1e9}.mge-warnings{padding:0 12px 10px;display:flex;gap:5px;flex-wrap:wrap}.mge-warnings:empty{display:none}.mge-warnings p{margin:3px 0;width:100%;color:#766449}.mg-editor .mge-warning{font-size:12px;color:#8c5d29;background:#fff7e8;border-color:#ead5ac;min-height:28px;text-align:left}.mg-editor fieldset:disabled{opacity:.65}.mge-panel>button{margin:5px 4px 0 0}@media(max-width:760px){.mge-workspace{grid-template-columns:1fr;height:auto;max-height:none}.mge-stage-scroll{height:430px;max-height:65vh;min-height:280px;padding:18px}.mge-sidebar{border-left:0;border-top:1px solid var(--mge-border);display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,38%);max-height:480px}.mge-layers{border-top:0;border-left:1px solid var(--mge-border);padding:10px 6px;overflow:auto}.mge-panel{padding:12px;overflow:auto}.mge-toolbar{padding:8px}.mg-editor button,.mg-editor select{min-height:38px}.mge-zoom-label input{width:65px}.mge-tools{gap:4px}.mge-hit.mge-selected{border-width:4px}.mg-editor .mge-handle{width:64px;height:64px;font-size:36px}.mge-resize{right:-32px;bottom:-32px}.mge-rotate{left:calc(50% - 32px);top:-90px}}@media(max-width:380px){.mge-sidebar{display:block}.mge-layers{border-left:0;border-top:1px solid var(--mge-border);max-height:230px}.mge-stage-scroll{height:340px}.mge-grid{grid-template-columns:1fr 1fr}.mg-editor{font-size:12px}}