.mp-page{max-width:1500px;margin:auto}.mp-page .page-heading{margin-bottom:20px}.mp-context{padding:20px 24px;background:#edf4f0;border:1px solid #cdded6;border-radius:12px;margin-bottom:20px}.mp-context h2{margin:5px 0 10px;overflow-wrap:anywhere}.mp-muted{color:#65766e;font-size:13px}.mp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.mp-bar .input{min-width:220px;flex:1}.mp-tabs{display:flex;gap:10px;border-bottom:1px solid #dbe5df;padding-bottom:12px}.mp-tabs .active{background:#174c52;color:white}.mp-card{background:white;border:1px solid #dbe5df;border-radius:12px;padding:20px;margin:14px 0}.mp-card h3{margin:0 0 14px}.mp-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr);gap:14px}.mp-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;min-width:0}.mp-grid textarea,.mp-grid input{width:100%;font-weight:400}.mp-grid textarea{resize:vertical;min-height:70px}.mp-audio{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f5f8f6;padding:12px;border-radius:8px}.mp-audio .input{max-width:300px}.mp-audio audio{height:32px;max-width:100%}.mp-footer{position:sticky;bottom:0;background:#f7faf8;border:1px solid #dbe5df;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5;border-radius:12px}.mp-error{color:#9b2930;background:#fff1f0;border:1px solid #f0c8c5;padding:12px;border-radius:8px;white-space:pre-wrap;margin:12px 0}.mp-status{white-space:pre-wrap}.mp-import textarea{width:100%;min-height:170px;font-family:monospace}.mp-preview{overflow:auto;max-height:400px;margin:12px 0}.mp-preview table{width:100%;border-collapse:collapse}.mp-preview th,.mp-preview td{text-align:left;border-bottom:1px solid #dbe5df;padding:9px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:360px}.mp-preview .bad{color:#a22;background:#fff2f1}.mp-empty{padding:50px 20px;text-align:center;color:#65766e}.mp-page button:focus-visible,.mp-page input:focus-visible,.mp-page textarea:focus-visible{outline:3px solid #8bbbad;outline-offset:2px}.mp-page button:disabled{opacity:.5}.mp-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.mp-page input[type=file]{max-width:100%}@media(max-width:700px){.mp-grid{grid-template-columns:1fr}.mp-context,.mp-card{padding:14px}.mp-footer{flex-wrap:wrap}.mp-bar .input{min-width:160px}}