.mf-wrap{max-width:1000px;margin:0 auto;padding:12px;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.mf-wrap h2{margin:0 0 6px;font-size:clamp(20px,2.4vw,30px)}
.mf-sub{color:#9ca3af;margin:0 0 14px}
.mf-controls{display:flex;flex-wrap:wrap;gap:10px;background:#0f1420;border:1px solid #1f2937;padding:12px;border-radius:14px}
.mf-controls label{font-size:14px;color:#d1d5db;display:flex;gap:8px;align-items:center}
.mf-controls input,.mf-controls select,.mf-controls textarea{background:#0b0f1a;color:#e5e7eb;border:1px solid #243047;border-radius:10px;outline:none}
.mf-controls input,.mf-controls select{padding:10px 12px;min-width:160px}
.mf-controls textarea{padding:10px 12px;min-width:280px;min-height:42px;resize:vertical}
.mf-btn{background:#1f2937;color:#e5e7eb;border:1px solid #334155;border-radius:12px;padding:10px 14px;cursor:pointer}
.mf-btn:hover{transform:translateY(-1px);background:#243244}
.mf-btn.mf-primary{background:linear-gradient(90deg,#2563eb,#7c3aed);border-color:transparent}
.mf-canvas-wrap{margin-top:14px;background:#0d1320;border:1px solid #1f2536;border-radius:16px;padding:14px}
.mf-hint{color:#9ca3af;font-size:13px;margin-top:8px}
body{background:#0b0d12 !important}