.mpcw311{max-width:920px;margin:auto;padding:20px 0}.mpcw311 p{line-height:1.65;color:var(--mp-text-secondary,#53617b)}.mpcw311-grid,.mpcw311-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mpcw311-field{display:flex;flex-direction:column;gap:8px;margin:12px 0;font-weight:600;font-size:14px}.mpcw311-field input,.mpcw311-field textarea,.mpcw311-field select{width:100%;max-width:100%;min-width:0;background:#fff;color:#16213a;border:1px solid #cbd4e3;border-radius:12px;padding:12px;font:inherit;font-weight:400}.mpcw311-field input[type=range]{padding:8px 0}.mpcw311-field textarea{resize:vertical;font-family:ui-monospace,monospace}.mpcw311-action,.mpcw311-add{border:0;border-radius:12px;padding:13px 18px;background:#315efb;color:white;font-weight:700;cursor:pointer;margin:14px 8px 14px 0}.mpcw311-add{background:#e8eefb;color:#233960}.mpcw311-result{margin-top:16px;padding:20px;border:1px solid #ccd9ec;border-radius:16px;background:#f4f8ff;overflow-wrap:anywhere}.mpcw311-result[hidden]{display:none}.mpcw311-error{background:#fff0f1;color:#a51a32}.mpcw311-big{display:block;font-size:clamp(24px,4vw,38px);color:#1d3157;margin:8px 0}.mpcw311-grade-row{display:flex;gap:12px;align-items:end;border-bottom:1px solid #e2e8f2;padding:8px 0}.mpcw311-grade-row>.mpcw311-field{flex:1;min-width:0}.mpcw311-delete{background:#fff;border:1px solid #d5deeb;border-radius:10px;padding:11px;cursor:pointer;margin-bottom:12px}.mpcw311-check{display:flex;align-items:center;gap:10px;margin:12px 0}.mpcw311-diff{max-height:420px;overflow:auto;margin-top:12px}.mpcw311-diff>div{border-bottom:1px solid #d5e0ee;padding:10px 0}.mpcw311-diff code{overflow-wrap:anywhere}.mpcw311-diff pre{white-space:pre-wrap;font-size:13px}.mpcw311-text-diff{font:13px/1.6 ui-monospace,monospace;max-height:500px;overflow:auto;margin-top:14px}.mpcw311-text-diff>div{white-space:pre-wrap;overflow-wrap:anywhere;padding:3px 10px}.mpcw311-text-diff .added{background:#ddf8e6}.mpcw311-text-diff .removed{background:#ffe1e1}.mpcw311 #preview{display:block;max-width:min(100%,280px);height:auto;margin:16px auto;border:1px solid #cbd4e3;border-radius:12px;background:#f0f3f7}.mpcw311 ul{padding-left:20px}@media(max-width:650px){.mpcw311-grid,.mpcw311-split{grid-template-columns:1fr}.mpcw311-grade-row{gap:8px}.mpcw311-grade-row .mpcw311-field{font-size:12px}}